@import url('buttons.css');
@import url('highslide/styles.css');
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700,600');
@charset "utf-8";
/* START Basic Reset (Resets default browser CSS) */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: 'Open Sans', sans-serif; vertical-align: baseline; }
body { line-height: 1; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: 400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input, textarea { margin: 0; }
/* Removes Firefox outline */
a { outline: none; }
/* Clearing floats without extra markup  */
#container { display: inline-block; }
#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html #container { height: 1%; }
#container { display: block; }
/* START Global Styles */
body { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 82%; /* Percentage is 16px (0.75 * 16px = 12px). */ background: #bfbfbf }
a { color: #1677d3; }
a:hover { }
#product-detail a { color: #FFFFFF; }
a:hover { text-decoration: none; }
h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration: none; }
.sup { vertical-align: 75%; line-height: 15px; font-size: 30%; }
.clearfix:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
#content { padding: 10px 25px; line-height: 18px; }
#content h2 { font-weight: bold; font-size: 110%; padding: 10px 0 0 0; }
#content h3 { font-weight: bold; }
#content h3 +p { padding: 0 0 10px 0; }
#content ul { margin: 0 0 0 0px; }
#content p { padding: 7px 0; }
#content p:last-child { padding-bottom: 20px; }
#content h1 { margin: 20px 0 10px 0; font-size: 2em; }
#container { position: relative; margin: 0 auto; text-align: left; width: 960px; height: auto !important; background-color: #fff; }
header { }
#umbrella { background-color: #000; padding: 6px 20px 5px 15px; font-size: 96%; position: relative; }
.corel-logo { opacity: 0.8; float: left; padding: 0 8px 0 0; }
.corel-logo:hover { transition-property: opacity; transition-duration: .3s; opacity: 1.0; }
#product-sites { display: inline-block; padding: 3px 0 0 0; color: #ccc; }
#product-sites ul { list-style-type: none; padding: 0; margin: 0; }
#product-sites li { float: left; display: inline; padding-right: 15px; }
#product-sites li:first-child { background-image: url(/static/common/images/shim.png); background-repeat: no-repeat; background-position: 0 -5px; height: 16px; padding-left: 11px; }
#product-sites a { text-decoration: none; color: #646464; }
#product-sites a:hover { color: #ccc; transition-duration: .3s; }
/* One state set on body tag */
#paintshop-pro .ps, #paintshop-pro .ps a:hover, body.paintshop-pro .ps, body.paintshop-pro .ps a:hover, #videostudio-pro .vs, #videostudio-pro .vs a:hover, body.videostudio-pro .vs, body.videostudio-pro .vs a:hover, #windvd .wd, #windvd .wd a:hover, body.windvd .wd, body.windvd .wd a:hover, #aftershot-pro .as, #aftershot-pro .as a:hover, body.aftershot-pro .as, body.aftershot-pro .as a:hover { color: #009dd2 !important; }
/* ---------------------------------------------------------------------- */
/* "Polyglot" Language Switcher */
#languageSelector { color: #8a8a8a; float: right; }
#languageSelector, #languageSelector * { margin: 0; padding: 0; outline: none; }
#languageSelector ul { list-style: none; }
#languageSelector { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: #444; line-height: normal; position: relative; /* sets the initial position for the drop-down menu */ z-index: 100; }
#languageSelector form { display: none; }
/* ---------------------------------------------------------------------- */
/* JS-created Code
/* ---------------------------------------------------------------------- */
#languageSelector a { text-decoration: none; display: block; padding: 2px 6px 2px 28px; color: #ccc; width: 7em; /* 84px; total width: 120px */ background-repeat: no-repeat; background-position: 6px center; }
#languageSelector a:hover { color: #fff; transition-duration: .3s; }
#languageSelector a.current:link, #languageSelector a.current:visited, #languageSelector a.current:active { position: relative; /* sets the initial position for the trigger arrow */ background-color: #000; border: 1px solid #333; border-radius: 3px; height: 15px; }
#languageSelector a.current:hover, #languageSelector ul.dropdown li:hover { background-color: #333; transition-duration: .3s; }
#languageSelector a.active { /* This style is applied as long as the drop-down menu is visible. */ border-bottom: none !important; border-radius: 3px 3px 0 0 !important; }
#languageSelector span.trigger { display: block; position: absolute; width: 9px; height: 5px; text-indent: -10000em; top: 6px; right: 6px; }
#languageSelector a.current:link span.trigger, #languageSelector a.current:visited span.trigger { background: url('/static/common/images/arrow-down.gif') no-repeat left top; }
#languageSelector a.current:hover span.trigger, #languageSelector a.current:active span.trigger, #languageSelector a.active span.trigger { background-position: left bottom !important; }
/* Drop-Down Menu */
#languageSelector ul.dropdown { display: none; position: absolute; top: 20px; left: 0; background-color: #000; border: 1px solid #333; border-top: none !important; border-radius: 0 0 3px 3px; }
#languageSelector ul.dropdown li { border-top: 1px dotted #333; }
#languageSelector ul.dropdown li:last-child { border-radius: 0 0 3px 3px; }
/* Flags */
#en { background-image: url('/static/common/images/flags/us.png'); }
#fr { background-image: url('/static/common/images/flags/fr.png'); }
#de { background-image: url('/static/common/images/flags/de.png'); }
#it { background-image: url('/static/common/images/flags/it.png'); }
#es { background-image: url('/static/common/images/flags/es.png'); }
#brand-bar { background-color: #000000; padding: 20px 20px 15px 20px; }
#brand-bar h1.masthead, #brand-bar h1.masthead a, #brand-bar h1.masthead a:hover { color: #fff; text-decoration: none; font-size: 150%; font-weight: 700; float: left; }
.chat-now { float: right; margin: 0; padding: 0 10px 0 0; }
.chat-now .chat:hover { cursor: pointer; }
.zEWidget-launcher {display: none;}
/* Hide IE9/10 */
@media screen and (min-width:0\0) {
    .chat-now {display:none\9 !important;} /* backslash-9 removes ie11+ & old Safari 4 */
}
/* Hide Edge */
@supports (-ms-accelerator:true) {
  .chat-now { display:none !important; } 
}
.phone-holder { font-size: 12px; clear: right; padding-top: 0; padding-right: 18px; vertical-align: baseline; }
.phone-holder:after { content: ""; display: block; clear: both; }
.phone-holder .orderByPhone { float: right; margin: 0; padding-left: 10px; color: #ccc; font-family: 'Open Sans', sans-serif; font-size: 100%; text-align: left; }
.phone-holder .number { padding: 3px 0; color: #49A9F8; font-weight: bold; font-size: 140%; text-decoration: none; display: block; }
.phone-holder .orderByPhone a:hover { color: #59B9FF; }
.clock-holder { width: 35px; height: 35px; float: right; position: relative; z-index: 130; }
.clock-holder .clock { background: url(/static/common/images/purchase-by-phone-icon.png) no-repeat; background-size: 34px Auto; width: 35px; height: 35px; text-indent: 9999px; overflow: hidden; display: block; }
.clock-holder .clock:hover, .phone-holder .active .clock { background: url(/static/common/images/purchase-by-phone-icon-hover.png) no-repeat; background-size: 34px Auto; }
.clock-popup { width: 205px; height: 48px; position: absolute; top: 17px; left: -152px; z-index: 200; text-align: left; display: none; background: url(/static/common/images/none.gif); }
.clock-popup .t { background: url(/static/common/images/bg-popup2.png) no-repeat; width: 205px; height: 54px; overflow: hidden; }
.clock-popup .b { background: url(/static/common/images/bg-popup2-b.png) no-repeat; width: 205px; height: 28px; overflow: hidden; }
.clock-popup .c { background: url(/static/common/images/bg-popup2-c.png) repeat-y; width: 100%; }
.clock-popup .popup-frame { float: left; width: 145px; padding: 32px 30px 20px 30px; position: relative; margin: -54px 0 -28px; }
.clock-popup .c:after { content: ""; display: block; clear: both; }
.clock-popup strong { float: none; padding: 0; color: #fff; text-align: left; font-size: 11px; display: block; line-height: 16px; }
.phone-holder .clock-holder.hover .clock-popup, .phone-holder .clock-holder:hover .clock-popup, .phone-holder .active .clock-popup { display: block; }
.purchase-by-phone { float: right; margin: 0; padding: 0 20px 0 45px; color: #ccc; font-size: 90%; background: url(/static/common/images/purchase-by-phone-icon.png) no-repeat; background-size: 34px Auto; /* Sized down icon a tad */ }
.purchase-by-phone dd { font-size: 140%; color: #49A9F8; font-weight: 700; padding: 3px 0; }
.purchase-by-phone dd a { text-decoration: none; color: #49A9F8; }
.purchase-by-phone dd a:hover { color: #59B9FF; }
img.amd-logo { float: right; }
nav { border-top: 0px solid #363941; background: #000000; font-size: 120%; }
nav ul { padding: 0; margin: 0; list-style: none; margin-left: 15px; }
nav ul li { display: block; float: left; position: relative; z-index: 110; }
nav ul.top-level li { margin-right: 5px; }
nav ul.top-level li a.top { display: block; padding: 8px 20px; text-decoration: none; color: #DBE0EB; margin-left: 1px; white-space: nowrap; border-bottom: none !important; background: #000000; font-size: 90%; }
nav ul.top-level li a.top:hover { color: #494d56; background: #ffffff; }
nav ul.top-level li:hover a.top { color: #494d56; background: #ffffff; }
nav ul.second-level { box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.2); }
nav ul.second-level li a { display: block; background: #ffffff; color: #000000; padding-left: 18px; padding-top: 9px; padding-bottom: 9px; }
nav ul.second-level li a:hover { margin: 0; background: #cccccc; color: #000000; display: block; }
nav ul.second-level li.first-category a { }
nav ul.second-level li.li-category a { background: #ffffff; border-top: 1px solid #ffffff; }
nav ul.second-level li.li-category a:hover { background: #cccccc; transition-duration: .3s; }
.products nav ul.top-level li.li-products a.top, .support nav ul.top-level li.li-support a.top, .updates nav ul.top-level li.li-support a.top, .enterprise nav ul.top-level li.li-enterprise a.top, .about-corel nav ul.top-level li.li-about-corel a.top, .newsroom nav ul.top-level li.li-about-corel a.top, .legal nav ul.top-level li.li-about-corel a.top, .contact-us nav ul.top-level li.li-about-corel a.top, .free-trials nav ul.top-level li.li-free-trials a.top, .special-offers nav ul.top-level li.li-special-offers a.top, .licensing nav ul.top-level li.li-licensing a.top, .learn nav ul.top-level li.li-learn a.top { background: #ffffff; color: #494d56; }
nav ul li ul { position: absolute; top: 30px; left: -14px; width: 190px; display: none; visibility: hidden; padding: 0px 0px 0px 0px; font-size: 90%; z-index: 100; }
nav ul.second-level li { width: 190px; }
nav ul li ul li { background: #555; display: block; color: #fff; }
nav ul li a { display: block; color: #fff; text-decoration: none; }
nav ul li ul li a { display: block; color: #fff; text-decoration: none; }
nav ul li ul li:hover { background: #666; }
nav ul li:hover ul { display: block; opacity: 1; visibility: visible; }
/* CSS for sub-navigation toggle */
/*
* jQuery UI CSS Framework
/* Component containers
----------------------------------*/
.ui-widget { }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { }
.ui-widget-content { }
.ui-widget-content a { }
.ui-widget-header { }
.ui-widget-header a { }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { }
.ui-state-hover a:hover { background-color: #3e434e; color: #fff !important; }
.ui-state-active, .ui-widget-content .ui-state-active { }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { background-color: #eee; color: #333 !important; font-weight: bold !important; }
/* Overlays */
.ui-widget-overlay { }
.ui-widget-shadow { }
/* Tabs----------------------------------*/
.ui-tabs { }
.ui-tabs .ui-tabs-nav { background-color: #30343d; font-weight: 700; color: #fff; border-top: 1px solid #fff; margin: 0; padding: 0; padding-left: 10px; }
.ui-tabs .ui-tabs-nav li { float: left; list-style-type: none; text-transform: uppercase; margin: 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { text-decoration: none; font-weight: 400; color: #ccc; display: block; padding: 10px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: pointer; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.tabs { }
/*END tabs */
.tab-content { line-height: 18px; padding: 20px; }
.tab-content ul { list-style-type: none; padding: 10px 0 10px 35px; margin: 0; }
.tab-content ul li { list-style: disc; padding: 0 0 5px 0; margin: 0; }
.tab-content ul li li { list-style: disc; padding: 5px 0 5px 0; margin: 0; }
.tab-content h2 { font-weight: 700; font-size: 160%; padding: 0 0 5px 0; margin: 0; }
.tab-content h4 { font-weight: 700; margin-top: 10px; }
.breadcrumb { list-style-type: none; padding: 10px 0 10px 25px !important; margin: 0 !important; float: left; }
.breadcrumb li { display: inline; padding-right: 15px; padding-left: 5px; color: #fff; background: url('/static/common/images/breadcrumb-chevron.png') no-repeat; background-position: right 7px; }
.breadcrumb li.last { background: none; }
.breadcrumb li a { text-decoration: none; color: #cecece; }
.breadcrumb li a:hover { color: #fff; }
footer { font-size: 90%; width: 960px; margin: 0 auto; }
footer #super { background-color: #30343d; color: #a6adbb; padding: 20px 25px; overflow: hidden; }
footer #super dl:first-child { margin-left: 0; }
footer #super dd, dt { line-height: inherit; }
footer #super dl { float: left; margin-left: 50px; line-height: 20px; }
footer #super dt { font-size: 115%; color: #fff; padding: 0 0 5px 0; }
footer #super dl a { color: #a6adbb; text-decoration: none; }
footer #super dl a:hover { color: #fff; }
footer #trust { float: right; padding: 10px 0 0 0; }
footer #super #trust img { }
footer #super #trust a { display: block; float: left; }
footer #super #trust .corel-adv { margin-right: -20px !important; display: inline-block; }
footer #super #trust .norton-secured { margin: 10px 15px 0 0; }
footer #super #trust .ssl-secured { margin: 13px 15px 0 0; }
footer #super #trust .mcafee-secure { margin: 13px 15px 0 0; }
footer #super #trust .pci-dds { margin: 13px 15px 0 0; }
footer #super #trust .bbb { margin: 10px 10px 0 0; }
#copyright-social { padding: 10px 25px; background-color: none !important; color: #777; }
#copyright-social a { color: #777; padding: 0 0 0 7px; }
#copyright-social p { padding: 10px 10px 0 0; float: left; color: #777; }
#copyright-social ul li { float: left; display: inline; padding: 10px 0 0 0; }
#copyright-social ul li:after { padding: 0 0 0 5px; content: "|"; }
#copyright-social ul li:last-child:after { content: ''; }
#social-media-farm { float: right; }
#social-media-farm img { opacity: .8; }
#social-media-farm img:hover { opacity: 1; }
#copyright-social .copy-links { float: left; padding-bottom: 20px; }
#copyright-social .copy-links p { float: none; padding: 0 0 0 7px !important; }
#copyright-social .copy-links ul { float: none; padding: 0 0 0 0 !important; }
#copyright-social .copy-links a { color: #777; padding: 0 0 0 7px; }
.new { font-weight: bold; color: #1677d3; text-transform: uppercase; display: block; }
.new-inline { font-weight: bold; color: #1677d3; text-transform: uppercase; }
.enhance-inline { color: #f18b1f; text-transform: uppercase; }
#paintshop-pro .new-inline { font-weight: bold; color: #f18b1f; text-transform: uppercase; }
.disclaimer { font-style: italic; font-size: 70%; line-height: 14px; }
#promo-banner .header { font-weight: bold; }
#promo-banner a { color: #ffffff;/* text-decoration: none;display: block; */ }
#promo-banner .coupon-code { color: #000000; background-color: #ffffff; padding: 0 5px; font-weight: bold; }
#promo-banner .promo-disclaimer { font-size: 70%; font-style: normal; }
#promo-banner .primary-button-lg { font-size: 13px; line-height: 28px; margin-left: 15px; }
#promo-banner .primary-button-lg a { padding: 0; }
/* PROMO BANNER LANGUAGE OVERRIDES */
.promo-banner-fr { font-size: 88% !important; line-height: 40px !important; }
.promo-banner-it { font-size: 95% !important; line-height: 40px !important; }
.promo-banner-nl { font-size: 95% !important; line-height: 40px !important; }

#umbrella .language-selector { float: right; }
#system-requirements-content ul { padding: 10px 0 0 18px; margin: 0; }
#system-requirements-content ul li { padding: 0 0 10px 0; margin: 0; }
.inclVAT { font-size: 80%; }
/* HSW */
/* Hide offers banner by default */
#offers { display: none; }
/* HSW styles */
#offers #hsw { border-top: 1px solid #767a85; border-bottom: 1px solid #e1e1e1; display: block; background-color: #defbfc; height: 36px !important; }
#hsw-banner { text-align: center; padding: 3px 0; float: left; height: 30px; vertical-align: middle; line-height: 30px; font-size: 20pt; margin-left: 5px; margin-right: 5px; color: #b10101; background-color: #defbfc; width: 55%; }
#hsw-banner .hsw-btn { background-color: #009cff; padding: 5px 20px; color: #ffffff; text-decoration: none; font-size: 10px; text-transform: uppercase; margin-left: 25px; vertical-align: bottom }
#hsw-banner-left { text-align: center; padding: 0; float: left; height: 36px; vertical-align: middle; line-height: 30px; width: 20%; margin-left: 25px; }
#hsw-banner-right { text-align: center; padding: 0; float: left; height: 36px; vertical-align: middle; line-height: 30px; width: 20%; }
/*HSW Accordion */
.accordion { background-color: #009CFF; }
.accordion dl, .accordion dt, .accordion dd { margin: 0; padding: 0; }
.accordion dd { display: none; background-color: #009CFF; color: #fff; }
.accordion p { padding: 8px 15px; margin: 0; }
.accordionTitle { background-color: #009CFF; padding: 7px 15px 7px 15px; text-align: center; display: block; text-decoration: none; color: #fff; -webkit-transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out; line-height:20px;}
.accordionTitle:hover { background-color: #009CFF; text-decoration: none; }
.accordion-title { color: #fff !important; font-weight: normal;}
.accordion-title .title { font-weight: 700; font-size: 110%; }
.accordion-title .bonus { background: #fff; padding: 5px 10px 5px 10px; text-transform: uppercase; color: #009CFF; }
.accordionTitleActive, .accordionTitle.is-expanded { background-color: #a90e5c; }
a.accordion-title .link { text-decoration: underline; }
a.accordion-title:hover .link { text-decoration: underline; }
.accordion-content { text-align: center; }
.accordionItem { height: auto; overflow: hidden; max-height: 50em; -webkit-transition: max-height 1s; transition: max-height 1s; }
.accordion-notes dt { cursor: pointer;}