/*  
Site Name: Sovereign Illustrations
Site URI: http://www.sovereignillustrations.co.nz
Version: 9.7
*/

.wf-loading h1,
.wf-loading h2,
.wf-loading h3,
.wf-loading h4,
.wf-loading #main .main-nav div a,
.wf-loading .reasons-list label,
.wf-loading #per-slide-template a {
    visibility: hidden;
}

.wf-active h1,
.wf-active h2,
.wf-active h3,
.wf-active h4,
.wf-active #main .main-nav div a,
.wf-active .reasons-list label,
.wf-active #per-slide-template a {
    visibility: visible;
}

@font-face {
    font-family: 'knockout';
    src: url('../type/knockout/knockout.eot');
    src: url('../type/knockout/knockout.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../type/knockout/knockout.woff') format('woff'),
    /* Modern Browsers */
    url('../type/knockout/knockout.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../type/knockout/knockout.svg#a8f820905a9779ecd884d5e6de83937a') format('svg');
    font-style: normal;
    font-weight: 400;
    /* IE9 Compat Modes */
    /* Legacy iOS */
}


@font-face {
    font-family: 'FontAwesome';
    src: url('../type/fontawesome/fontawesome-webfont.eot');
    src: url('../type/fontawesome/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../type/fontawesome/fontawesome-webfont.woff') format('woff'), url('../type/fontawesome/fontawesome-webfont.ttf') format('truetype'), url('../type/fontawesome/fontawesome-webfont.svg#ArrrowsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* ==========================================================================
   Font families
   ========================================================================== */


@font-face {
    font-family: 'national-light';
    src: url('../type/national/national-light.woff2') format('woff2'), url('../type/national/national-light.woff') format('woff'), url('../type/national/national-light.ttf') format('truetype');
}

@font-face {
    font-family: 'national-light-italic';
    src: url('../type/national/national-light-italic.woff2') format('woff2'), url('../type/national/national-light-italic.woff') format('woff'), url('../type/national/national-light-italic.ttf') format('truetype');
}

@font-face {
    font-family: 'national-book';
    src: url('../type/national/national-book.woff2') format('woff2'), url('../type/national/national-book.woff') format('woff'), url('../type/national/national-book.ttf') format('truetype');
}

@font-face {
    font-family: 'national-book-italic';
    src: url('../type/national/national-book-italic.woff2') format('woff2'), url('../type/national/national-book-italic.woff') format('woff'), url('../type/national/national-book-italic.ttf') format('truetype');
}

@font-face {
    font-family: 'national';
    src: url('../type/national/national-regular.woff2') format('woff2'), url('../type/national/national-regular.woff') format('woff'), url('../type/national/national-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'national-regular-italic';
    src: url('../type/national/national-regular-italic.woff2') format('woff2'), url('../type/national/national-regular-italic.woff') format('woff'), url('../type/national/national-regular-italic.ttf') format('truetype');
}

@font-face {
    font-family: 'national-semibold';
    src: url('../type/national/national-semibold.woff2') format('woff2'), url('../type/national/national-semibold.woff') format('woff'), url('../type/national/national-semibold.ttf') format('truetype');
}

@font-face {
    font-family: 'national-semibold-italic';
    src: url('../type/national/national-semibold-italic.woff2') format('woff2'), url('../type/national/national-semibold-italic.woff') format('woff'), url('../type/national/national-semibold-italic.ttf') format('truetype');
}

@font-face {
    font-family: 'national-bold';
    src: url('../type/national/national-bold.woff2') format('woff2'), url('../type/national/national-bold.woff') format('woff'), url('../type/national/national-bold.ttf') format('truetype');
}

@font-face {
    font-family: 'national-bold-italic';
    src: url('../type/national/national-bold-italic.woff2') format('woff2'), url('../type/national/national-bold-italic.woff') format('woff'), url('../type/national/national-bold-italic.ttf') format('truetype');
}

@font-face {
    font-family: 'national-extra-bold';
    src: url('../type/national/national-extra-bold.woff2') format('woff2'), url('../type/national/national-extra-bold.woff') format('woff'), url('../type/national/national-extra-bold.ttf') format('truetype');
}



html * {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

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 {
    border: 0;
    /*    font-size: 100%;*/
    /*    font: inherit;*/
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}

blockquote,
q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: none;
    }

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: 700;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    padding-bottom: 0;
    margin: 15px 0;
    width: 100%;
}

hr {
    display: block;
    height: 1px;
    clear: both;
    border: 0;
    border-top: 1px solid #c9cfd4;
    margin: 20px 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

body {
    font-size: 1em;
    font-family: national, Arial, sans-serif;
    color: #4d4d4d;
    line-height: 1.2;
    background: none repeat scroll 0 0 #ffffff;
    margin: 0;
}

select,
input,
textarea,
button {
    font: 99% sans-serif;
}

pre,
code,
kbd,
samp {
    font-family: monospace, sans-serif;
}

html {
    /*    overflow-y: scroll;*/
    -webkit-font-smoothing: antialiased;
}

a:hover,
a:active {
    outline: none;
}

ul,
ol {
    margin: 9px 0 0 25px;
}

.ie7 ol {
    margin-left: 22px;
}

ol {
    /*    list-style-type: decimal; */
}

nav ul,
nav li {
    list-style-image: none;
    list-style: none outside none;
    margin: 0;
}

small {
    font-size: 85%;
}

td {
    vertical-align: top;
    padding: 4px 13px;
    background: #ffffff;
}

tfoot td {
    background: none repeat scroll 0 0 transparent;
    font-size: 11px;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    padding: 15px;
}

textarea {
    overflow: auto;
}

.ie6 legend,
.ie7 legend {
    margin-left: -7px;
}

input[type="checkbox"] {
    vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
    vertical-align: baseline;
}

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

a:link {
    -webkit-tap-highlight-color: #FF5E99;
    text-decoration: none;
    color: #0077db;
}

button {
    width: auto;
    overflow: visible;
}

.ie7 img {
    -ms-interpolation-mode: bicubic;
}

body,
select,
input,
textarea {
    color: #1a1a1a;
    line-height: 18px;
    font-family: national, Helvetica, Arial, sans-serif;
}

::-moz-selection {
    background: #bc9b6a;
    text-shadow: none;
}
/* These selection declarations have to be separate No text-shadow: twitter.com/miketaylr/status/12228805301 Also: hot pink! */


h1,
h2,
h3,
h4,
h5,
h6 {
    /*text-transform:uppercase;*/
    color: #1e384b;
    font-family: national-bold, Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-rendering: optimizelegibility;
    margin: 0 0 0.5em;
}

h2,
h3,
h4,
h5,
h6 {
    color: #1a1a1a;
}

h1 {
    font-size: 36px;
    /*    line-height: 36px;*/
    margin: 0;
}

h2 {
    /*    line-height: 27px;*/
    text-transform: none;
    font-size: 24px;
    /*margin:27px 0 0;*/
}

h3 {
    font-size: 18px;
    /*    line-height: 18px;*/
    /*margin:0 0*/
    color: #1e384b;
}

p {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.575em;
}

a,
a:active,
a:visited {
    color: #0077db;
    text-decoration: none;
}

    a:hover {
        color: #1e384b;
        text-decoration: underline;
    }

p a:hover {
}

ul, ol {
    padding-left: 0;
    color: #555;
    font-size: 12px;
}

    ul.stnd,
    ol.stnd {
        margin-bottom: 15px;
    }

input[type=text]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=text]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

#main-content .tabContent ul.stnd {
    float: left;
    width: 630px;
    list-style: none;
    margin-left: 0;
}

    #main-content .tabContent ul.stnd > li:after {
        border-bottom: 1px solid #c9cfd4;
        padding: 8px;
        content: '';
        display: block;
    }

    #main-content .tabContent ul.stnd > li:last-child:after {
        border-bottom: none;
    }

    #main-content .tabContent ul.stnd > li strong {
        line-height: 20px;
        display: inline-block;
        color: #414042;
    }

.tabContent h3 {
    float: left;
    width: 310px;
    font-size: 24px;
    line-height: 28px;
    padding-top: 10px;
    margin-right: 30px;
    color: #7ab8b5;
}

#main-content ul.stnd li,
#main-content ol.stnd li {
    padding: 0 0 5px 0;
    font-size: 16px;
    line-height: 1.4;
}

    #main-content ul.stnd li ul {
        margin-top: 0;
        margin-left: 20px;
    }

        #main-content ul.stnd li ul li {
            padding-bottom: 5px;
        }

.wf-loading #main .main-nav div a,
.no-js #main .main-nav div a,
.wf-inactive #main .main-nav div a {
    font-size: 18px;
}

.wf-loading h1,
.no-js h1,
.wf-inactive h1 {
    font-size: 28px;
    margin-bottom: 0;
    line-height: 28px;
}

.wf-loading h3,
.no-js h3,
.wf-inactive h3,
.no-js .related-tools ul li h3,
.wf-inactive .related-tools ul li h3 {
    font-size: 14px;
    line-height: 18px;
}

.no-js h2,
.wf-inactive h2 {
    font-size: 24px;
    margin-bottom: 15px;
}

#page-intro {
    /*background:url(../images/2013/bg-page-intro.jpg) repeat-x scroll left bottom transparent;*/
    border-bottom: 1px solid #c9cfd4;
    margin-bottom: 36px;
    padding-bottom: 0;
}

    #page-intro p {
        color: #555;
        font-size: 18px;
        line-height: 1.6;
        margin: 18px 0 36px;
    }

        #page-intro p + p {
            margin-top: -18px;
        }

.clearfix:before,
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

#main #main-content .reasons-list ul li ul {
    padding-left: 0;
    margin-left: 0;
}

.reasons-list > ul > li {
    border-bottom: 1px dotted #D8D4C4;
    padding-bottom: 17px;
    padding-left: 28px;
    position: relative;
    list-style-type: none;
    margin: 0 0 18px;
}

.reasons-list li.last {
    margin-bottom: 0;
    border-bottom: none;
}

.reasons-list li .abstract {
    overflow: hidden;
    height: 50px;
    font-family: proxima-nova-extra-condensed-n7, proxima-nova-extra-condensed, Helvetica, Arial, sans-serif;
    border-bottom: 1px solid #fff;
    padding-left: 20px;
    line-height: 50px;
    font-weight: 700;
    font-size: 18px;
}

    .reasons-list li .abstract sup {
        position: absolute;
        top: -7px;
    }

.reasons-list li .detail {
    overflow: hidden;
    clear: both;
    display: none;
    line-height: 18px;
    padding: 0;
}

.reasons-list li.selected .detail {
    display: block;
    padding-bottom: 15px;
    padding-top: 15px;
}

.reasons-list li.selected .abstract {
    background: #4E575E url(/images/exp.png) no-repeat 97% -35px;
}

.reasons-list li.hover .abstract {
    background-color: #4E575E;
    cursor: pointer;
}

#main #main-content .reasons-list ul li .rate ul {
    padding-left: 0;
    padding-top: 0;
    margin: 9px 0 0;
}

.reasons-list ul li .rate ul li {
    border-bottom: none;
    background: url(../images/2013/why-arrow.png) no-repeat 0 1px;
    padding-left: 28px;
    padding-bottom: 0;
}

.reasons-list ul li ul li ul {
    padding: 9px 0 0;
}

.detail li > h3 {
    padding-top: 10px;
}

.rate {
    overflow: hidden;
    margin-top: 10px;
}

    .rate h4 {
        border-bottom: 1px solid #755155;
        padding-bottom: 5px;
        margin-bottom: 10px;
        font-size: 18px;
        padding-top: 5px;
        margin-top: 0;
        color: #003469;
        background: url(/images/square.png) no-repeat 0 50%;
        padding-left: 20px;
    }

.rating {
    margin-left: 25px;
    width: 216px;
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #D8D4C4;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    float: right;
    position: relative;
    padding: 15px;
}

    .rating h4 {
        border: none;
        background-image: none;
        margin-bottom: 8px;
        padding-bottom: 0;
        padding-top: 0;
        padding-left: 0;
        color: #1e384b;
    }

ul.rate-square {
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

.reasons-list ul li .rate ul.rate-square li {
    float: left;
    display: block;
    width: 26px;
    height: 20px;
    background: #bc9b6a;
    margin-right: 1px;
    border: none;
    margin-bottom: 0;
    padding: 0;
}

    .reasons-list ul li .rate ul.rate-square li.s {
        background: #1e384b;
    }

.rating span {
    padding-top: 8px;
    display: block;
    color: #755155;
    font-size: 11px;
}

#main #main-content .reasons-list ul li ul,
#main #main-content .reasons-list ol li ul,
#main #main-content .reasons-list ul li ol li ul {
    margin-left: 30px;
    margin-top: 9px;
    margin-bottom: 9px;
}

#main #main-content ol li ul {
    margin-left: 30px;
}

    #main #main-content ul li ul li,
    #main #main-content ol li ul li {
        list-style: disc;
    }

#related {
    float: left;
    width: 272px;
    margin-bottom: 30px;
}

.related-tools {
    margin-bottom: 18px;
    background: none repeat scroll 0 0 #f4f5f6;
    padding: 12px 15px 12px;
}

    .related-tools p {
        font-size: 14px;
    }

    .related-tools h2 {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        text-transform: none;
    }

    .related-tools ul {
        list-style: none;
        padding-left: 0;
        margin-left: 0;
    }

        .related-tools ul li {
            background: none;
            list-style: none;
            overflow: hidden;
            /*line-height:16px;*/
            margin-bottom: 10px;
        }

.ie7 .related-tools ul li {
    margin-bottom: 5px;
}

.related-tools ul li h3 {
    font-size: 18px;
    margin-top: 8px;
    margin-bottom: 0;
    color: #1F465D;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: none;
}

.related-tools ul li p {
    margin: 0;
    padding: 8px 20px 0;
}

.related-tools ul li a {
    font-size: 16px;
    font-weight: 700;
    display: block;
}

.related-tools ul li a,
ul.doc li a {
    /*background:url(../images/2013/ind-circ-arrow.png) no-repeat scroll 0 3px transparent;
    */
    position: relative;
    display: block;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    padding: 0 0 0 15px;
}

.related-tools > h3 {
    margin-top: 20px;
    font-size: 15px;
}

.related-tools > h4 {
    font-size: 12px;
    font-family: Arial;
    text-transform: none;
    font-weight: 400;
    margin-top: 15px;
}

.related-tools h3 + h4 {
    margin-top: 5px;
}

.related-tools h3:first-child {
    margin-top: 5px;
}

.related-tools ul li.pw a span {
    font-size: 12px;
    color: #999;
}

ul.doc {
    list-style: none;
    margin-top: 18px;
    margin-left: 0;
}

    ul.doc li a {
        font-size: 18px;
        display: inline-block;
    }

#main-content {
    float: left;
    margin-right: 38px;
    width: 680px;
    margin-bottom: 45px;
}

.related-tools.docs {
    background: #fdedef;
    margin-top: 15px;
    /*border-color:#DDCE85;*/
}

a.grey-link:hover {
    text-decoration: none !important;
}

#main #rotator {
    float: left;
    overflow: hidden;
    position: relative;
    width: 640px;
    height: 360px;
    margin-right: 15px;
}

    #main #rotator iframe {
        width: 640px;
        height: 360px;
    }

    #main #rotator .inds {
        bottom: 30px;
        left: auto;
        position: absolute;
        right: 30px;
        top: auto;
        z-index: 99;
    }

        #main #rotator .inds a {
            background: #fff;
            border: 1px solid #DAE3E9;
            display: inline-block;
            height: 13px;
            margin-left: 13px;
            width: 13px;
        }

            #main #rotator .inds a:hover,
            #main #rotator .inds a.selected {
                background: none repeat scroll 0 0 #6E4B4F;
            }

thead {
    background: #1e384b;
    color: #fff;
}

th {
    font-size: 13px;
    font-weight: 700;
    border-right: 1px solid #fff;
    text-align: left;
    padding: 5px 13px;
}

td.bg {
    background: #E1E6E8;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

table.new,
table.quickguide {
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom: none;
}

    table.new tr td,
    table.quickguide tr td {
        background: #F6F1E6;
        font-size: 11px;
        vertical-align: top;
        border-left: 1px solid #FFF;
        border-right: 1px solid #FFF;
        border-top: 1px solid #FFF;
        padding: 5px;
    }

    table.new.big tr td {
        font-size: 14px;
        padding: 10px;
    }

    table.new.list tr td {
        background: #e2f4f5;
        font-size: 16px;
        padding: 10px;
    }

    table.new.list {
        margin: 20px 0;
    }

    table.new tr:nth-child(2n) td,
    able.quickguide tr:nth-child(2n) td {
        background: #FBF8F3;
    }

    table.new tr:nth-child(2n) td {
        background: #ffffff;
    }

    table.new tr td.connect {
        background: #fff;
        text-align: center;
        font-family: national-bold;
        font-size: 17px;
        font-weight: 400;
    }

    table.new tfoot td.cor1 {
        background: #bc9b6a;
        text-align: center;
        color: #ffffff;
    }

    table.new tfoot td.cor2 {
        background: #E8D7AE;
        text-align: center;
    }

    table.new caption {
        background: #4E575E;
        color: #fff;
        font-weight: 700;
        padding: 10px 0;
    }

    table.new thead td.title {
        background: #1e384b;
        font-family: national, Helvetica, Arial, sans-serif;
        color: #fff;
        font-weight: 400;
        text-align: left;
        font-size: 14px;
        line-height: 36px;
        padding: 0 15px;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    }

    table.new.list thead td.title {
        font-size: 16px;
    }

    table.new thead td.notitle {
        background: #bc9b6a;
    }

table.quickguide {
}

    table.quickguide tr td {
        font-size: 12px;
        padding: 15px;
    }

        table.quickguide tr td:nth-child(2n) h3 {
            font-size: 28px;
            font-weight: 400;
            line-height: 26px;
        }

#main-content p.disclaimer {
    font-size: 14px;
    color: #999;
    line-height: 14px;
    padding-top: 15px;
}

#main-content.full-width {
    width: 100%;
    margin-right: 0;
    float: none;
}

.t-left {
    width: 450px;
    float: left;
    margin-right: 10px;
    margin-bottom: 38px;
}

    .t-left ul {
        padding-right: 55px;
    }

.video-img {
    float: right;
    width: 255px;
    margin: 0 0 10px 30px;
}

    .video-img a {
        display: block;
        font-weight: 700;
        color: #000;
        margin: 10px 0 0;
    }

.litebox {
    background: url(../images/2013/bg-litebox.png);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1005;
    display: none;
}

    .litebox .close {
        background: #1e384b;
        border: 1px solid #1e384b;
        border-radius: 2px;
        color: #FFF;
        display: block;
        font-family: national-bold, Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: 400;
        height: 26px;
        line-height: 26px;
        position: absolute;
        right: 10px;
        text-align: center;
        text-decoration: none;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
        text-transform: uppercase;
        top: 10px;
        padding: 0 15px;
    }

        .litebox .close:hover {
            background: none repeat scroll 0 0 #1e384b;
        }

    .litebox .content {
        width: 640px;
        background: #fff;
        max-height: 70%;
        overflow: auto;
        position: relative;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 1);
        -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 1);
        margin: 100px auto 0;
        padding: 45px 15px 15px;
    }

header {
    /*background: #1e384b;*/
    /*border-top:5px solid #D4B780;*/
    /*box-shadow:0 6px 16px rgba(0,0,0,0.24);*/
    min-width: 1030px;
    position: relative;
    z-index: 2;
    margin-top: 20px;
}

    header div {
        width: 990px;
        margin: auto;
    }

    header .topshine {
        background: url(../images/2013/topshine.png) no-repeat scroll 0 0 transparent;
        bottom: auto;
        display: block;
        height: 5px;
        left: 50%;
        margin-left: -800px;
        position: absolute;
        right: auto;
        top: -5px;
        width: 786px;
    }

    header .logo {
        /*
    background-image: url(../images/2013/sprite.png);
    background-position: 0 -10px;
    background-repeat: no-repeat;
*/
        display: block;
        height: 33px;
        overflow: hidden;
        white-space: nowrap;
        width: 200px;
    }

#container {
    /*background:url(../images/2013/bg-container.png) repeat-y scroll 50% 0 transparent;*/
    background: #ffffff;
}

#main {
    /*background:url(../images/2013/bg-body.png) repeat-y scroll 50% 0 #F7F6F3;*/
    width: 100%;
    margin: auto;
    padding: 0 0 50px;
}

    #main .logo {
        /*    background: url('../images/2013/sprite.png') no-repeat 0 -120px;*/
        margin-top: 0;
        overflow: hidden;
        white-space: nowrap;
        width: 990px;
        margin: auto;
        padding: 15px 0;
    }

        #main .logo a {
            display: block;
            overflow: hidden;
        }

            #main .logo a:hover {
                text-decoration: none;
            }

            #main .logo a span {
                font-family: knockout;
                font-size: 45px;
                text-transform: uppercase;
                color: #1e384b;
            }

    #main h1 a {
        width: 540px;
    }

#nav-container {
    /*border-bottom:1px solid #D7DADE;*/
    border-top: 1px solid #D7DADE;
    color: #1e384b;
    background-color: #f4f5f6;
    width: 100%;
}

#main .main-nav {
    display: table;
    width: 990px;
    width: 990px;
    width: 990px;
    margin: auto;
}

.sticky {
    position: fixed;
    top: 0;
    z-index: 1004;
}

#nav-container.floating {
    background: rgba(244, 245, 246, 0.95);
    border-bottom: 1px solid #D7DADE;
    border-top: none;
}

.section-nav.sticky {
    position: fixed;
    top: 52px;
    width: 990px;
}

#main .main-nav div {
    display: table-row;
}

    #main .main-nav div a {
        display: table-cell;
        font-family: national-bold, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 50px;
        text-align: center;
        /*text-transform:uppercase;*/
        /*border-bottom:1px solid #D7DADE;*/
        /*border-top:1px solid #D7DADE;*/
        color: #1e384b;
        /*background-color: #f4f5f6;*/
    }

#main.landing .main-nav div a {
    border-bottom: none !important;
}

#main .main-nav div a .cont {
    display: block;
    position: relative;
}

#main .main-nav div a#default {
    padding: 0 10px;
}

#main .main-nav div a.selected {
    /*background:none repeat scroll 0 0 #EDEFF1;*/
    /*color:#bc9b6a;*/
    color: #ffffff;
    background: #1e384b;
    text-decoration: none;
    border-color: #1e384b;
}

#main .main-nav.home-nav {
    border-bottom: 0 none;
}

#main .main-nav div a .cont .ind,
#main .main-nav div a.exp.selected .cont .ind {
    /*    background-image: url(../images/2013/sprite.png);*/
    background-position: -240px 0;
    background-repeat: no-repeat;
    bottom: -9px;
    display: none;
    height: 10px;
    left: 50%;
    margin-left: -9px;
    position: absolute;
    right: auto;
    top: auto;
    width: 18px;
    z-index: 1000;
}

#main .main-nav div a.exp.active,
#main .main-nav div a.exp.active:hover {
    background-color: #4b606f;
    text-shadow: none;
    /*border-top: 1px solid #1e384b;*/
    /*color:#bc9b6a;*/
    color: #ffffff;
}

    #main .main-nav div a.exp.active:hover {
        background-color: #4b606f;
    }

#main .main-nav div a.exp .cont .ind {
    background: #DEE1E4;
    bottom: -10px;
    display: none;
    height: 10px;
    left: 0;
    margin-left: 0;
    position: absolute;
    right: auto;
    top: auto;
    width: 100%;
}

#main .main-nav div a.exp.selected .cont .ind {
    background-color: transparent;
    display: block;
}

#main .main-nav div a.exp.active .cont .ind {
    display: none;
}

#mob-pager {
    display: none;
}

.section-nav {
    background-color: #4b606f;
    position: relative;
    z-index: 1005;
    /*    margin-top: -1px;*/
    display: none;
}

    .section-nav ul {
        width: 990px;
        margin: auto;
    }

.ie7 .section-nav {
    margin-top: -1px;
}

.section-nav > ul > li:before {
    content: '';
    display: block;
    outline: inherit;
    line-height: 1em;
    position: absolute;
    height: 50px;
}

article.content {
    padding-top: 35px;
}

.section-nav > ul > li {
    /*    height: 50px;*/
}

.section-nav ul li ul li {
    display: inline;
    line-height: 70px;
    margin: 0 10px;
}

.section-nav li a {
    display: inline;
    color: #fff;
    font-family: national, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin: 0 10px;
}

article.content {
    padding-top: 35px;
    position: relative;
    width: 990px;
    margin: auto;
}

#main.landing article.content {
    padding-top: 15px;
    margin-bottom: 40px;
}

.ie7 #main .main-nav div {
    overflow: hidden;
    float: left;
}

    .ie7 #main .main-nav div a {
        float: left;
    }

        .ie7 #main .main-nav div a#default {
            padding: 0;
        }

.bot-nav a,
.page-end a {
    color: #919190;
    text-decoration: none;
}

.page-end {
    border-bottom: 1px solid #D5CBBE;
    border-top: 1px solid #D5CBBE;
    width: 950px;
    clear: both;
    overflow: hidden;
    margin: 18px auto 36px;
    padding: 0 20px;
}

.bot-nav {
    /*background:url(../images/2013/bg-bot-nav.png) no-repeat scroll 50% 0 transparent;*/
    background: #ffffff;
    height: 60px;
    width: 1030px;
    margin: auto;
}

.ie7 {
    padding-bottom: 10px;
}

.page-end li {
    color: #919190;
    float: right;
    font-size: 11px;
    line-height: 60px;
    margin-left: 16px;
}

    .page-end li.copyright {
        float: left;
        font-family: national-bold, Helvetica, Arial, sans-serif;
        font-size: 15px;
        font-weight: 400;
        text-transform: uppercase;
        margin: 0;
    }

.reasons-list {
    background: none repeat scroll 0 0 #f4f5f6;
    border: 1px solid #dedfe0;
    overflow: hidden;
    position: relative;
    margin: 18px 0 36px;
    padding: 10px 28px;
}

.ie7 .reasons-list {
    padding-top: 20px;
}

.reasons-list ul {
    margin-left: 0;
}

.reasons-list label {
    color: #555;
    font-family: national-bold, Helvetica, Arial, sans-serif;
    line-height: 24px;
    padding-right: 60px;
    font-size: 14px;
    font-weight: 400;
    display: block;
    overflow: hidden;
}

    .reasons-list label strong {
        color: #999;
        min-width: 24px;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
    }

    .reasons-list label .edit {
        background: none repeat scroll 0 0 #1F465D;
        font-family: arial;
        color: #FFF;
        font-size: 14px;
        position: absolute;
        /*    width: 8px;*/
        height: 24px;
        text-align: center;
        right: 0;
        text-decoration: none;
        text-transform: uppercase;
        top: 0;
        padding: 0 8px;
    }

.reasons-list li.hover label .edit {
    background: #1e384b;
}

.reasons-list li.selected label .edit {
    background: #1e384b;
}

strong,
th,
table.new tr td.bold {
    font-weight: 400;
    font-family: national-bold;
}

.large {
    font-size: 24px;
}

input[type="radio"],
.ie6 input {
    vertical-align: text-bottom;
}

button,
input,
select,
textarea,
.col-content h1,
.col-content-reduced h1 {
    margin: 0;
}

::-moz-selection,
::selection {
    background: #eee2cc;
    color: #003469;
    text-shadow: none;
}

h3 + p,
.reasons-list ul li .rate ul {
    margin-top: 9px;
}

#main .rotator {
    width: 910px;
    margin: 0 auto;
}

#main #rotator .cycler img,
.cycle-slide img {
    border: none;
    display: block;
    height: auto;
}

#main .rotator .inds,
#main .rotator .cycle-pager {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 30px;
    right: 30px;
    z-index: 101;
}

#main .rotator span.bar-bg {
    background: rgba(0, 0, 0, 0.1);
    display: block;
    width: 910px;
    height: 2px;
}

#main .rotator .inds a,
#main .rotator .cycle-pager span {
    display: inline-block;
    cursor: pointer;
    width: 13px;
    height: 13px;
    text-indent: -10000px;
    background: #FFF;
    margin-left: 13px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

#main .rotator .bar-bg {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    right: auto;
    z-index: 101;
}

    #main .rotator .bar-bg .bar {
        background: rgb(30, 56, 75);
        background: rgba(30, 56, 75, 0.7);
        display: block;
        width: 0;
        height: 2px;
    }

#per-slide-template {
    margin-top: 20px;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.25);
    overflow: hidden;
    background-color: #f4f5f6;
}

    #per-slide-template a {
        display: block;
        /*    width: 16.666666%;*/
        width: 25%;
        margin-bottom: 0;
        /*    height: 40px;*/
        /*background-color: #f4f5f6;*/
        float: left;
        text-align: center;
        color: #1e384b;
        font-family: national-bold, Arial, Helvetica, sans-serif;
        line-height: 44px;
        font-size: 16px;
        font-weight: 400;
        /*text-transform: uppercase;*/
        padding-top: 5px;
        padding-bottom: 5px;
    }

        #per-slide-template a.taa {
            /*    line-height: 24px;*/
        }

        #per-slide-template a.cycle-pager-active {
            background-color: #1e384b;
            color: #ffffff;
        }

            #per-slide-template a.cycle-pager-active span {
                border-color: #1e384b;
            }

        #per-slide-template a:hover {
            background-color: #4b606f;
            color: #ffffff;
            text-decoration: none;
        }

            #per-slide-template a:hover span {
                border-color: #4b606f;
            }


        #per-slide-template a.tamo.cycle-pager-active,
        #per-slide-template a.tamo:hover {
            background-color: #f79545;
            color: #ffffff;
            text-decoration: none;
        }

        #per-slide-template a.tcm.cycle-pager-active,
        #per-slide-template a.tcm:hover {
            background-color: #dec949;
            color: #1e384b;
            text-decoration: none;
        }


        #per-slide-template a.enhancements.cycle-pager-active,
        #per-slide-template a.enhancements:hover {
            background-color: #6ccacd;
            color: #ffffff;
            text-decoration: none;
        }

        #per-slide-template a.tcm.cycle-pager-active span,
        #per-slide-template a.tcm:hover span {
            border-right-color: #dec949;
        }

        #per-slide-template a.omo.cycle-pager-active span,
        #per-slide-template a.omo:hover span {
            border-right-color: #cbdb2a;
        }



        #per-slide-template a.tamo.cycle-pager-active span,
        #per-slide-template a.tamo:hover span {
            border-right-color: #f79545;
        }

        #per-slide-template a.ph.cycle-pager-active,
        #per-slide-template a.ph:hover {
            background-color: #eb535f;
            color: #ffffff;
            text-decoration: none;
        }

            #per-slide-template a.ph.cycle-pager-active span,
            #per-slide-template a.ph:hover span {
                border-right-color: #eb535f;
                text-decoration: none;
            }

        #per-slide-template a.is.cycle-pager-active,
        #per-slide-template a.is:hover {
            background-color: #C3E0CE;
            color: #1e384b;
            text-decoration: none;
        }

            #per-slide-template a.is.cycle-pager-active span,
            #per-slide-template a.is:hover span {
                border-right-color: #C3E0CE;
            }

        #per-slide-template a.taa.cycle-pager-active,
        #per-slide-template a.taa:hover {
            background-color: #747091;
            color: #ffffff;
            text-decoration: none;
        }

        #per-slide-template a.omo.cycle-pager-active,
        #per-slide-template a.omo:hover {
            background-color: #cbdb2a;
            text-decoration: none;
        }


        #per-slide-template a.taa.cycle-pager-active span,
        #per-slide-template a.taa:hover span {
            border-right-color: #747091;
        }

        #per-slide-template a.pc.cycle-pager-active,
        #per-slide-template a.pc:hover {
            background-color: #7CB8B6;
            text-decoration: none;
            color: #ffffff;
        }

        #per-slide-template a.contact.cycle-pager-active,
        #per-slide-template a.contact:hover {
            background-color: #1e384b;
            text-decoration: none;
            color: #ffffff;
        }

        #per-slide-template a:last-child span {
            border-right: none;
        }

        #per-slide-template a.pc.cycle-pager-active span,
        #per-slide-template a.pc:hover span {
            border-right-color: #7CB8B6;
        }

        #per-slide-template a.dst.cycle-pager-active,
        #per-slide-template a.dst:hover {
            background-color: #445162;
            text-decoration: none;
            color: #ffffff;
        }


        #per-slide-template a.enhancements.cycle-pager-active span,
        #per-slide-template a.enhancements:hover span {
            border-right-color: #6ccacd;
        }

        #per-slide-template a.dst.cycle-pager-active span {
        }

        #per-slide-template a span {
            border-right: 1px solid #e7e7e7;
            display: block;
        }

    #per-slide-template .dst span {
        border-right: none;
    }

/* take a month off - April 2016 */



footer {
    border-top: 1px solid #c9cfd4;
    clear: both;
    margin-top: 5px;
    padding: 40px 0 0;
}

.ie7 footer {
    border-top: 1px solid #D7DADE;
    clear: both;
    margin-top: 20px;
    padding: 20px 0 0;
}

footer #footer-inner {
    width: 990px;
    margin: auto;
}

footer a {
    color: #949494 !important;
    float: right;
    font-size: 14px;
    margin-left: 16px;
}

    footer a:hover {
        color: #1e384b !important;
    }

footer span {
    color: #949494 !important;
    font-family: national-bold, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    /*text-transform:uppercase;*/
}

.page-related-tools h3 {
    line-height: 22px;
    margin-bottom: 0;
}

    .page-related-tools h3 span {
        display: block;
        font-size: 11px;
        font-family: national, Arial, Helvetica, sans-serif;
        text-transform: none;
    }

.page-related-tools .link-list {
    margin-top: 18px;
    padding-right: 30px;
}

    .page-related-tools .link-list li {
        line-height: 18px;
        margin-bottom: 9px;
    }

.two-col {
    margin-bottom: 18px;
    overflow: hidden;
    position: relative;
}

    .two-col .col {
        float: left;
        width: 455px;
    }

.link-list {
    margin: 0 0 18px 0;
}

    .link-list li {
        list-style-type: none;
        margin: 0 0 9px;
        font-size: 16px;
    }

    .link-list a,
    table.quickguide a,
    a.more {
        /*background:url(../images/2013/ind-circ-arrow.png) no-repeat scroll 0 3px transparent;
    */
        display: inline-block;
        font-family: national, Helvetica, Arial, sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        padding-left: 15px;
        text-decoration: none;
        text-transform: none;
        position: relative;
    }

    .link-list.files a {
        padding-left: 20px;
    }

    .link-list a:before,
    table.quickguide a:before,
    a.more:before,
    .related-tools ul li a:before,
    ul.doc li a:before {
        content: '\f105';
        font-family: FontAwesome;
        display: block;
        position: absolute;
        /*  font-size: 1.3em;*/
        /*
  height: 50px;
  width: 50px;
  border-left: 1px solid #ffffff;
  line-height: 50px;
*/
        color: #999;
        left: 0;
        top: 0;
    }

    .link-list li.ebook {
        font-family: national-bold, Helvetica, Arial, sans-serif;
        /*	background:url(../images/2013/ind-circ-arrow.png) no-repeat scroll 0 3px transparent;*/
        /*	padding-left: 26px;*/
        font-size: 16px;
        line-height: 16px;
        font-weight: 400;
    }

        .link-list li.ebook a {
            background-image: none;
            padding-left: 0;
        }

.link-list-video {
    list-style: none;
    margin: 0;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 15px;
}


    .link-list-video h3 {
        font-size: 18px;
        font-family: National;
        font-style: normal;
    }

        .link-list-video h3 > span {
            display: block;
            font-size: 14px;
            color: #1a1a1a;
            margin-top: 5px;
        }


    .link-list-video li {
        float: left;
        width: 310px;
        margin-bottom: 15px;
    }

        .link-list-video li:nth-child(2) {
            margin-left: 30px;
            margin-right: 30px;
        }

        .link-list-video li a > img {
            display: block;
        }

        .link-list-video li a h3 {
            color: #0077db;
            text-align: center;
        }


        .link-list-video li a:hover h3 {
            color: #1a1a1a;
        }

table.quickguide a {
    display: block;
    width: 80px;
    margin-top: 5px;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
}

.ie7 .txt-size-up .link-list a {
    background-position: 0 4px;
}

.link-list p {
    margin: 9px 0 0 26px;
}

.di-vimeo {
    width: 640px;
    height: 360px;
}

#main .content ul#video-list,
#main .content ul#vimeo-list {
    overflow: hidden;
    margin-top: 38px;
    margin-left: 0;
    list-style: none;
    border-top: 1px solid #D7DADE;
}

    #main .content ul#video-list li.v-selected h3,
    #main .content ul#vimeo-list li.v-selected h3 {
        padding-left: 20px !important;
    }

    #main .content ul#video-list li h3,
    #main .content ul#vimeo-list li h3 {
        font-size: 18px;
        height: 40px;
        line-height: 18px;
        margin-bottom: 9px;
        position: relative;
    }

    #main .content ul#video-list li.left,
    #main .content ul#vimeo-list li.left {
        border-left: medium none;
        padding-left: 0;
    }

    #main .content ul#video-list li,
    #main .content ul#vimeo-list li {
        border-right: 1px solid #E4DED6;
        float: left;
        position: relative;
        width: 260px;
        overflow: hidden;
        padding: 30px 32px 30px;
    }

        #main .content ul#video-list li.right,
        #main .content ul#vimeo-list li.right {
            border-right: medium none;
            padding-right: 0;
        }

        #main .content ul#video-list li span,
        #main .content ul#vimeo-list li span {
            background: url(../images/2013/ind-video-arrow.png) no-repeat scroll 0 -1px transparent;
            display: none;
            height: 16px;
            left: 0;
            position: absolute;
            top: 2px;
            width: 16px;
        }

p.border-top {
    border-top: 1px dotted #D8D4C4;
    padding-top: 15px;
    font-weight: 700;
}

p.noborder {
    border-top: none !important;
    padding-top: 0;
}

p.border-top + h3 {
    margin-top: 5px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
#main .main-nav div a.selected .ind,
#main .main-nav div.exp a,
#main .main-nav div a.selected .ind,
#main .main-nav div a.active .cont .ind,
#main .content ul#video-list li a,
#main .content ul#vimeo-list li a {
    display: block;
}

label,
input[type="button"],
input[type="submit"],
input[type="image"],
button,
#main .content ul#video-list li:hover,
#main .content ul#vimeo-list li:hover {
    cursor: pointer;
}

.no-js .related-tools ul li.pw a,
.wf-inactive .related-tools ul li.pw a,
table.new tfoot td {
    font-size: 12px;
}

.no-js .reasons-list label,
.wf-inactive .reasons-list label,
.rating span b {
    font-size: 13px;
}

header .mob-menu,
#main-nav div ul.mob {
    display: none;
}

h2.aqua {
    color: #6ccacd;
}

h2.ribbon-heading {
    color: #ffffff !important;
    line-height: 38px;
    padding: 5px 10px;
    background-color: #f79545;
    position: relative;
}

    h2.ribbon-heading:before {
        content: '';
        width: 0;
        bottom: 0;
        height: 0;
        right: 0;
        position: absolute;
        z-index: 1;
        /* z-index: 0; */
        background: #fff;
        border-top: 0 solid transparent;
        /* -webkit-transform: rotate(45deg); */
        /* transform: rotate(45deg); */
        border-bottom: 48px solid #ffffff;
        border-left: 48px solid #f79545;
        margin-bottom: 0;
    }

#page-intro + p,
.related-tools h2 + p,
.page-intro + h2,
#page-intro + h2,
.rating + p,
.detail > p:first-child {
    margin-top: 0;
}

.reasons-list ul li .rate ul.rate-square li:last-child,
.t-left.last {
    margin-right: 0;
}

.related-tools ul li a:hover,
table.quickguide a:hover,
.link-list a:hover,
a.more:hover {
    background-position: 0 -380px;
    text-decoration: underline;
}

#main .main-nav div a:hover,
#main .main-nav div a#register {
    color: #ffffff;
    background-color: #4b606f;
    text-decoration: none;
    border-color: #1e384b;
}

#main .main-nav div a.selected:hover .ind {
    background-color: 4b606f;
}

ul.tabList {
    list-style: none;
    /*    overflow: hidden;*/
    margin: 0;
    margin-bottom: 30px;
}

    ul.tabList li {
        float: left;
        background-color: #ffffff;
        width: 240px;
        margin-right: 10px;
        position: relative;
    }

        ul.tabList li.active a {
            background-color: #1e384b;
            border-color: #1e384b;
        }

        ul.tabList li.active:before {
            content: '';
            position: absolute;
            bottom: -8px;
            ;
            left: 50%;
            margin-left: -8px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 8px 8px 0 8px;
            border-color: #1e384b transparent transparent transparent;
        }

        ul.tabList li.active a {
            color: #ffffff;
            font-family: national-bold;
        }

        ul.tabList li a:hover {
            text-decoration: none;
            cursor: default
        }

        ul.tabList li:not(.active) a:hover {
            /*    background-color: #8e9ba5;*/
            /*    font-family: national-bold;*/
            text-decoration: none;
            border-color: #1e384b;
            /*    color: #ffffff;*/
            cursor: pointer;
        }



            ul.tabList li:not(.active) a:hover span:first-child {
                /*    color: #dec949;*/
            }

        ul.tabList li.active a span:first-child {
            color: #dec949;
        }

        ul.tabList li.last-child {
            margin-right: 0;
        }

        ul.tabList li a {
            display: block;
            min-height: 64px;
            padding: 20px 15px;
            line-height: 18px;
            /*    color: #969498;*/
            color: #414042;
            font-family: national;
            font-size: 16px;
            border: 2px solid #c9cfd4;
            border-radius: 5px;
        }

            ul.tabList li a span {
                display: block;
            }

                ul.tabList li a span:first-child {
                    font-family: national-bold;
                    margin-bottom: 10px;
                    font-size: 18px;
                }

                    ul.tabList li a span:first-child > div {
                        font-family: national-bold;
                        font-size: 12px;
                        color: #ffffff;
                        background-color: #f79545;
                        display: inline-block;
                        padding: 2px 5px;
                        border-radius: 3px;
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        position: absolute;
                        margin-top: -2px;
                        margin-left: 5px;
                    }

.tabContent .mob {
    display: none;
}

.ie7 #main .main-nav div a.exp .cont .ind,
.ie7 #main .main-nav div a .ind {
    bottom: 0;
}

.ie7 #container,
.ie7 #main .step {
    zoom: 1;
}

.btn,
a.btn {
    background: none repeat scroll 0 0 #1F465D;
    border: 1px solid #204B70;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.4) inset;
    color: white;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
    text-transform: uppercase;
    font-family: "proxima-nova-extra-condensed", "proxima-nova-extra-condensed-n4", Helvetica, Arial, sans-serif;
    font-size: 22px;
}

    .btn:hover,
    a.btn:hover {
        background: none repeat scroll 0 0 #1e384b;
    }

.prod-color h1 {
    color: #1e384b;
}

,
.prod-color h2 {
    color: #1a1a1a;
}

.health-color h1,
.health-color h2 {
    color: #eb353f;
}

.tamo-color h1,
.tamo-color h2 {
    color: #cbdb2a;
}


.tamo-color #offer {
    background-color: #4b606f;
    padding: 20px 30px;
    position: relative;
    margin-bottom: 40px;
}

    .tamo-color #offer ul {
        list-style: none;
        margin: 0;
        display: table;
    }

        .tamo-color #offer ul li {
            width: 260px;
            display: table-cell;
        }



            .tamo-color #offer ul li.plus,
            .tamo-color #offer ul li.equal {
                width: 75px;
                height: 100%;
            }

                .tamo-color #offer ul li.plus span,
                .tamo-color #offer ul li.equal span {
                    display: none;
                }

            .tamo-color #offer ul li.plus {
                background: url(../images/plus.png) center 71px no-repeat;
            }

            .tamo-color #offer ul li.equal {
                background: url(../images/equal.png) center 80px no-repeat;
            }

            .tamo-color #offer ul li h3 {
                font-size: 24px;
                font-weight: 700;
                color: #ffffff;
                text-align: center;
            }

            .tamo-color #offer ul li .purchase {
                background-color: #1e384b;
                display: table;
                width: 100%;
                height: 134px;
                position: relative;
            }


                .tamo-color #offer ul li .purchase h4 {
                    color: #cbdb2a;
                    font-size: 22px;
                    line-height: 22px;
                    text-align: center;
                    display: table-cell;
                    vertical-align: middle;
                }

                .tamo-color #offer ul li .purchase.additional h4 {
                    display: block;
                    margin-bottom: 10px;
                }

                    .tamo-color #offer ul li .purchase.additional h4:last-child {
                        margin-bottom: 0;
                        margin-top: 10px;
                    }

                .tamo-color #offer ul li .purchase.additional {
                    text-align: center;
                }

                    .tamo-color #offer ul li .purchase.additional .tc {
                        display: table-cell;
                        vertical-align: middle;
                    }

                    .tamo-color #offer ul li .purchase.additional .or span {
                        background-color: #4b606f;
                        color: #ffffff;
                        font-size: 16px;
                        font-weight: 700;
                        width: 40px;
                        height: 40px;
                        display: inline-block;
                        border-radius: 40px;
                        text-align: center;
                        line-height: 40px;
                        position: relative;
                    }

                    .tamo-color #offer ul li .purchase.additional .or {
                        position: relative;
                    }

                        .tamo-color #offer ul li .purchase.additional .or:before {
                            content: "";
                            position: absolute;
                            height: 2px;
                            background-color: #4b606f;
                            top: 0;
                            width: 100%;
                            left: 0;
                            top: 50%;
                            margin-top: -1px;
                        }

                .tamo-color #offer ul li .purchase h4 > span {
                    display: inline-block;
                    text-align: left;
                }

            .tamo-color #offer ul li.free .purchase {
                background-color: #cbdb2a;
            }

                .tamo-color #offer ul li.free .purchase h4 > span > span {
                    background-color: #e23b41;
                    color: #ffffff;
                    padding: 0 10px;
                    margin-top: 5px;
                    font-size: 44px !important;
                    display: inline-block;
                    line-height: 44px;
                    padding-top: 2px;
                }

                .tamo-color #offer ul li.free .purchase h4 {
                    color: #1e384b;
                    font-family: knockout;
                    font-size: 30px;
                    text-transform: uppercase;
                }

            .tamo-color #offer ul li .purchase:after {
                right: 0;
                bottom: 0;
                border-top: 20px solid transparent;
                border-bottom: none;
                border-right: 20px solid #4b606f;
                content: " ";
                display: block;
                width: 0;
                height: 0;
                position: absolute;
                z-index: 1;
            }

            .tamo-color #offer ul li .purchase:before {
                left: 0;
                top: 0;
                border-bottom: 20px solid transparent;
                border-top: none;
                border-left: 20px solid #4b606f;
                content: " ";
                display: block;
                width: 0;
                height: 0;
                position: absolute;
                z-index: 1;
            }



    .tamo-color #offer:before {
        right: 0;
        top: -30px;
        border-top: 30px solid transparent;
        border-bottom: none;
        border-right: 30px solid #4b606f;
        content: " ";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        z-index: 1;
    }

    .tamo-color #offer:after {
        left: 0;
        bottom: -30px;
        border-bottom: 30px solid transparent;
        border-top: none;
        border-left: 30px solid #4b606f;
        content: " ";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        z-index: 1;
    }

.tamo .reasons-list {
}

.tamo-article {
    overflow: hidden;
}

    .tamo-article .ribbon-block {
        width: 100%;
    }

        .tamo-article .ribbon-block p {
            font-size: 18px;
        }

    .tamo-article .ribbon-block {
        margin-top: 0;
    }

    .tamo-article .tamo-p {
    }

    .tamo-article .orange-block {
        margin-top: 0;
        margin-top: 15px;
        width: 450px;
        margin-left: 30px;
        float: right;
    }

        .tamo-article .orange-block p {
            font-family: national-bold;
        }

.col-2 {
    width: 480px;
    padding: 15px 0;
    float: left;
    overflow: hidden;
    margin-right: 15px;
    /*  background: #f4f4f6;*/
}

    .col-2.last,
    .col-3.last {
        padding: 15px 0 0;
        /*  margin-bottom: 15px;*/
        margin-left: 15px;
        margin-right: 0;
    }

    .col-2 h2,
    .col-3 h2 {
        font-size: 20px;
        line-height: 24px;
        color: #414042;
    }

    .col-2 h3,
    .col-3 h3 {
        font-size: 18px;
        color: #999;
    }

    .col-2 .col-2-2 {
        width: 50%;
        float: left;
    }

.col-3 .col-2-2 {
    width: 100%;
    float: left;
}

.col-2 .col-2-2.full {
    width: 100%;
    float: none;
}

.col-3 {
    width: 310px;
    padding: 15px 0;
    float: left;
    overflow: hidden;
    margin-right: 15px;
    margin-left: 15px;
}

    .col-3.first {
        margin-left: 0;
    }

.files .col {
    padding-top: 0;
}

.files:after {
    clear: both;
    content: '';
    display: block;
    padding-bottom: 0;
}

.files .col ul {
    list-style: none;
    margin: 0;
}

    .files .col ul li {
        padding-top: 5px;
        padding-bottom: 5px;
        margin-left: 20px;
    }

.files .col a {
    font-size: 16px;
    line-height: 24px;
    /*   padding-left: 20px;*/
    position: relative;
}


.files a:before,
.files .col ul li a:before {
    content: '\f016';
    font-family: fontawesome;
    font-size: 14px;
    color: #999999;
    display: inline-block;
    top: -3px;
    position: absolute;
    left: -20px;
}

.files a:before {
    left: 0;
}

.col-2 ul li a:before:hover {
    text-decoration: none;
}

#overlay {
    background: rgba(0,0,0,0.2);
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9990;
}

.contact {
    list-style: none;
    margin: 0;
    overflow: hidden;
    margin-bottom: 30px;
}

    .contact > li {
        display: inline-block;
        float: left;
        width: 30%;
        font-size: 16px;
        line-height: 20px;
        margin-top: 0px;
    }

    .contact li .fa {
        margin-right: 10px;
        font-size: 20px;
        float: left;
        color: #6ccacd;
    }

    .contact li.phone {
        font-size: 24px;
        font-family: national-bold;
    }

.hys {
    FONT-SIZE: 18px;
    TEXT-DECORATION: none !important;
    BORDER-TOP-COLOR: #437b7b;
    BACKGROUND: #e23b41;
    BORDER-BOTTOM: #98161a 3px solid;
    BORDER-LEFT-COLOR: #437b7b;
    COLOR: #ffffff !important;
    font-family: "national-bold";
    TEXT-ALIGN: center;
    padding: 10px 40px;
    MARGIN: 0;
    DISPLAY: inline-block;
    BORDER-RIGHT-COLOR: #437b7b;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 10px;
}

    .hys:hover,
    .hys:active {
        background-color: #1e384b;
        border-color: #1e384b;
    }

.social {
    list-style: none;
    margin: 0;
    overflow: hidden;
    margin-bottom: 20px;
}

    .social li {
        float: left;
        margin-right: 40px;
    }

        .social li a {
            background-color: #6ccacd;
            border-radius: 50%;
            display: block;
            height: 50px;
            width: 50px;
            text-align: center;
        }

            .social li a .fa {
                font-size: 24px;
                display: block;
                line-height: 50px;
                color: #ffffff;
            }

            .social li a:hover,
            .social li a:active {
                background-color: #1e384b;
                text-decoration: none;
            }

.autocomplete-suggestions {
    position: relative;
    border: 1px solid #0077db;
    width: 478px;
    border-top: none;
    background: #fff;
    cursor: default;
    overflow: auto;
    margin-top: -3px;
    box-shadow: 0 3px 4px rgba(0,0,0,0.2);
    padding-top: 0;
    padding-bottom: 15px;
}

.autocomplete-suggestion {
    padding: 5px 25px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 15px;
    /*    white-space: nowrap; */
    color: #969498;
    overflow: hidden;
}

.autocomplete-selected {
    background: #1e384b;
    color: #ffffff;
    cursor: pointer;
}

    .autocomplete-selected a {
        color: #ffffff;
        text-decoration: none;
    }

.autocomplete-suggestions strong {
    font-weight: 400;
    font-family: national;
    color: #414042;
}

.autocomplete-suggestion.autocomplete-selected strong {
    color: #ffffff;
}


.autocomplete-no-suggestion {
    padding: 5px 10px;
    font-size: 12px;
    color: #9191a0;
    background-color: #f4f5f6;
}



.autocomplete-group {
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 10px;
    padding: 0 0 15px 0;
    font-family: national-bold;
    display: block;
    border-bottom: 1px solid #c9cfd4;
    font-size: 16px;
}

#searchfield {
    display: block;
    width: 480px;
    margin: 0 auto;
    margin-bottom: 35px;
}

#searchfield {
    display: block;
    padding: 0;
    margin: 0 auto;
    z-index: 9991;
    position: relative;
    border-radius: 3px;
    margin-bottom: 30px;
}

    #searchfield .close {
        position: absolute;
        right: 10px;
        top: 15px;
        color: #0077db;
        display: none;
        cursor: pointer;
    }

.ie #searchfield .close {
    top: 17px;
}

#searchfield .close a:hover {
    color: #1e384b;
}

#searchfield .search-icon {
    position: absolute;
    left: 10px;
    top: 17px;
    color: #0077db;
}

#searchfield .biginput {
    width: 476px;
    box-sizing: border-box;
    height: 50px;
    padding: 10px 10px 10px 35px;
    background-color: #fff;
    border: 1px solid #c9cfd4;
    border-radius: 3px;
    color: #aeaeae;
    font-weight: normal;
    font-size: 16px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

    #searchfield .biginput:focus {
        color: #414042;
        border-color: #0077db;
        outline: none;
    }

.tabs {
    /*  overflow: hidden;*/
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

    .tabs:before {
        display: block;
        content: '';
        height: 1px;
        width: 100%;
        background-color: #c9cfd4;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .tabs li {
        width: 50%;
        float: left;
        line-height: 70px;
        font-size: 27px;
        font-family: national-bold;
        color: #f4f5f6;
        text-align: center;
    }

        .tabs li a {
            display: block;
            color: #DBDBDB;
            position: relative;
            border-bottom: 1px solid #c9cfd4;
            background-color: #f4f5f6;
            border-top: 4px solid #ffffff;
        }

            .tabs li a.active {
                border-bottom-color: #ffffff;
                background-color: #ffffff;
            }

            .tabs li a.lph-tab.active {
                border-top: 4px solid #eb535f;
                color: #eb535f;
            }

            .tabs li a.pc-tab.active {
                border-top: 4px solid #dec949;
                color: #dec949;
            }

            .tabs li a:hover {
                text-decoration: none;
            }

            .tabs li a.pc-tab:hover {
                color: #dec949;
            }

            .tabs li a.lph-tab:hover {
                color: #eb535f;
            }

            .tabs li a.active:before {
                display: block;
                content: '';
                width: 1px;
                height: 100%;
                background-color: #c9cfd4;
                position: absolute;
                top: 0;
                left: 0;
            }

            .tabs li a.active:after {
                display: block;
                content: '';
                width: 1px;
                height: 100%;
                background-color: #c9cfd4;
                position: absolute;
                top: 0;
                right: 0;
            }

.offer-wrap section, .tabContent div {
    display: none;
    overflow: hidden;
}

    .offer-wrap section.current, .tabContent div.current {
        display: block;
    }

.related-tools.docs.tamo-side {
    background-color: #fdeada;
}

.prod-color .reasons-list {
    border-color: #dec949;
    background-color: #fcf9ec;
}

    .prod-color .reasons-list label .edit {
        background: #dec949;
    }

.related-tools.docs.prod-side {
    background: #f8f4db;
}

.related-tools.docs.health-side {
    background: #fdedef;
}

.health-inc ul li a {
    /*	background-image: url(../images/2013/ind-circ-arrow-health.png);*/
}

.health-inc ul li.ebook {
    /*	background: url(../images/2013/ind-circ-arrow-health.png) 0 3px no-repeat;*/
    padding-left: 0;
    font-size: 15px;
}

    .health-inc ul li.ebook a {
        background-image: none;
        display: inline-block;
        font-size: 15px;
        padding-left: 15px;
    }

.ribbon-block {
    margin-left: 0;
    list-style: none;
    margin-top: 18px;
    margin-bottom: 18px;
    overflow: hidden;
}

    .ribbon-block li {
        display: block;
        float: left;
        width: 50%;
    }

        .ribbon-block li div {
            padding: 15px;
            position: relative;
            color: #ffffff;
            background-color: #dec949;
        }

    .ribbon-block.ph li div {
        background-color: #eb535f;
    }

    .ribbon-block li div h3 {
        color: #ffffff;
        margin-top: 0;
    }

    .ribbon-block li:first-child div {
        margin-right: 15px;
    }

    .ribbon-block li:nth-child(2) div {
        margin-left: 15px;
        background-color: #737191;
    }

    .ribbon-block li div:before {
        content: '';
        width: 0;
        bottom: 0;
        height: 0;
        right: 0;
        position: absolute;
        z-index: 1;
        /* z-index: 0; */
        background: #fff;
        border-top: 0 solid transparent;
        /* -webkit-transform: rotate(45deg); */
        /* transform: rotate(45deg); */
        border-bottom: 30px solid #ffffff;
        border-left: 30px solid #dec949;
        margin-bottom: 0;
    }

    .ribbon-block.ph li div:before {
        border-left-color: #eb535f;
    }

    .ribbon-block li:nth-child(2) div:before {
        border-left-color: #737191;
    }

.orange-block {
    padding: 15px;
    background-color: #f79545;
    color: #ffffff;
    position: relative;
    margin-top: 18px;
    margin-bottom: 18px;
}

    .orange-block p {
        margin-top: 0;
    }

    .orange-block a {
        color: #ffffff;
        text-decoration: underline;
        font-size: 12px;
    }

    .orange-block:before {
        content: '';
        width: 0;
        bottom: 0;
        height: 0;
        right: 0;
        position: absolute;
        z-index: 1;
        /* z-index: 0; */
        background: #fff;
        border-top: 0 solid transparent;
        /* -webkit-transform: rotate(45deg); */
        /* transform: rotate(45deg); */
        border-bottom: 30px solid #ffffff;
        border-left: 30px solid #f79545;
        margin-bottom: 0;
    }

p.padding-300 {
    padding-right: 330px;
}

img.ootw-logo {
    float: right;
}


.circle {
    /*width: 90%;*/
    display: block;
}

.ascend-works {
    margin-bottom: 15px;
}

    .ascend-works .risk,
    .ascend-works .home-loan,
    .ascend-works .inforce,
    .ascend-works .business {
    }


.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.ascend-works .circle:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background: #4679BD;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.ascend-works .row .col-md-2,
.ascend-works .row .col-md-1,
.ascend-works .row .col-md-3 {
    position: relative;
    height: 200px;
}

    .ascend-works .row .col-md-2 .child,
    .ascend-works .row .col-md-1 .child,
    .ascend-works .row .col-md-3 .child {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.circle.risk:after {
    background-color: #614d86;
}

.circle.home-loan:after {
    background-color: #ffd400;
}

.circle.inforce:after {
    background-color: #e23b41;
}

.circle.business:after {
    background-color: #6ccacd;
    /*    width: 120%;*/
    /*    padding-bottom: 120%;*/
    /*    margin-top: -10%;*/
}

.ascend-works .risk > span,
.ascend-works .home-loan > span,
.ascend-works .inforce > span,
.ascend-works .business > span {
    float: left;
    width: 100%;
    padding-top: 50%;
    line-height: 1em;
    margin-top: -1em;
    text-align: center;
    color: white;
    font-size: 16px;
    font-family: "national-bold";
}

.ascend-works .col-md-1 .fa {
    font-size: 30px;
    color: #1e384b;
}


.ascend-works .business > span {
    /*    width: 120%;*/
    font-size: 22px;
    /*    padding-top: 60%;*/
}

.ascend-works .equal span {
    display: block;
    height: 6px;
    width: 20px;
    margin-bottom: 5px;
    background-color: #1e384b;
}

.row.no-margin {
    margin-right: 0;
    margin-left: 0;
}

#ascend-core-benefits .core1,
#ascend-core-benefits .core2,
#ascend-core-benefits .core3,
#ascend-core-benefits .core4 {
    display: block;
    height: 120px;
    width: 120px;
    background-color: #ffffff;
    color: #1e384b;
    font-size: 16px;
    position: absolute;
}

#ascend-core-benefits .core1 {
}

#ascend-core-benefits .cores {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    align-content: stretch;
}


.flex-item {
    display: flex;
    margin: 0;
}

.flex-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 2 0 0;
}


.flex-sub-container {
    display: flex;
    justify-content: space-around;
}

.flex-item-left-corner {
    background-color: red;
}

.flex-item-right-corner {
}

.flex-item-center {
    align-self: center;
    background-color: #1e384b;
    margin-top: -80px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
    border-radius: 50%;
    position: relative;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    line-height: 220px;
    z-index: 1;
    position: relative;
}

.flex-sub-container:last-child {
    margin-top: -80px;
}

.flex-item-center > span {
    color: #ffffff;
    font-size: 36px;
    text-transform: uppercase;
    font-family: national-bold;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    padding: 0 25px;
}

.flex-item-bottom-middle {
    align-self: center;
}



div.c {
    width: 180px;
    height: 180px;
    background-color: #ffffff;
    border-radius: 50%;
    color: #1e384b;
    font-size: 16px;
    text-align: center;
    border-radius: 50%;
    position: relative;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    line-height: 120px;
    z-index: 2;
    position: relative;
    border: 30px solid rgb(108, 202, 205);
    border: 30px solid rgba(108, 202, 205, .5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

    div.c > span {
        display: inline-block;
        vertical-align: middle;
        line-height: normal;
        padding: 0 25px;
    }

    div.c:after {
        float: left;
        width: 100%;
        padding-top: 50%;
        line-height: 1em;
        margin-top: -1em;
        text-align: center;
        color: white;
        font-size: 16px;
        font-family: "national-bold";
    }

.callout {
    padding: 20px;
    background-color: #6ccacd;
    color: #1e384b;
    position: relative;
}

    .callout:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        bottom: 0;
        right: 0;
        border-top: 40px solid transparent;
        border-bottom: none;
        position: absolute;
        border-right: 40px solid #ffffff;
        z-index: 10;
    }


#main-content .callout .stnd li {
    color: #ffffff;
    font-size: 18px;
}


#ascend-core-benefits {
    margin-bottom: 15px;
    margin-top: 15px;
}

.ascend-logo {
    width: 200px;
    float: right;
    margin-left: 20px;
}

.document-library h3 {
    font-size: 24px;
}

.document-library h4 {
    margin-top: 15px;
    font-size: 20px;
}

.document-library h5 {
    font-size: 16px;
}

.doc-cats {
    overflow: hidden;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 20px;
    display: block;
}

    .doc-cats li {
        padding: 0 10px;
        margin-bottom: 10px;
        display: inline-block;
    }

        .doc-cats li a {
            position: relative;
            font-family: national-bold;
            font-size: 16px;
            padding-right: 20px;
        }


            .doc-cats li a:before {
                content: '\f107';
                font-family: FontAwesome;
                display: block;
                position: absolute;
                /*  font-size: 1.3em;*/
                /*
  height: 50px;
  width: 50px;
  border-left: 1px solid #ffffff;
  line-height: 50px;
*/
                color: #0077db;
                right: 0;
                top: 1px;
            }

            .doc-cats li a:hover,
            .doc-cats li a:hover:before {
                color: #1e384b;
            }
/*
.item > div:before {
    content: "";
    display: block;
    width: 120%;
    height: 0;
    padding-bottom: 120%;
    background: #4679BD;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
*/
#accordion .item {
    border: 1px solid rgba(108, 202, 205, 0.2);
    margin-bottom: 10px;
    border-radius: 3px;
}

    #accordion .item .collapse,
    #accordion .item .collapsing {
        padding-left: 50px !important;
        padding-right: 40px;
        background: #ffffff;
        padding-bottom: 5px;
        padding-top: 15px;
    }

    #accordion .item > a {
        display: block;
        padding: 10px 0 10px 50px;
        color: #0077db;
        background: rgba(108, 202, 205, 0.2);
    }

    #accordion .item a h2 {
        margin: 0;
        color: #1e384b;
        line-height: 1.2;
        font-size: 18px;
        position: relative;
    }

        #accordion .item a h2 > span {
            color: #e23b41;
            font-size: 14px;
            display: block;
        }

        #accordion .item a h2:before {
            content: '\f068';
            font-family: FontAwesome;
            display: block;
            position: absolute;
            background: #1e384b;
            border-radius: 3px;
            width: 24px;
            margin-right: 15px;
            text-align: center;
            top: 0;
            line-height: 22px;
            padding-top: 2px;
            left: -40px;
            font-size: 16px;
            color: #ffffff;
        }


    #accordion .item a:hover {
        text-decoration: none;
        color: #1e384b;
    }

    #accordion .item a.collapsed:hover h2:before {
        background: #1e384b;
    }

    #accordion .item a:hover h2 {
        color: #1e384b;
    }

    #accordion .item a.collapsed h2:before {
        content: '\f067';
        background: #6ccacd;
        color: #ffffff;
    }

#main-content ol.stnd.small-txt li {
    font-size: 14px;
}

p.suited {
    background-color: #ebf9f9;
    padding: 10px 10px;
}

    p.suited .fa {
        color: #1e384b;
        margin-right: 10px;
    }

.prize-banners {
    overflow: hidden;
    text-align: center;
    margin-bottom: 20px;
}

    .prize-banners > img {
        margin-right: 30px;
    }

    .prize-banners > div:last-child {
        margin-right: 0;
    }

.why-choose-us {
    list-style: none;
    margin-left: 0;
}

    .why-choose-us li {
        margin-bottom: 30px;
    }

        .why-choose-us li img {
            float: left;
            margin-right: 20px;
            width: 70px;
        }


.glance.table thead tr th {
    font-size: 18px;
    color: #1e384b;
    text-align: center;
    border: none;
}

.rate.table thead tr th {
    font-size: 18px;
    color: #1e384b;
    text-align: center;
    border-top-width: 1px !important;
}

.glance.table th,
.rate.table th {
    border-right: none;
    font-size: 16px;
    border-bottom: none;
    border-top-width: 2px;
}

.glance.table thead th,
.rate.table thead th {
    padding: .75rem;
}

.glance.table th,
.glance.table tbody tr td,
.rate.table th,
.rate.table tbody tr td {
    padding: .35rem;
}

.rate.table th {
    text-align: center;
}

.glance.table th p > span {
    font-family: national;
}


.glance.table tbody tr td p > .fa {
    text-align: center;
    font-size: 24px;
    display: block;
}

.glance.table tbody tr td p.suited > .fa.fa-check-circle {
    display: inline-block;
}

.glance.table tbody tr td.valign-m {
    vertical-align: middle;
}

.glance.table tbody tr td p > .fa.aqua {
    color: #6ccacd;
}


.glance.table tbody tr td p > .fa.tomato {
    color: #e23b41;
}

.glance.table thead tr th:first-child,
.rate.table thead tr th:first-child {
    background-color: #ffffff;
}

.glance.table thead tr th:nth-child(2) {
    background-color: #ffd400;
}

.glance.table tbody tr td,
.rate.table tbody tr td {
    background-color: #ffffff;
    border-bottom: 2px solid #e9ecef;
    border-left: 2px solid #e9ecef;
    vertical-align: top;
}

.rate.table tbody tr td {
    border-color: #ffffff;
}

.rate.table tbody tr td {
    background-color: rgba(108, 202, 205, 0.12);
    text-align: center;
}

    .rate.table tbody tr td.tomato {
        background-color: #e23b41;
    }

.glance.table tbody tr td:nth-child(2) {
    border-right: 2px solid #e9ecef;
}

.glance.table tbody tr td p {
    margin-bottom: 0;
    margin-top: 15px;
}

.rate.table tbody tr td p {
    margin-bottom: 0;
    color: #4da3a6;
}

.rate.table tbody tr td.tomato p {
    color: #ffffff;
}

.glance.table tbody tr th p,
.rate.table tbody tr th p {
    margin: 0;
}

.glance.table tbody tr td p:first-child {
    margin-top: 0;
}

.glance.table tr:last-child td,
.rate.table tr:last-child td {
    border-bottom: none;
}

@media all and (max-width: 740px) {
    * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .doc-cats {
        display: none;
    }

    body .tabs {
        padding-left: 0;
        padding-right: 0;
    }

    body img.ootw-logo {
        float: none;
    }

    body .tabs li {
        line-height: 50px;
        font-size: 20px;
    }

    body .col-2,
    body .col-3 {
        float: none;
        margin-left: 0;
        margin-right: 0;
        margin-top: 15px;
    }

    body p.padding-300 {
        padding-right: 0;
    }

    body .col-2.last,
    body .col-3.last {
        float: none;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
    }

    body #searchfield, #searchfield .biginput {
        display: none;
    }


    body .col-2 .col-2-2 {
        width: 100%;
        float: none;
    }

    body {
        background: #ffffff;
    }

        body header {
            width: 100%;
            height: auto;
            float: none;
            position: relative;
            z-index: 3;
            min-width: 0;
            margin: 0;
            padding: 0;
            margin-top: 15px;
        }

            body header .logo {
                background: url(../images/2013/logo-mob.png) no-repeat 0 0;
                width: 177px;
                background-position: 0 0;
                margin: auto;
            }

    .tamo-article .orange-block {
        float: none;
        margin-left: 0;
    }

    body header .mob-menu {
        display: block;
        width: 30px;
        height: 30px;
        background: #1e384b;
        position: absolute;
        top: 0;
        left: 10px;
        bottom: auto;
        right: auto;
        z-index: 9999;
    }

    body #per-slide-template {
        height: auto;
    }

        body #per-slide-template a {
            width: 100%;
            float: none;
            border-bottom: 1px solid #ffffff;
            height: auto;
        }

    #per-slide-template a span {
        display: block;
        border: none;
    }

    body header .mob-menu span {
        display: block;
        background: #ffffff;
        width: 20px;
        height: 2px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        margin: 6px auto 0;
    }

    body footer {
        text-align: center;
        padding: 20px 0;
    }

        body footer #footer-inner {
            width: 100%;
        }

        body footer span {
            display: block;
            text-align: center;
            margin-bottom: 10px;
            font-weight: 400;
            padding-top: 10px;
            text-transform: none;
        }

        body footer a {
            color: #014489 !important;
            text-decoration: underline;
            float: none;
            margin: 0 !important;
            padding: 0 2px;
        }

    body #main.landing article.content {
        padding-top: 0;
    }

    body .ribbon-block li {
        width: 100%;
        float: none;
    }

        body .ribbon-block li:first-child div,
        body .ribbon-block li:nth-child(2) div {
            margin: 0;
            margin-bottom: 15px;
        }

    body #container,
    body #main {
        background-image: none;
        background-color: #fff;
        width: 100%;
        height: auto;
        float: none;
        min-height: 480px;
        position: relative;
        margin: 0;
        padding: 0;
    }

    body #main {
        padding: 0 10px;
    }

        body #main .rotator {
            width: 100%;
            height: auto;
            float: none;
            margin-bottom: 15px;
            overflow: hidden;
        }

            body #main .rotator .cycler a {
                width: 100%;
                height: auto;
                float: none;
                overflow: hidden;
            }

            body #main .rotator span.bar-bg {
                width: 100%;
            }

    body #per-slide-template {
        display: none;
    }

    body #mob-pager {
        display: block;
        background-color: #f4f5f6;
    }

        body #mob-pager a {
            width: 100%;
            display: block;
            float: none;
            border-bottom: 1px solid #ffffff;
            height: auto;
            text-align: center;
            font-family: national-bold, Arial, Helvetica, sans-serif;
            line-height: 40px;
            font-size: 16px;
            font-weight: 400;
            color: #1e384b;
            padding-top: 10px;
            padding-bottom: 10px;
        }

            body #mob-pager a.tamo {
                background-color: #f79545;
                color: #ffffff;
            }

            body #mob-pager a.enhancements {
                background-color: #6ccacd;
                color: #ffffff;
            }

            body #mob-pager a.tcm {
                background-color: #dec949;
                color: #1e384b;
            }

            body #mob-pager a.ph {
                background-color: #eb535f;
                color: #ffffff;
            }

            body #mob-pager a.is {
                background-color: #C3E0CE;
                color: #1e384b;
            }

            body #mob-pager a.taa {
                background-color: #747091;
                color: #ffffff;
            }

            body #mob-pager a.pc {
                background-color: #7CB8B6;
                text-decoration: none;
                color: #ffffff;
            }

            body #mob-pager a.contact {
                background-color: #1e384b;
                text-decoration: none;
                color: #ffffff;
            }

            body #mob-pager a.dst {
                background-color: #445162;
                text-decoration: none;
                color: #ffffff;
            }

    body #main-content {
        float: none;
        height: auto;
        width: 100%;
        border-top: 1px solid #D7DADE;
        margin: 0;
        padding: 20px 0 0;
    }

    body #main #promo {
        width: 100%;
    }

    #main #promo ul li {
        background: #1e384b;
    }

        #main #promo ul li:nth-child(2n) {
            background: #EBEBEB;
        }

    body #main .logo {
        background: none repeat scroll 0 0 transparent;
        color: #bc9b6a;
        float: none;
        font-size: 50px;
        height: auto;
        line-height: 40px;
        text-align: center;
        text-indent: 0;
        text-shadow: 0 1px 0 #FFF;
        text-transform: uppercase;
        width: 100%;
        margin: 0;
        padding: 0 0 10px 0;
    }

        body #main .logo a {
            height: 40px;
            font-size: 30px;
            color: #1e384b;
        }

            body #main .logo a:hover {
                text-decoration: none;
            }

        body #main .logo span {
            font-size: 26px;
        }

    body #page-intro {
        background: none;
        border-bottom: 1px solid #D7DADE;
        padding-bottom: 0;
        margin-bottom: 15px;
    }

        body #page-intro h1 {
            line-height: 30px;
        }

    body #main .leftcol {
        float: none;
    }

    #main .main-nav a.first {
        border-top: medium none;
        padding-top: 20px;
    }

    body #main .main-nav {
        -webkit-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
        -moz-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
        -ms-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
        background: none repeat scroll 0 0 rgba(33, 55, 74, 0.95);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        float: none;
        height: 100% !important;
        left: -110%;
        position: absolute;
        top: 0;
        transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1) 0;
        width: 100%;
        z-index: 102;
        display: block;
        margin: 0;
        padding: 0;
    }

        body #main .main-nav a {
            color: #edeff1;
            /*text-shadow:rgba(0,0,0,0.8) 0 -1px 0;*/
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            border-bottom: 1px solid #1e384b;
            display: block;
            line-height: 24px;
            font-size: 24px;
            text-align: left;
            position: relative;
            margin: 0 14px;
            padding: 10px !important;
            background: none;
        }

            body #main .main-nav a.selected {
                color: #6ccacd;
                background: none;
                /*text-shadow:0 -1px 0 rgba(0,0,0,0.8);*/
            }

            body #main .main-nav a.close {
                display: block;
                background: #1e384b;
                color: #FFF;
                /*text-shadow:#000 0 -1px 0;*/
                border-top: 5px solid #d4b780;
            }

            body #main .main-nav a.selected span,
            body #main .main-nav a span {
                background-image: none !important;
            }

        body #main .main-nav .selection {
            position: relative;
        }

        body #main .main-nav span.ui-icon {
            height: 24px;
            position: absolute;
            top: 12px;
            width: 24px;
            transition: none;
            -webkit-transition: none;
            -moz-transition: none;
            -ms-transition: none;
            background: url(../img/interface/icons-18-white.png) no-repeat scroll 0 0 rgba(51, 93, 130, 0.9);
            border-radius: 12px;
            right: 20px;
            opacity: 1;
            background-position: -105px 50%;
        }

    body #main .sidenav .selection span.ui-icon.exped {
        background-position: -213px 50%;
    }

    body #main .content {
        width: 100%;
        height: auto;
        float: none;
        margin: 0;
        padding: 0;
    }

        body #main .content h2 {
            /*font-size:30px;*/
        }

    body #main h1 {
        font-size: 30px;
        margin: 0 0 10px;
    }

    body #main h2 {
        font-size: 24px;
    }

    body #main h1 a {
        width: 100%;
        height: 40px;
        overflow: hidden;
        display: block;
    }

    body #main .survey-btn {
        position: static;
        margin: 0 auto 30px;
    }

    body #main .site-welcome {
        padding-top: 0;
        margin-bottom: 0;
    }

        body #main .site-welcome .pod {
            float: none;
            height: auto;
            position: static;
            width: 100%;
            margin: 15px 0;
        }

        body #main .site-welcome p {
            width: 100%;
            height: auto;
            float: none;
            font-size: 24px;
            line-height: 26px;
            padding: 0;
        }

    body .reasons-list {
        margin-bottom: 0;
        padding: 15px;
    }

    body .tabContent h3 {
        float: none;
        width: 100%;
    }

    body #main-content .tabContent ul.stnd {
        float: none;
        width: 100%;
    }

    body .reasons-list > ul > li {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    body .rating {
        width: auto;
        float: none;
        margin: 0 0 10px;
    }

    body .reasons-list ul li .rate ul.rate-square li {
        width: 12%;
    }

    body .related-tools {
        float: none;
        width: auto;
    }

        body .related-tools:first-child {
            margin-top: 30px;
        }

    body .bot-nav {
        background-image: none;
        background-color: #fff;
        width: auto;
        height: 0;
    }

    body table.new thead td.title {
        line-height: 20px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    body .related-tools ul li.pw a {
        font-size: 18px;
    }

    body #main .site-welcome p:last-child {
        margin-bottom: 0;
    }

    body #main .site-welcome .take-survey {
        position: static;
        width: 100%;
        height: auto;
        float: none;
        font-size: 21px;
        line-height: 26px;
        text-align: center;
        margin: 0;
        padding: 22px;
    }

    body #main .site-welcome .media {
        position: static;
        width: 100%;
        height: auto;
        float: none;
        font-size: 24px;
        line-height: 26px;
        text-align: center;
        margin: 0 0 20px;
        padding: 15px 30px;
    }

    body #main .facts ol {
        height: auto;
        float: none;
        width: auto;
        margin: 0 !important;
        padding: 0;
    }

    body #main .content .people div {
        padding-left: 0;
    }

    body #main .content .people img {
        position: static;
        float: left;
        width: 100px;
        height: 110px;
        margin: 0 20px 20px 0;
    }

    body #page-intro p:last-child {
        margin-bottom: 20px;
    }

    body #main .main-nav a span.indM {
        background: none repeat scroll 0 0 #FFF;
        border: 0 solid #FFF;
        border-radius: 15px 15px 15px 15px;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        display: block;
        height: 24px;
        margin-top: 0;
        opacity: 1;
        position: absolute;
        right: 10px;
        top: 12px;
        width: 24px;
    }

    .indM canvas {
        left: 50%;
        position: absolute;
        top: 50%;
        color: #FFF;
        margin: -5px 0 0 -3px;
    }

    .exped span.indM canvas {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transition: all .25s ease-out 0;
    }

    body #main-nav ul.mob {
        display: none;
        background: none repeat scroll 0 0 rgba(229, 231, 233, 0.9);
        /*box-shadow:0 3px 2px rgba(0,0,0,0.24) inset;*/
        border-bottom: 1px solid #D7DADE;
        padding: 12px 0;
    }

    body #main .main-nav ul.mob a {
        color: #1e384b;
        font-size: 16px;
        border: none;
        text-shadow: none;
    }

    body #main .main-nav a:hover,
    #main .main-nav div a.exp.active:hover {
        background: none !important;
        border-top-color: rgba(255, 255, 255, 0.1) !important;
    }

    body #main .main-nav ul.mob a.selected {
        color: #1a1a1a;
    }

    body #main .content .di-vimeo {
        width: auto;
        height: auto;
    }

    body #main .content ul#video-list li,
    body #main .content ul#vimeo-list li {
        float: none;
        border: none;
        width: auto;
        padding: 0;
    }

    body #main .content ul#video-list,
    body #main .content ul#vimeo-list {
        margin-top: 18px;
        border-top: 1px solid #D7DADE;
    }

    .sizeRight,
    body header div {
        width: 100%;
        height: auto;
        float: none;
        margin: 0;
        padding: 0;
    }

    body #main .logo a span,
    body #main .main-nav div,
    body #main h1 a span,
    body #main .sidenav div.selection ul li a.overview {
        display: block;
    }

    body #main .main-nav a br,
    body #main .aut,
    body #main .addthis,
    body .main-foot,
    .rss {
        /*display:none;*/
    }

    body #main .rotator img,
    body table.quickguide,
    body table.quickguide a {
        width: 100%;
    }

    body.show-nav #main .main-nav,
    body.show-nav #main .sidenav {
        left: 0;
    }

    body .reasons-list label .edit,
    body #main #related {
        width: auto;
    }

    body #main #related {
        margin-bottom: 0;
    }

    body #main .content ul#video-list li a,
    body #main .content ul#video-list li h3,
    body #main .content ul#vimeo-list li a,
    body #main .content ul#vimeo-list li h3 {
        height: auto;
    }

    body .two-col .col {
        width: auto;
    }

    body .section-nav {
        display: none;
    }

    body #main #rotator img {
        width: 100%;
        height: auto;
    }

    body table.quickguide tr td {
        float: left;
        width: 100% !important;
        border-top: none;
    }

        body table.quickguide tr td:nth-child(2n-1) {
            padding-bottom: 5px;
        }

            body table.quickguide tr td:nth-child(2n-1) h3 {
                margin-top: 0;
            }

        body table.quickguide tr td:nth-child(2n) {
            padding-top: 0;
        }

    body table.quickguide tr {
        border-bottom: 1px solid #fff;
    }

    body ul.tabList li {
        width: 25%;
        box-sizing: border-box;
        margin-right: 0;
    }

        body ul.tabList li a span:last-child {
            display: none;
        }

        body ul.tabList li a span {
            text-align: center;
            font-size: 20px;
        }

            body ul.tabList li a span:first-child {
                margin-bottom: 0;
            }

    body .tabContent .mob {
        display: block;
    }

    ul.tabList li a span:first-child > div {
        top: -1px;
        right: -1px;
        line-height: 14px;
        margin-top: 0;
        margin-left: 0;
    }

    .tamo-color #offer ul {
        display: block;
    }

        .tamo-color #offer ul li {
            width: 100%;
            display: block;
        }

            .tamo-color #offer ul li.plus, .tamo-color #offer ul li.equal {
                width: 100%;
                height: 80px;
            }

            .tamo-color #offer ul li.plus,
            .tamo-color #offer ul li.equal {
                background-position: center center;
            }

            .tamo-color #offer ul li.free h3 {
                display: none;
            }

    .contact > li {
        display: inline-block;
        float: none;
        width: 100%;
        font-size: 16px;
        line-height: 20px;
        margin-top: 0px;
        margin-bottom: 10px;
    }


    .contact li .fa {
        margin-right: 10px;
        font-size: 20px;
        color: #6ccacd;
    }

    .contact li.phone {
        font-size: 24px;
        font-family: national-bold;
    }

    .hys {
        width: 100%;
    }

    .ascend-works .row .col-md-2,
    .ascend-works .row .col-md-3 {
        height: 150px;
    }

    .ascend-works .row .col-md-1 {
        height: 40px;
    }

    div.c {
        width: 120px;
        height: 120px;
        line-height: 60px;
        border-width: 20px;
        line-height: 80px;
    }

        div.c > span {
            padding: 0 5px;
            font-size: 14px;
        }

    .flex-item-center {
        width: 150px;
        height: 150px;
        margin-top: -50px;
        line-height: 150px;
    }

    .flex-sub-container:last-child {
        margin-top: -50px;
    }

    .flex-item-center > span {
        font-size: 24px;
    }

    #main img.ascend-logo {
        width: 100px;
    }

    #main .content-img {
        width: 100%;
    }

    .link-list-video li {
        float: none;
        width: 100%;
    }

        .link-list-video li a {
            text-align: center;
            display: block;
        }

            .link-list-video li a > img {
                display: inline-block;
            }

        .link-list-video li:nth-child(2) {
            margin: 0;
        }
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

    a,
    a:visited {
        color: #444444 !important;
        text-decoration: underline;
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }

    header,
    ul.mob {
        display: none;
    }

    #main .logo a span {
        display: block;
    }

    #main .logo {
        margin-bottom: 0;
    }

    pre,
    blockquote {
        border: 1px solid #999999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group
    }

    tr,
    img {
        page-break-inside: avoid
    }
}