@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;
}
/* END Basic Reset (Resets default browser CSS) */


/* START Global Styles */

body {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 82%; /* Percentage is 16px (0.75 * 16px = 12px). */
    background: #000 url(/images/corel-blue.jpg) top center no-repeat;
}
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%;
}
.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(/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, #videostudio-pro .vs, #videostudio-pro .vs a:hover, #windvd .wd, #windvd .wd a:hover, #aftershot-pro .as, #aftershot-pro .as a:hover {
    color: #009dd2 !important;
}
/* ---------------------------------------------------------------------- */
/* "Polyglot" Language Switcher
/* ----------------------------------------------------------------------
Version: 1.4
Author: Ixtendo
Author URI: http://www.ixtendo.com
License: MIT License
License URI: http://www.opensource.org/licenses/mit-license.php
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* TABLE OF CONTENTS
/* ----------------------------------------------------------------------
-Generic
-JS-created Code
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* Generic
/* ---------------------------------------------------------------------- */


#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('/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('/images/flags/us.png');
}
#fr {
    background-image: url('/images/flags/fr.png');
}
#de {
    background-image: url('/images/flags/de.png');
}
#it {
    background-image: url('/images/flags/it.png');
}
#es {
    background-image: url('/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;
}
.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(/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(/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(/images/none.gif);
}
.clock-popup .t {
    background: url(/images/bg-popup2.png) no-repeat;
    width: 205px;
    height: 54px;
    overflow: hidden;
}
.clock-popup .b {
    background: url(/images/bg-popup2-b.png) no-repeat;
    width: 205px;
    height: 28px;
    overflow: hidden;
}
.clock-popup .c {
    background: url(/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(/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
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=FF7F00&bgTextureHeader=07_diagonals_small.png&bgImgOpacityHeader=35&borderColorHeader=FF7F00&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=dddddd&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=FF7F00&fcContent=333333&iconColorContent=222222&bgColorDefault=FDEBDC&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=100&borderColorDefault=FF7F00&fcDefault=FF7F00&iconColorDefault=FF7F00&bgColorHover=FFD6AF&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=100&borderColorHover=913D00&fcHover=913D00&iconColorHover=913D00&bgColorActive=dddddd&bgTextureActive=05_inset_soft.png&bgImgOpacityActive=100&borderColorActive=FF7F00&fcActive=333333&iconColorActive=333333&bgColorHighlight=C4884F&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=913D00&fcHighlight=913D00&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=07_diagonals_medium.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=FF7F00&bgTextureOverlay=07_diagonals_medium.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
*/


/* 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('/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 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: #fff;
}
#copyright-social a {
    color: #fff;
    padding: 0 0 0 7px;
}
#copyright-social p {
    padding: 10px 10px 0 0;
    float: left;
}
#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: #fff;
    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 {
    color: #FFFFFF;
    text-align: center;
    line-height: 36px;
    font-size: 95%;
    margin-top: 0;
    height: 35px;
    background: #2375ba; /* Old browsers */
    background: -moz-linear-gradient(top, #2376ba 0%, #2989d8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2376ba), color-stop(100%, #2989d8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2376ba 0%, #2989d8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2376ba 0%, #2989d8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2376ba 0%, #2989d8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2376ba 0%, #2989d8 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2376ba', endColorstr='#2989d8', GradientType=0 ); /* IE6-9 */
}
#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;
}
/* END Global Styles */


#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;
}
#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%;
}