/*
Author: Dave Schmidt
Autor URI: http://thevisualharvest.com
*/

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: local('Ubuntu'), url(../fonts/ubuntu-400.woff) format('woff');
}
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(../fonts/ubuntu-700.woff) format('woff');
}

/********************
**
     html5 reset
**
********************/
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,
button, input, select, textarea,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

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

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none; }

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

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

del { text-decoration: line-through; }

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

table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

.inputStyle {
    border: 5px solid white;
    -webkit-box-shadow:
        inset 0 0 8px  rgba(0,0,0,0.1),
        0 0 16px rgba(0,0,0,0.1);
    -moz-box-shadow:
        inset 0 0 8px  rgba(0,0,0,0.1),
        0 0 16px rgba(0,0,0,0.1);
    box-shadow:
        inset 0 0 8px  rgba(0,0,0,0.1),
        0 0 16px rgba(0,0,0,0.1);
    padding: 15px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 10px 0;
}

/********************
**
     base styles
**
********************/
select, input, textarea, button {
    font: 99% sans-serif;
}

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

ul, ol {
    list-style: none;
}

td, td img {
    vertical-align: top;
}

sub {
    vertical-align: sub;
    font-size: smaller;
}

sup {
    vertical-align: super;
    font-size: smaller;
}

pre {
    padding: 15px;
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

textarea {
    overflow: auto;
}

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

button {
    width: auto;
    overflow: visible;
}

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




/********************
**
     page structure
**
********************/
html, body {
    height: 100%;
}

body {
    font: 14px/1.6em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
    *font-size: small;
    color: #444;
    text-shadow: 0 1px 0 #fff;
}

html {
    overflow-y: scroll;
}

#page-wrap {
    width: 100%;
    margin-top: 130px;
    /*	min-height: 100%;
     height: auto !important;
     height: 100%;*/
}

#page-wrap-mobile {
    width: 100%;
    /*	min-height: 100%;
     height: auto !important;
     height: 100%;*/
}

#container {
    width: 100%;
    border-top: 1px solid #ccc;
}


#main {
    clear: both;
    width: 978px;
    padding: 10px 0 25px 0;
    margin: 0 auto;
    position: relative;
    z-index: 100;
}

aside {
    float: left;
    width: 100%;
    padding: 0 30px 0 0;
    margin: 15px 0 0 0;
}

section.right-col {
    float: right;
    width: 642px;
    margin: 15px 0 0 0;
}

.col450wrap
{
    float: left;
    width: 450px;
    height: auto;
}

.col450
{
    float: left;
    width: 450px;
    height: auto;
    margin-bottom: 20px;
    margin-top: 20px;
}

.sitemapStyle .col450 a
{
    margin-left: 30px;
}

.sitemapStyle .col450 a:hover
{
    margin-left: 30px;
    text-decoration: underline;
}

.sitemapStyle .col450 h2
{
    padding-bottom: 4px;
}

.titleStyle
{
    font-family: "Ubuntu", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    font-size: 18px;
    margin-top: 15px;
}

.titleStyleWhite
{
    font-family: "Ubuntu", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.4em;
    font-size: 26px;
    margin-top: 15px;
    color:#d1f1ce;
}

/********************
**
     typo
**
********************/
h1, h2, h3, h4, h5, h6 {
    font-family: "Ubuntu", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;

    font-weight: bold;
    line-height: 1.4em;
}

h1 {
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-size: 36px;
    line-height: 1;
    text-shadow: 0 2px 3px #CCC;
}

h2 {
    font-size: 36px;
    letter-spacing: -1px;
    line-height: 1;
    padding: 0 0 20px 0;
}

#pricing-page h2
{
    font-size: 18px;
}

#pricing-page ul.features li
{
    font-size:14px;
    font-family: Lato, Helvetica, Arial, sans-serif;
}

#pricing-page ul.features li a
{
    font-size:18px;
    font-family: Lato, Helvetica, Arial, sans-serif;
}

h3 {
    font-size: 18px;
}

h4 {
    color: #007700;
    font-size: 21px;
    line-height: 1.2em;
    padding: 0 0 6px 0;
    text-shadow: #fff 0px 1px;
}

h5 {
    font-size: 18px;
}

p {
    margin-top: 3px;
    padding: 0 0 14px 0;
    line-height: 1.8em;
}

#blog-page, blog-advanced-page p {
    margin-top: 0px;
}

#faq-page h2 {
    padding-bottom: 2px;
}

.blogright p {
    margin-top: 10px;
}

.blogbutton {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 40px;
}

.blogbuttonStyle:hover {
    opacity: .5;
}

#mass-email-software-page .right-col p
{
    margin-bottom: 20px;
}

#blast-email-page .right-col p
{
    margin-bottom: 20px;
}

::-moz-selection {
    background: #34AA2B;
    color: #fff;
    text-shadow: none;
}

::selection {
    background:#34AA2B;
    color: #fff;
    text-shadow: none;
}

.csstransitions a {
    -webkit-transition: background 0.2s ease, color 0.2s ease;
    -moz-transition: background 0.2s ease, color 0.2s ease;
    -o-transition: background 0.2s ease, color 0.2s ease;
    transition: background 0.2s ease, color 0.2s ease;
}

a {
    color: #1b5398;
    text-decoration: none;
}

a:hover {
    color: #444;
}

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

a:link {
    -webkit-tap-highlight-color: #34AA2B;
}

small {
    font-size: 85%;
}

strong, th {
    font-weight: bold;
}




/********************
**
     general classes and tags
**
********************/
.invisible {
    display: none;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.ir {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
}

.clear {
    clear: both;
}



/********************
**
     header
**
********************/
header {
    background: #fff;
    width: 100%;
    height: 131px;
    position: relative;
    z-index: 101;
}

header ul li a {
    font-family: "Ubuntu", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
}

.header_wrapper {
    position: fixed;
    width:100%;
    top:0;
    left:0;
    z-index:1000;
    -webkit-box-shadow: 0 0 0 0px white, 0 2px 6px black;
    -moz-box-shadow: 0 0 0 0px white, 0 2px 6px black;
    box-shadow: 0 0 0 0px white, 0 2px 6px black;
}

.header_wrapper_mobile {
    width:100%;
    top:0;
    left:0;
    z-index:1000;
    -webkit-box-shadow: 0 0 0 0px white, 0 2px 6px black;
    -moz-box-shadow: 0 0 0 0px white, 0 2px 6px black;
    box-shadow: 0 0 0 0px white, 0 2px 6px black;
}

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

.phoneStyle
{
    border-right: none;
    text-shadow:0 1px 0 #EFEFEF;
    font-family: Ubuntu;
}

.phoneStyleMobile
{
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0px 0px 10px;
    border-right: none;
    text-shadow: none;
    font-family: Ubuntu;
    color: #000;
}

/***** header-top ********************/
header section {
    width: 978px;
    height: 80px;
    margin: 0 auto;
    position: relative;
}
.logoHolder {
    float: left;
    width: 352px;
    height: 60px;
    margin: 10px 0 0 0;
    position:absolute;
}

.headerIE
{
    float: left;
    width:300px;
    height: auto;
    margin-left: 420px;
    margin-top: 30px;
    border:none;
    background:none;
    font-size: 18px;
    font-weight: bold;
    position:absolute;
    top:3px;color:#444;
    text-shadow:0 1px 0 #EFEFEF;
}

header section h1.ir {
    background: url(../images/header/hypermail-logo.png) no-repeat 0px 0px;
    width: 352px;
    height: 60px;
    margin: 15px 0 0 0;
    float: left;
}

header section h1.ir a {
    display: block;
    width: 352px;
    height: 60px;
}

header section ul {
    float: right;
    padding: 10px 15px;
    margin: 17px 0 0 0;
    border: 1px solid #888;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    behavior: url(PIE.htc);
    position: relative;
}

.cssgradients header section ul {
    background: -moz-linear-gradient(top, rgba(204,204,204,0.7) 0%, rgba(153,153,153,0.7) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,0.7)), color-stop(100%,rgba(153,153,153,0.7)));
    background: -webkit-linear-gradient(top, rgba(204,204,204,0.7) 0%,rgba(153,153,153,0.7) 100%);
    background: -o-linear-gradient(top, rgba(204,204,204,0.7) 0%,rgba(153,153,153,0.7) 100%);
    background: -ms-linear-gradient(top, rgba(204,204,204,0.7) 0%,rgba(153,153,153,0.7) 100%);
    background: linear-gradient(top, rgba(204,204,204,0.7) 0%,rgba(153,153,153,0.7) 100%);
}

.no-cssgradients header section ul {
    background: url(../images/ie/header-top-nav-bg.png) repeat-x 0px 0px;
}

header section ul li {
    border-right: 2px solid #999;
    float: left;
}

header section li.login {
    border-right: none;
}

header section ul li a {
    color: #444;
    text-shadow: 0 1px 0 #efefef;
    padding: 0 12px;
    font-size: 13px;
}

header section li.phone a {
    padding: 0 12px 0 0;
}

header section li.login a {
    padding: 0 0 0 12px;
}

header section ul li a:hover,
#about-page li.phone a,
#contact-page li.contact a {
    color: #2a9c34;
}

header section a#pn-link {
    color: #2a9c34;
    cursor: pointer;
    font-size: 15px;
}

#phone-number {
    padding: 150px 0 0 0;
}

#phone-number h2 {
    font-size: 72px;
    padding: 0 0 44px 0;
    color: #2a9c34;
    text-align: center;
}

#phone-number p {
    font-size: 24px;
    text-align: center;
}


/***** header-bottom ********************/
header nav {
    width: 100%;
    height: 49px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #ccc;
}

header nav.mobileNav {
    width: 100%;
    height: 29px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #ccc;
}

.cssgradients header nav {
    background: -moz-linear-gradient(top, #72E758 0%, #34AA2B 70%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#72E758), color-stop(70%,#34AA2B));
}

.no-cssgradients header nav {
    background: url(../images/backgrounds/bg-sprites.png) repeat-x 0px 0px;
    background-position: 0px 0px;
}

header nav ul {
    width: 1178px;
    margin: 0 auto;
    position: relative;
}

header nav ul li {
    float: left;
    border-right: 1px solid #36ab2c;
    border-left: 1px solid #7ee966;
    zoom: 1;
}

header nav ul li.hover,
header nav ul li:hover {
    position: relative;
}

header nav ul li a {
    height: 34px;
    display: block;
    padding: 15px 18px 0 18px;
    color: #FFF;
    text-shadow: 0px 1px #444;
}

header nav ul li a:hover,
#home-page header nav ul li.features a,
#affiliate-email-marketing-program-page header nav ul li.affiliate a,
#blog-page header nav ul li.blog a,
#hmpricing-page header nav ul li.hmpricing a,
#signup-page header nav ul li.sign-up-now a,
#send-bulk-email-page header nav ul li.why-hypermail a,
#faq-page header nav ul li.faq a,
#mass-email-software-page header nav ul li.tour a {
    color: #444;
    text-shadow: 0 1px 0 #ccc;
}

.cssgradients header nav ul li a:hover,
.cssgradients #home-page header nav ul li.features a,
.cssgradients #hmpricing-page header nav ul li.hmpricing a,
.cssgradients #affiliate-email-marketing-program-page header nav ul li.affiliate a,
.cssgradients #blog-page header nav ul li.blog a,
.cssgradients #send-bulk-email-page header nav ul li.why-hypermail a,
.cssgradients #signup-page header nav ul li.sign-up-now a,
.cssgradients #faq-page header nav ul li.faq a,
.cssgradients #mass-email-software-page header nav ul li.tour a {
    background: -moz-linear-gradient(top, #B0F599 0%, #8AC078 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B0F599), color-stop(100%,#8AC078));
}

.no-cssgradients #header-bottom nav ul li a:hover,
.no-cssgradients #home-page header nav ul li.features a,
.no-cssgradients #affiliate-email-marketing-program-page header nav ul li.affiliate a,
.no-cssgradients #hmpricing-page header nav ul li.hmpricing a,
.no-cssgradients #blog-page header nav ul li.blog a,
.no-cssgradients #faq-page header nav ul li.faq a,
.no-cssgradients #send-bulk-email-page header nav ul li.why-hypermail a,
.no-cssgradients #signup-page header nav ul li.sign-up-now a,
.no-cssgradients #mass-email-software-page header nav ul li.tour a {
    background: url(../images/ie/nav-active-bg.png) repeat-x 0px 0px;
}

#home-page header nav ul li.features > a,
#hmpricing-page header nav ul li.pricing > a,
#send-bulk-email-page header nav ul li.why-hypermail > a,
#signup-page header nav ul li.sign-up-now > a,
#affiliate-email-marketing-program-page header nav ul li.affiliate > a,
#blog-page header nav ul li.blog > a,
#mass-email-software-page header nav ul li.tour > a,
#faq-page header nav ul li.faq > a,
#about-page header ul li.phone > a,
#contact-page section ul li.contact > a {
    pointer-events: none;
    cursor: default;
}


/***** sign up now button ********************/
header nav ul li#sign-up-now {
    border-right: none;
}

header nav ul li#sign-up-now a {
    color: #444;
    text-shadow: #fff 0px 1px;
}

.cssgradients header nav ul li#sign-up-now a {
    background: #ededed;
    background: -moz-linear-gradient(top, #ededed 0%, #aaaaaa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#aaaaaa));
    background: -webkit-linear-gradient(top, #ededed 0%,#aaaaaa 100%);
    background: -o-linear-gradient(top, #ededed 0%,#aaaaaa 100%);
    background: -ms-linear-gradient(top, #ededed 0%,#aaaaaa 100%);
    background: linear-gradient(top, #ededed 0%,#aaaaaa 100%);
}

.no-cssgradients header nav ul li#sign-up-now a {
    background: url(../images/ie/nav-sign-up-bg.png) repeat-x 0px 0px;
}

.cssgradients header nav ul li#sign-up-now a:hover {
    background: #ededed;
    background: -moz-linear-gradient(top, #aaaaaa 0%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top, #aaaaaa 0%,#ededed 100%);
    background: -o-linear-gradient(top, #aaaaaa 0%,#ededed 100%);
    background: -ms-linear-gradient(top, #aaaaaa 0%,#ededed 100%);
    background: linear-gradient(top, #aaaaaa 0%,#ededed 100%);
}

.no-cssgradients header nav ul li#sign-up-now a:hover {
    background: url(../images/ie/nav-sign-up-bg-hover.png) repeat-x 0px 0px;
}


/***** second level nav ********************/
header nav ul ul {
    background: #f1f0f0;
    width: 250px;
    margin: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 102;
    border: 1px solid #666;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    behavior: url(PIE.htc);
}

.cssgradients header nav ul ul {
    background: -moz-linear-gradient(top, #f1f0f0 0%, #e8e8e8 50%, #d0d0d0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f0f0), color-stop(50%,#e8e8e8), color-stop(100%,#d0d0d0));
    background: -webkit-linear-gradient(top, #f1f0f0 0%,#e8e8e8 50%,#d0d0d0 100%);
    background: -o-linear-gradient(top, #f1f0f0 0%,#e8e8e8 50%,#d0d0d0 100%);
    background: -ms-linear-gradient(top, #f1f0f0 0%,#e8e8e8 50%,#d0d0d0 100%);
    background: linear-gradient(top, #f1f0f0 0%,#e8e8e8 50%,#d0d0d0 100%);
}

.no-cssgradients header nav ul ul {
    background: #E8E8E8;
}

header nav ul ul li {
    font-weight: normal;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    border-left: none;
    border-right: none;
    float: none;
}

#header nav ul ul li:first-child {
    border-top: none;
}

#header-bottom nav ul ul li:last-child {
    border-bottom: none;
}

header nav ul ul li a {
    width: 214px;
    color: #777;
    text-shadow: 0px 1px 0px #fff;
}

header nav ul ul li a:hover,
#support-documents-page header nav ul ul li.docs a,
#faq-page header nav ul ul li.faq a,
#partners-page header nav ul ul li.partners a {
    color: #444;
    text-shadow: 0px 1px 0px #fff;
}

.cssgradients header nav ul ul li a:hover,
.cssgradients #support-documents-page header nav ul ul li.docs a,
.cssgradients #faq-page header nav ul ul li.faq a,
.cssgradients #partners-page header nav ul ul li.partners a {
    background: #ebeaea;
    background: -moz-linear-gradient(top, #ebeaea 0%, #bbbbbb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebeaea), color-stop(100%,#bbbbbb));
    background: -webkit-linear-gradient(top, #ebeaea 0%,#bbbbbb 100%);
    background: -o-linear-gradient(top, #ebeaea 0%,#bbbbbb 100%);
    background: -ms-linear-gradient(top, #ebeaea 0%,#bbbbbb 100%);
    background: linear-gradient(top, #ebeaea 0%,#bbbbbb 100%);
}

.no-cssgradients header nav ul ul li a:hover,
.no-cssgradients #support-documents-page header nav ul ul li.docs a,
.no-cssgradients #faq-page header nav ul ul li.faq a,
.no-cssgradients #partners-page header nav ul ul li.partners a {
    background: url(../images/ie/subnav-hover.png) repeat-x 0px 0px;
}




/***** header breadcrumb ********************/
.breadcrumb {
    background: #8B8C8F url(../images/main/breadcrumb-bg.png) repeat-x 0px 0px;
    width: 100%;
    padding: 25px 0;
    border-bottom: 1px solid #fff;
}

.breadcrumb h1 {
    width: 978px;
    margin: 0 auto;
    font-size: 32px;
    line-height: 1em;
    color: #f3f3f3;
    text-shadow: #444 0px 1px;
    font-weight: normal;
}

.titleStyleh1 {
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-size: 42px;
    line-height: 1;
    text-shadow: 0 2px 3px #CCC;
    padding: 25px 0px 0px 0px;
}

.titleStyleh2 {
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-size: 26px;
    line-height: 1;
    padding: 15px 0px 15px 0px;
}



/********************
**
     home page
**
********************/
#home-page #page-wrap {

}

.bgHome {
    background: url(../images/backgrounds/bg-sprites.png) repeat-x;
    background-position: 0px -84px;
}

@media only screen and (max-width: 480px) {
    .bgHome {
        background: url(../images/backgrounds/x.png) repeat-x;
        background-position: 0px 0px;
    }
}

#home-page .containerlong img {
    margin-top: 10px;
}

#home-page #main section:first-child {
    width: 978px;
    height: 400px;
    position: relative;
}

#hyperman {
    float: left;
    width: 306px;
    height: auto;
    padding: 50px 0 0 0;
}

#indexSpacer
{
    width: 978px;
    height: auto;
}

/* slider */
#slider {
    float: left;
    margin-left: 50px;
    width: 642px;
    height: 295px;
    position: relative;
    background: url(../images/slider/loading.gif) no-repeat 50% 50%;
}

#slider img {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

.nivoSlider a.nivo-imageLink {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 6;
    display: none;
}

.nivo-slice {
    display: block;
    position: absolute;
    z-index: 50;
    height: 100%;
}

.nivo-controlNav {
    position: absolute;
    left: -28px;
    top: 41%;
}

.nivo-controlNav a {
    display: block;
    width: 22px;
    height: 22px;
    background: url(../images/slider/bullets.png) no-repeat;
    text-indent: -9999px;
    border: 0;
    margin-right: 3px;
    cursor: pointer;
}

.nivo-controlNav a.active {
    background-position: 0 -22px;
}

/* common styles for features and sign-up button */
#features-button,
#sign-up-button {
    width: 190px;
    height: 33px;
    padding: 14px 0 0 0;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0px 1px #000;
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    bottom: 35px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    behavior: url(PIE.htc);
}

#pricing-button {
    position: absolute;
    width: 190px;
    height: 45px;
}

#pricing-button {
    background: url(../images/ie/features-button.png) no-repeat 0px 0px;
}

#features-button a,
#sign-up-button a {
    color: #FFF;
}

/***** unique styles for features button ********************/
#features-button {
    left: 401px;
}

/***** unique styles for sign-up button ********************/
#sign-up-button {
    right: 75px;
}

#features-button {
    background: url(../images/ie/features-button.png) no-repeat 0px 0px;
}

#sign-up-button {
    background: url(../images/ie/home-page-sign-up-button.png) no-repeat 0px 0px;
}



#home-page #main section:nth-child(2) {
    width: 642px;
    padding: 0 0 0 336px;
}

/* home page call to action */
#cta {
    background: url(../images/home/cta-button.png) no-repeat 0px 0px;
    float: left;
    width: 306px;
    padding: 100px 0 0 0;
    margin: 0 30px 0 0;
    font-size: 15px;
    color: #1c5192;
    display: block;
    text-align: center;
}

#cta:hover {
    background: url(../images/home/cta-button-hover.png) no-repeat 0px 0px;
}

#cta span {
    position: relative;
    bottom: -100px;
}

/* home page at-a-glance */
#at-a-glance {
    float: right;
    width: 306px;
}

#at-a-glance li {
    padding: 0 0 8px 0;
}

/* four features */
#home-features {
    width: 978px;
    padding: 30px 0 0 0;
    overflow: hidden;
    float: left;
    font-size: 13px;
}

#home-features li {
    background: url(../images/home/home-features-sprite.png) no-repeat 0px 0px;
    float: left;
    width: 222px;
    padding: 0 30px 0 0;
}

#home-features li:first-child {
    background-position: 0px 0px;
}

#home-features li:nth-child(2) {
    background-position: 0px -201px;
}

#home-features li:nth-child(3) {
    background-position: 0px -402px;
}

#home-features li:last-child {
    background-position: 0px -603px;
    padding: 0;
}

#home-features h3 {
    padding: 0 0 0 55px;
}

#home-features p {
    clear: both;
    padding: 10px 0 0 0;
}




/********************
**
     about page and subpages
**
********************/
#team-page .right-col h3 {
    color: #2a9c34;
}

#about-page .right-col strong,
#company-history-page .right-col strong,
#team-page .right-col strong {
    display: block;
}

#company-history-page header section ul li.about a,
#team-page header section ul li.about a {
    color: #2a9c34;
}




/********************
**
     features page
**
********************/
#mass-email-page .right-col ul li {
    background: url(../images/features/features-sprite.png) no-repeat 0px 0px;
    width: 562px;
    padding: 0 0 0 80px;
    margin: 0 0 30px 0;
}

#mass-email-page .right-col ul li:first-child {
    background-position: 0px 0px;
}

#mass-email-page .right-col ul li:nth-child(2) {
    background-position: 0px -700px;
}

#mass-email-page .right-col ul li:nth-child(3) {
    background-position: 0px -1400px;
}

#mass-email-page .right-col ul li:nth-child(4) {
    background-position: 0px -2100px;
}

#mass-email-page .right-col ul li:nth-child(5) {
    background-position: 0px -2800px;
}

#mass-email-page .right-col ul li:nth-child(6) {
    background-position: 0px -3500px;
}

#mass-email-page .right-col ul li:nth-child(7) {
    background-position: 0px -4200px;
}

#mass-email-page .right-col ul li:last-child {
    background-position: 0px -4900px;
}

#mass-email-page .right-col ul li h3 {
    padding: 0 0 10px 0;
}

#mass-email-page .right-col ul li strong {

}


#mass-email-page .right-col ul li a {

    font-size: 14px;
    padding: 10px 0 0 0;
    color: #1b5398;
    text-decoration: none;
}

#mass-email-page .right-col ul li a:hover {

    text-decoration: underline;
}

#send-bulk-email-page .right-col p a {

    font-size: 14px;
    padding: 10px 0 0 0;
    color: #1b5398;
    text-decoration: none;
}

#mass-email-tips-page .right-col p {
    margin-bottom: 15px;
}


#send-bulk-email-page .right-col p a:hover {
    text-decoration: underline;
}

#mass-email-tips-page .right-col p a:hover {
    text-decoration: underline;
}

#mass-email-tips-page .right-col b {
    font-size: 14px;
    color: #568053;
}

#send-bulk-email-page .right-col h3 {
    font-size: 18px;
    border-bottom: 1px solid #d6d6d6;
}

#mass-email-software-page .right-col h3 {
    font: 18px/1.6em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
    border-bottom: 1px solid #d6d6d6;
    font-weight:bold;
}

#send-bulk-email-page .right-col p {
    margin-bottom: 15px;
}

#bulk-email-terms-page dt {
    font-size: 20px;
    border-bottom: 1px solid #d6d6d6;
}

#bulk-email-terms-page dd {
    margin-bottom: 20px;
}

#blog-page p a:hover {
    text-decoration: underline;
}

#blog-advanced-page h2 {
    margin-top: 20px;
}

#blog-advanced-page p a:hover {

    text-decoration: underline;
}

#mass-email-page .right-col p a:hover {

    text-decoration: underline;
}

#blast-email-page .right-col p a:hover {

    text-decoration: underline;
}

#mass-email-software-page .right-col p a {

    font-size: 14px;
    padding: 10px 0 0 0;
    color: #1b5398;
    text-decoration: none;
}

#mass-email-software-page .right-col p a:hover {

    text-decoration: underline;
}

#home-page p a:hover {

    text-decoration: underline;
}

#mass-email-tips-page .right-col b
{
    font-size: 18px;
}

#mass-email-tips-page .right-col p
{
    margin-top: 0px;
}

#bulk-email-software-page .right-col a {

    font-size: 14px;
    padding: 10px 0 0 0;
    color: #1b5398;
    text-decoration: none;
}

#bulk-email-software-page .right-col a:hover {

    text-decoration: underline;
}


/********************
**
     pricing page
**
********************/
#plans {
    text-align: center;
    width: 940px;
    padding: 20px 0 0 0;
    margin: 0 auto;
    line-height: 1.6em;
    color: #444;
    font-size: 16px;
    overflow: hidden;
}

#plans h1 {
    padding: 0 0 20px 0;
}

.plan h2, .plan-featured h2 {
    padding: 20px 0 0 0;
    color: #1C53B3;
}

#plans a {
    color: #444;
}

#plans span {
    display: block;
}


/* Shared styles for .plan and .plan-featured */
.plan,
.plan-featured {
    width: 230px;
    float: left;
}

.plan-emails {
    font-size: 24px;
    color: #5BBB47;
    font-weight: bold;
}


/* Specific styles for .plan */
.plan {
    background: url(../images/price/plan-bg.png) no-repeat top center;
    height: 325px;
    margin: 25px 5px 0 0;
    position: relative;
}

.plan-price {
    font-size: 20px;
    color: #444;
    background: url(../images/price/price-bg.png) no-repeat top center;
    width: 230px;
    height: 32px;
    padding: 8px 0 0 0;
    margin: 20px 0 0 0;
    display: block;
}

.disclosure {
    font-size: 9px;
    padding: 0;
    margin: 0;
}

.sign-up {
    font-size: 20px;
    background: url(../images/price/sign-up-bg.png) no-repeat top center;
    width: 126px;
    height: 30px;
    padding: 5px 0 0 0;
    position: absolute;
    bottom: -15px;
    left: 52px;
}


/* Specific styles for .plan-featured */
.plan-featured {
    background: url(../images/price/plan-featured-bg.png) no-repeat top center;
    height: 365px;
    margin: 0 5px 0 0;
    position: relative;
}

.emails {
    padding: 15px 0 0 0;
}

.plan-featured .plan-price {
    margin: 22px 0 0 0;
}

.plan-featured .emails {
    padding: 5px 0 0 0;
}

ul.features {
    padding: 0;
    line-height: 1.4em;
}


/* Plan Features */
.comes-with {
    clear: both;
    float: left;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
}

.comes-with h2 {
    padding: 0 0 6px 0;
    font-size: 18px;
}

.comes-with ul {
    float: left;
    padding: 0 0 0 10px;

}

.comes-with ul li {

    background: url(../images/main/checkmark.png) no-repeat left center;
    padding: 0 0 0 30px;
    line-height: 1.8em;
}

#bulk-email-software-page span ul li {
    background: url(../images/main/checkmark.png) no-repeat left center;
    padding: 0 0 0 30px;

    line-height: 1.8em;
}

.comes-with-big ul li {
    background: url(../images/main/checkmark.png) no-repeat left center;
    padding: 0 0 0 30px;
    width: 600px;
    line-height: 1.8em;
}

.comes-with-home ul li {
    background: url(../images/main/checkmark.png) no-repeat left center;
    padding: 0 0 0 30px;
    width: auto;
    line-height: 1.8em;
}

/* More Plans */
#more-plans {
    width: 940px;
    padding: 0 0 25px 0;
    margin: 0 auto;
    overflow: hidden;
}

#more-plans-container {
    margin: 0 0 5px;
    padding: 0;
    border: 1px solid #d6d6d6;
    overflow: hidden;
    font-size: 1.2em;
    width: 940px;
    clear: both;
}

h2.trigger {
    width: 350px;
    padding: 0 0 0 0 0;
    margin: 50px auto 0 auto;
    background: url(../images/price/toggle.png) no-repeat 0px 0px;
}

h2.trigger a {
    color: #fff;
    text-decoration: none;
    display: block;
}

h2.active {
    background-position: 0px -51px;
}


/* Agency */
.agency-container {
    float: right;
    width: 430px;
    height: 57px;
    padding: 10px 0 0 0;
    text-align: center;
    background: url(../images/price/agency-bg.png) no-repeat top left;
}

.agency-container a {
    display: block;
    height: 57px;
    width: 430px;
    color: #444;
}




/********************
**
     why hypermail page
**
********************/
#send-bulk-email-page .right-col strong {
    display: block;
}



/********************
**
     resources page
**
********************/
#resources-page .right-col ul li {
    background: url(../images/resources/resources-sprite.jpg) no-repeat 0px 0px;
    padding: 0 0 50px 0;
}

#resources-page .right-col ul li:nth-child(1) {
    background-position: 0px 0px;
}

#resources-page .right-col ul li:nth-child(2) {
    background-position: 0px 0px;
}

#resources-page .right-col ul li:nth-child(3) {
    background-position: 0px 0px;
}

#resources-page .right-col ul li:nth-child(4) {
    background-position: 0px 0px;
}

#resources-page .right-col ul li:nth-child(5) {
    background-position: 0px 0px;
}

#resources-page .right-col ul li:nth-child(6) {
    background-position: 0px 0px;
}

#resources-page .right-col ul li h2 {
    font-size: 20px;
}

#support-documents-page header nav ul li.resources a,
#faq-page header nav ul li.resources a,
#partners-page header nav ul li.resources a {
    color: #444;
    text-shadow: 0 1px 0 #ccc;
}

.cssgradients #support-documents-page header nav ul li.resources a#resources-link,
.cssgradients #faq-page header nav ul li.resources a#resources-link,
.cssgradients #partners-page header nav ul li.resources a#resources-link {
    background: #B0F599;
    background: -webkit-gradient(linear, left top, left bottom, from(#B0F599), to(#8AC078));
    background: -webkit-linear-gradient(top, #B0F599, #8AC078);
    background: -moz-linear-gradient(top, #B0F599, #8AC078);
    background: -ms-linear-gradient(top, #B0F599, #8AC078);
    background: -o-linear-gradient(top, #B0F599, #8AC078);
    background: linear-gradient(top, #B0F599, #8AC078);
}

.no-cssgradients #support-documents-page header nav ul li.resources a#resources-link,
.no-cssgradients #faq-page header nav ul li.resources a#resources-link,
.no-cssgradients #partners-page header nav ul li.resources a#resources-link {
    background: url(../images/ie/nav-active-bg.png) repeat-x 0px 0px;
}




/********************
**
     faq page
**
********************/
#faq-page h3 {
    padding: 15px 0;
}

#home-page h3 {
    color: #568053;
    margin-bottom: 6px;
    font-size: 22px;
}

#home-page p {
    font-size: 16px;
    margin-bottom: 2px;
}

#home-page h1 {
    font-family: Lato, Helvetica, Arial, sans-serif;
    margin-bottom: 60px;
    margin-top: 30px;
    color:#333;
    font-size: 30px;
    letter-spacing: -1px;
    line-height: 1;
    text-shadow: 0 2px 3px #CCC;
}

#faq-page h3:first-child {
    padding: 0 0 15px 0;
}

h4.faq-trigger {
    background: url(../images/faq/faq-icon.png) no-repeat 0px 0px;
    margin: 0 0 5px 0;
    width: 100%;
    padding: 0 0 10px 40px;
    font-size: 16px;
    line-height: 1.2em;
    font-weight: normal;
    float: left;
}

h4.faq-trigger a {
    color: #777;
    text-decoration: none;
    display: block;
}

h4.faq-trigger a:hover,
h4.active a {
    color: #3578CB;
}

h4.active {
    background-position: 0px -100px;
}

p.faq-container {
    background: #ededed;
    font-size: 15px;
    padding: 10px;
    margin: 0 0 14px 40px;
    border-top: 1px solid #98b2d2;
    border-bottom: 1px solid #98b2d2;
    overflow: hidden;
    display: none;
}




/********************
**
     contact page
**
********************/
#contact-page .right-col div:first-child,
#contact-page .right-col div:nth-child(2) {
    width: 306px;
}

#contact-page .right-col div:first-child {
    float: left;
}

#contact-page .right-col div:nth-child(2) {
    float: right;
}

#contact-page .right-col div:last-child {
    clear: both;
    padding: 40px 0 0 0;
}

#contact-page .right-col div:nth-child(2) iframe {
    border: 1px solid #3578CB;
}




/********************
**
     legal info page
**
********************/
#legal-info-page #main {
    width: 978px;
    float: none;
}

.hide {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

section#legal-info {
    padding: 10px 0;
}

section#legal-info #legalinfo {
    padding: 0 0 25px 0;
}

section#legal-info #legalinfo li {
    float: left;
    padding: 0 10px;
}

section#legal-info #legalinfo li:first-child {
    padding: 0 10px 0 0;
}

section#legal-info #legalinfo li:last-child {
    padding: 0 0 0 10px;
}

section#legal-info #legalinfo li a {
    background: #4570a6;
    display: block;
    padding: 8px 12px;
    color: #fff;
    text-shadow: 0 1px 0 #444;
    font-size: 16px;
    text-align: center;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(PIE.htc);
    position: relative;
}

.cssgradients section#legal-info #legalinfo li a {
    background: #7390b3;
    background: #7390b3 -moz-linear-gradient(top, #7390b3 0%, #4570a6 100%);
    background: #7390b3 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7390b3), color-stop(100%,#4570a6));
    background: #7390b3 -webkit-linear-gradient(top, #7390b3 0%,#4570a6 100%);
    background: #7390b3 -o-linear-gradient(top, #7390b3 0%,#4570a6 100%);
    background: #7390b3 -ms-linear-gradient(top, #7390b3 0%,#4570a6 100%);
    background: #7390b3 linear-gradient(top, #7390b3 0%,#4570a6 100%);
}

.no-cssgradients section#legal-info #legalinfo li a {
    background: url(../images/ie/legal-info-button-bg.png) no-repeat 0px 0px;
}

.cssgradients section#legal-info #legalinfo li a:hover {
    background: #4570a6;
    background: #4570a6 -moz-linear-gradient(top, #4570a6 0%, #7390b3 100%);
    background: #4570a6 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4570a6), color-stop(100%,#7390b3));
    background: #4570a6 -webkit-linear-gradient(top, #4570a6 0%,#7390b3 100%);
    background: #4570a6 -o-linear-gradient(top, #4570a6 0%,#7390b3 100%);
    background: #4570a6 -ms-linear-gradient(top, #4570a6 0%,#7390b3 100%);
    background: #4570a6 linear-gradient(top, #4570a6 0%,#7390b3 100%);
}

.no-cssgradients section#legal-info #legalinfo li a:hover {
    background: url(../images/ie/legal-info-button-bg-hover.png) no-repeat 0px 0px;
}

section#legal-info #legalinfo li a.current {
    background: #143967;
    pointer-events: none;
    cursor: default;
}

.boxshadow section#legal-info #legalinfo li a.current {
    -webkit-box-shadow: 2px 4px 7px #444;
    -moz-box-shadow: 2px 4px 7px #444;
    box-shadow: 2px 4px 7px #444;
}

section#legal-info #legalinfo li a:hover {
    background-color: #111;
}

section#legal-info h2 {
    text-align: center;
    font-size: 26px;
}

section#legal-info span {
    display: block;
    text-align: center;
    font-size: 12px;
    padding: 8px 0 20px 0;
}

section#legal-info h3 {
    color: #568053;
    font-size: 18px;
    padding: 0 0 4px 0;
    margin: 0 0 4px 0;
    border-bottom: 3px double #568053;
}

section#legal-info ul {
    padding: 0 0 0 10px;
}

section#legal-info ul li {
    background: url(../images/main/checkmark.png) no-repeat 0px 0px;
    padding: 0 0 16px 30px;
}

/********************
**
     sidebar(s)
**
********************/

/***** common sidebar elements ********************/
aside section {
    background: #ededed;
    padding: 10px;
    margin: 0 0 25px 0;
    text-align: left;
    text-shadow: 0 1px 0 #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(PIE.htc);
    position: relative;
    -webkit-box-shadow: 5px 7px 20px -7px #333;
    -moz-box-shadow: 5px 7px 20px -7px #333;
    box-shadow: 5px 7px 20px -7px #333;
}

.useful-resources {
    font-weight: 900;
    font-family: Lato, Helvetica, Arial, sans-serif;
    background: #ffffff;
}

aside section h3 {
    padding: 0 0 10px 0;
}

aside section a {
    color: #444;
}


/***** contact sidebar ********************/
section.sidebar-contact {
    text-align: center;
    width: 80%;
}

aside section.sidebar-contact a {
    font-family: Lato, Helvetica, Arial, sans-serif;
    background: #C2EDBE;
    display: block;
    padding: 8px 12px;
    margin: 0 auto;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(PIE.htc);
    position: relative;
}

aside section.sidebar-contact p {
    margin-top:0px;
}

.cssgradients aside section.sidebar-contact a {
    background: #c2edbe;
    background: -moz-linear-gradient(top, #c2edbe 0%, #46cb35 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2edbe), color-stop(100%,#46cb35));
    background: -webkit-linear-gradient(top, #c2edbe 0%,#46cb35 100%);
    background: -o-linear-gradient(top, #c2edbe 0%,#46cb35 100%);
    background: -ms-linear-gradient(top, #c2edbe 0%,#46cb35 100%);
    background: linear-gradient(top, #c2edbe 0%,#46cb35 100%);
    border: 1px solid #3aaf2b;
}

.no-cssgradients aside section.sidebar-contact a {
    background: url(../images/ie/sidebar-email-sales.png) no-repeat 0px 0px;
    height: 32px;
    padding: 0;
    text-indent: -999em;
}

.cssgradients aside section.sidebar-contact a:hover {
    background: #fff;
}

.no-cssgradients aside section.sidebar-contact a:hover {
    background: url(../images/ie/sidebar-email-sales-hover.png) no-repeat 0px 0px;
}


/***** real stats. real customers. ********************/
section.real-stats p {
    text-align: left;
    padding: 0 0 6px 0;
}

section.real-stats a {
    color: #3578CB;
}

section.real-stats a:hover {
    color: #444;
}


/***** helpful links ********************/
section.helpful-links a {
    display: block;
    padding: 0 0 6px 0;
}

section.helpful-links a:hover {
    color: #3578CB;
}


/***** resources sidebar ********************/
section.useful-resources li a {
    padding: 5px 0;
    display: block;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(PIE.htc);
    position: relative;
}

section.useful-resources li a:hover {
    color: #3578CB;
    text-shadow: 0 1px 0 #fff;
}

#support-documents-page #main aside section ul li.docs a,
#faq-page #main aside section ul li.faq a,
#partners-page #main aside section ul li.partners a {
    font-weight: 900;
    font-family: Lato, Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px white;
    background: -moz-linear-gradient(left, #CCC 0%, white 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#CCC), color-stop(100%,white));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#FFFFFF',GradientType=1 );
    padding: 5px 15px;
    color: #000;
}

#support-documents-page #main aside section ul li.docs > a,
#faq-page #main aside section ul li.faq > a,
#partners-page #main aside section ul li.partners > a {
    pointer-events: none;
    cursor: default;
}


/***** about sidebar ********************/
section.useful-resources li a {
    padding: 5px 15px;
    display: block;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(PIE.htc);
    position: relative;
}

section.useful-resources li a:hover {
    color: #3578CB;
    text-shadow: 0 1px 0 #fff;

    font-weight: 900;
    font-family: Lato, Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px white;

    background: -moz-linear-gradient(left, #EEE 0%, white 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#EEE), color-stop(100%,white));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#FFFFFF',GradientType=1 );

    padding: 5px 15px;
}

#about-page section ul li.about-overview a,
#company-history-page section ul li.about-history a,
#blast-email-page section ul li.more-blast a,
#send-bulk-email-page section ul li.more-why a,
#mass-email-software-page section ul li.more-overview a,
#targeted-email-lists-page section ul li.more-lists a,
#mass-email-tips-page section ul li.more-tips a,
#bulk-email-terms-page section ul li.more-terms a,
#team-page section ul li.about-team a {
    font-weight: 900;
    font-family: Lato, Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px white;
    background: -moz-linear-gradient(left, #CCC 0%, white 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#CCC), color-stop(100%,white));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#FFFFFF',GradientType=1 );
    padding: 5px 15px;
    color: #000;
}

#about-page section ul li.about-overview > a,
#company-history-page section ul li.about-history > a,
#blast-email-page section ul li.more-blast > a,
#send-bulk-email-page section ul li.more-why > a,
#mass-email-software-page section ul li.more-overview > a,
#targeted-email-lists-page section ul li.more-lists > a,
#mass-email-tips-page section ul li.more-tips > a,
#bulk-email-terms-page section ul li.more-terms > a,
#team-page section ul li.about-team > a {
    pointer-events: none;
    cursor: default;
}




/********************
**
     footer
**
********************/
footer {
    background: url(../images/footer/footer-border.png) repeat-x 0px 0px;
    width: 100%;
    background: #5f5f5f;
    top: 0px;

}

footer first-child {
    width: 978px;
    margin: 0 auto;
}

footer ul {
    float: left;
    width: 222px;
    padding: 10px 20px 10px 0;
    text-align: left;
}

footer ul:last-child {
    width: 222px;
    padding: 10px 0;
}

footer h4 {
    padding: 0 0 6px 0;
}

footer h4,
footer h4 a {
    color: #3578CB;
    text-shadow: none;
}

footer li {
    padding: 0 0 6px 0;
}

footer ul li a {
    color: #FFF;
    padding: 0 0 2px 0;
}

footer ul li a:hover,
#about-page footer ul li.about a,
#contact-page footer ul li.contact a,
#home-page footer ul li.features a,
#hmpricing-page footer ul li.pricing a,
#send-bulk-email-page footer ul li.why-hypermail a,
#mass-email-software-page footer ul li.tour a,
#resources-page footer ul li.resources a,
#support-documents-page footer ul li.docs a,
#faq-page footer ul li.faq a,
#partners-page footer ul li.partners a,
#bulk-email-software-page footer ul li.reviews a,
#blast-email-page footer ul li.blast-email a,
#targeted-email-lists-page footer ul li.targeted-email a,
#anti-spam-policy-page footer ul li.anti-spam-policy a,
#privacy-policy-page footer ul li.privacy-policy a,
#terms-page footer ul li.terms-conditions a,
#use-policy-page footer ul li.acceptable-use-policy a,
#sitemap-page footer ul li.sitemap a,
#blog-page footer ul li.blog a,
#affiliate-email-marketing-program-page footer ul li.affiliate a,
#blog-advanced-page footer ul li.blogadv a,
#mass-email-tips-page footer ul li.tips a,
#bulk-email-terms-page footer ul li.terms a,
#developers-page footer ul li.developers a {
    background: none;
    color: #000;
    text-shadow: none;
}

#about-page footer ul li.about > a,
#contact-page footer ul li.contact > a,
#home-page footer ul li.features > a,
#hmpricing-page footer ul li.pricing > a,
#send-bulk-email-page footer ul li.why-hypermail > a,
#mass-email-software-page footer ul li.tour > a,
#resources-page footer ul li.resources > a,
#support-documents-page footer ul li.docs > a,
#faq-page footer ul li.faq > a,
#partners-page footer ul li.partners > a,
#bulk-email-software-page footer ul li.reviews > a,
#blast-email-page footer ul li.blast-email > a,
#targeted-email-lists-page footer ul li.targeted-email > a,
#anti-spam-policy-page footer ul li.anti-spam-policy > a,
#privacy-policy-page footer ul li.privacy-policy > a,
#terms-page footer ul li.terms-conditions > a,
#use-policy-page footer ul li.acceptable-use-policy > a,
#sitemap-page footer ul li.sitemap > a,
#blog-page footer ul li.blog > a,
#affiliate-email-marketing-program-page footer ul li.affiliate > a,
#blog-advanced-page footer ul li.blogadv > a,
#mass-email-tips-page footer ul li.tips > a,
#bulk-email-terms-page footer ul li.terms > a,
#developers-page footer ul li.developers > a
{
    pointer-events: none;
    cursor: default;
}

#copyright {
    width: 100%;
    height: 20px;
    padding: 10px 0;
    background-color: #505050;
}

#copyright div {
    width: 978px;
    margin: 0 auto;
    position: relative;
    font-size: 12px;
}
#copyright div p {
    font-size: 12px;
}

footer img {
    width: 68px;
    height: 70px;
    position: absolute;
    left: 200px;
    top: 0px;
}

footer p {
    clear: both;
    padding: 25px 0;
    text-align: center;
    color: #000;
}

#push {
    height: 300px;
    clear: both;
}




@media all and (orientation:portrait) { }

@media all and (orientation:landscape) { }

@media screen and (max-device-width: 480px) {}

@media print {
    * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
    a, a:visited { color: #444 !important; text-decoration: underline; }
    a:after { content: " (" attr(href) ")"; }
    abbr:after { content: " (" attr(title) ")"; }
    .ir a:after { content: ""; }  /* Don't show links for images */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
    tr, img { page-break-inside: avoid; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3{ page-break-after: avoid; }
}

/*#feed {
	float: left;
        position: absolute;
        margin-left: 330px;
        width: 306px;
		height: auto;
        border: 1px solid #E0E0E0;
        padding: 6px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        background: url(../images/twitter.png) no-repeat right -10px;
		font-size:12px;
    }
    #feed .bird {
            width: 48px;
            height: 48px;
            position: absolute;
            margin-left: 280px;
            margin-top: -20px;
        }*/


#feed {
    float: left;
    position: absolute;
    margin-left: 40px;
    margin-top:5px;
    width: 580px;
    height: auto;
    border:1px solid #CCC;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom:3px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-size:24px;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight:bold;
    -webkit-box-shadow: 5px 7px 20px -7px #333;
    -moz-box-shadow: 5px 7px 20px -7px #333;
    box-shadow: 5px 7px 20px -7px #333;
    background: #fefefe;
}
.signupcol {
    float: left;
    width: 159px;
    height: auto;
    font-size:12px;
    margin-right: 0px;
    margin-top: 0px;
    color:#666;
}

.signupcolInternal {
    float: left;
    width: 259px;
    height: auto;
    font-size:12px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    color:#666;
}

.signupcolRight {
    float: left;
    width: 100px;
    height: auto;
    font-size:12px;
    margin-top: 7px;
}

.homepageSubmit {
    -moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
    box-shadow:inset 0px 0px 0px 0px #ffffff;
    background-color:#f6f6f6;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#777777;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:5px 17px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
    margin-top:14px;
    margin-left:0px;
}

#blog-page p {
    margin-top: -7px;
}

#blog-advanced-page p {
    margin-top: -3px;
}

.homepageSubmit:hover {
    background-color:#eaeaea;
    cursor:pointer;
}.homepageSubmit:active {
     position:relative;
     top:1px;
 }
#homeleadsubmitCheck {
    width: 50px;
}

.leadSubmitInternal {
    -moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
    box-shadow:inset 0px 0px 0px 0px #ffffff;
    background: -moz-linear-gradient(top, #C2EDBE 0%, #46CB35 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C2EDBE), color-stop(100%,#46CB35));
    background: -webkit-linear-gradient(top, #C2EDBE 0%,#46CB35 100%);
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#000;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:5px 17px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
    margin-top:5px;
    margin-left:0px;
}.leadSubmitInternal:hover {
     background:#fff;
     cursor:pointer;
 }.leadSubmitInternal:active {
      position:relative;
      top:1px;
  }

.errorStyle
{
    margin-left: 5px;
    color:#F00;
    font-size:14px;
}

.inputStyleLeads {
    border: 1px solid #CCC;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    padding: 5px;
    background: rgba(255,255,255,1.0);
    margin: 0px 0 10px 0;
}

.inputStyleLeadsInternal {
    -webkit-box-shadow:
        inset 0 0 8px  rgba(0,0,0,0.1),
        0 0 16px rgba(0,0,0,0.1);
    -moz-box-shadow:
        inset 0 0 8px  rgba(0,0,0,0.1),
        0 0 16px rgba(0,0,0,0.1);
    box-shadow:
        inset 0 0 8px  rgba(0,0,0,0.1),
        0 0 16px rgba(0,0,0,0.1);
    padding: 5px;
    background: rgba(255,255,255,1.0);
    margin: 0px 0 10px 0;
}

.titleMargin {
    margin-left: 4px;
    color:#999;
}

.titleMarginInternal {
    margin-left: 4px;
    color:#4f4f4f;
}

/* Footer */
footer {

    width: 100%;
    background: #505050;
    color: #FFF;
    font-family: "Ubuntu", Arial, Tahoma;
    letter-spacing: 1px;
    font-size: 13px;
    text-shadow: #444 0px 1px;
    border-top: 1px solid rgb(0, 0, 0);

}
#footer-menu {
    width: 980px;
    display: block;
    overflow: hidden;
    margin: 0px auto;
}
#footer-menu ul {
    display: inline-block;
    width: 200px;
    float: left;
}
#footer-menu ul a {
    text-decoration: none;
}
#footer-menu ul a:hover {
    text-decoration: underline;
}
#footer-menu ul h4 {
    color: inherit;
    text-shadow: none;
}
#footer-menu ul h4 a {
    color: inherit;
}
#footer-menu ul li {
}
#footer-menu ul li a {
    color: inherit;
    font-weight:normal;
    margin-left: 10px;
}
#copyright {
    text-align: center;
    margin: 0px auto;
    margin-top: 15px;
    font-size: 13px;
    color: inherit;
}
#copyright p {
    color: inherit;
    margin: 0px;
    padding: 0px;
}
#footer-menu .item-1 {
}
#footer-menu .item-2 {
    margin-left: 30px;
}
#footer-menu .item-3 {
    margin-left: 30px;
}
#footer-menu .item-4 {
    margin-left: 35px;
}

#welcome {
    position: relative;
    left: 360px;
    top: 75px;
}

#footer-menu .socialholder {
    float: left;
    width: 50px;
    height: auto;
}

.containerlong
{
    float: left;
    width: 489px;
    height: auto;
}

.homeContainer
{
    float: left;
    width: 489px;
    height: auto;
}

.containerleft
{
    float: left;
    width: 80px;
    height: auto;
}

.containerright
{
    float: left;
    width: 409px;
    height: auto;
}

.blogholder
{
    float: left;
    width: 978px;
    height: auto;
}

.blogIndexHolder
{
    float: left;
    width: 978px;
    height: auto;
    padding-bottom: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #cccccc;
}

.blogIndexLeft
{
    float: left;
    width: 310px;
    height: auto;
}

.blogIndexRight
{
    float: left;
    width: 668px;
    height: auto;
}

.blogleft
{
    float: left;
    width: 320px;
    margin-right: 20px;
    height: auto;
}

.blogleftSmall
{
    float: left;
    width: 160px;
    margin-right: 20px;
    height: auto;
}

.imgpadding
{
    margin-left:15px;
    margin-top: 25px;
}

.imgpaddingbottom
{
    margin-top: 25px;
    margin-bottom:15px;
    margin-left:10px;
}

.pictureframe
{
    float: left;
    width: 296px;
    height: auto;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-right: 5px;
    margin-bottom: 20px;
    margin-top: 44%;
    background:#dddddd;
    border: 1px solid rgb(255, 255, 255);
    outline: 1px solid #dddddd;
}

.pictureframeIndex
{
    float: left;
    width: 280px;
    height: auto;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-right: 5px;
    margin-bottom: 20px;
    background:#dddddd;
    border: 1px solid rgb(255, 255, 255);
    outline: 1px solid #dddddd;
}

.pictureframeIndex2
{
    float: right;
    width: 280px;
    height: auto;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-right: 5px;
    margin-bottom: 20px;
    background:#dddddd;
    border: 1px solid rgb(255, 255, 255);
    outline: 1px solid #dddddd;
}

.blogright
{
    float: left;
    width: 638px;
    height: auto;
    margin-top: 20px;
}

.blogrightBig
{
    float: left;
    width: 798px;
    height: auto;
}

#blog-page .pictureframeSmall img:hover
{
    opacity:0.5;
}

#blog-advanced-page .pictureframeSmall img:hover
{
    opacity:0.5;
}

#blog-page h2
{
    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    color: rgb(86, 128, 83);
    font-size: 25px;
    padding: 0px 0px 4px;
    margin-bottom: 20px;
}

#blog-page h2:hover
{
    color: #808080;
    cursor: pointer;
}

#blog-advanced-page h2
{
    color: rgb(86, 128, 83);
    font-size: 32px;
    padding: 0px 0px 4px;
    margin-bottom: 20px;
    border-bottom: 3px double rgb(86, 128, 83);
}

#blog-advanced-page h2:hover
{
    color: #808080;
    border-bottom: 3px double rgb(128, 128, 128);
}

p {
    font-family: 'Oxygen', sans-serif;
    font-size: 17px;
    letter-spacing:1px;
    line-height: 1.7;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

.pstyle p {
}

#blog-advanced-page h2
{
    color: rgb(86, 128, 83);
    font-size: 32px;
    padding: 0px 0px 4px;
    margin-bottom: 20px;
    border-bottom: 3px double rgb(86, 128, 83);
}

#blog-advanced-page p
{
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style:normal;
    font-weight:normal;
}

#blog-menu-page h2
{
    color: rgb(86, 128, 83);
    font-size: 20px;
    font-style:normal;
    padding: 0px 0px 4px;
}


.blogtopicholder .blogtopic
{
    float: left;
    width: auto;
    height: auto;
    background:#ebebeb;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 25px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 5px solid #d5d5d5;
    margin-bottom: 15px;
}

.blogtopicholder
{
    float: left;
    width: 100%;
    height: auto;
}

.blogtopic:hover
{
    background:#d1f1ce;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border: 5px solid #9cbd99;
}

.contentHolder
{
    float: left;
    width: 978;
    height: auto;
    margin-top: 20px;
}

.contentHolderImg
{
    float: left;
    width: 326px;
    height: auto;
}

.contentHolderTxt
{
    float: left;
    width: 652px;
    height: auto;
}

.imgsubtxt
{
    float: left;
    width: 326px;
    height: auto;
    text-align:center;
}

#affiliate-email-marketing-program-page p
{
    font-size: 12px;
    margin-top: 0px;
}

#affiliate-email-marketing-program-page #comes-with-big ul li {
    font-size: 12px;
}

#affiliate-email-marketing-program-page h4
{
    font-size: 36px;
    color:#444;
}

#affiliate-email-marketing-program-page .contentHolder a img:hover
{
    opacity:0.5;
}

#affiliate-email-marketing-program-page .contentHolder a:hover
{
    text-decoration:underline;
}

#signup-page #footer-menu .item-1 .features {
    margin-bottom: 10px;
}

.content-section-bg {
    width: 100%;
    height: auto;
    background-color: #3c3c3c;
}

.content-section-bg-2 {
    width: 100%;
    height: auto;
    background-color: #646464;
}

.content-section-bg-3 {
    width: 100%;
    height: auto;
    background-color: #fff;
}

.content-section-wrap {
    width: 978px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

#bulk-email-service-page .content-section-bg h1 {
    color: #fff;
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 40px;
    text-shadow: none;
}

#bulk-email-service-page .content-section-bg-2 h2 {
    color: #fff;
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 40px;
    text-shadow: none;
}

#bulk-email-service-page .content-section-bg ul li {
    font-family: 'Merriweather Sans', sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    text-shadow: none;
}

#bulk-email-service-page p {
    color: #fff;
    text-shadow: none;
}

#home-page .content-section-bg h1 {
    color: #fff;
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 40px;
    text-shadow: none;
}

#home-page .content-section-bg-2 h2 {
    color: #fff;
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 40px;
    text-shadow: none;
}

#home-page .content-section-bg ul li {
    font-family: 'Merriweather Sans', sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    text-shadow: none;
}

#home-page .content-section-bg p {
    color: #fff;
    text-shadow: none;
    font-size: 14px;
}

#home-page .content-section-bg-2 p {
    color: rgb(238, 238, 238);
    text-shadow: none;
    font-size: 14px;
}


/***** common sidebar elements ********************/
section.sidebar-contact {
    background: #ededed;
    padding: 10px;
    margin: 0 0 25px 0;
    text-align: left;
    text-shadow: 0 1px 0 #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(PIE.htc);
    position: relative;
    -webkit-box-shadow: 5px 7px 20px -7px #333;
    -moz-box-shadow: 5px 7px 20px -7px #333;
    box-shadow: 5px 7px 20px -7px #333;
}

.useful-resources {
    font-weight: 900;
    font-family: Lato, Helvetica, Arial, sans-serif;
    background: #ffffff;
    width: 77%;
}

section h3 {
    padding: 0 0 10px 0;
}

section a {
    color: #444;
}


/***** contact sidebar ********************/
section.sidebar-contact {
    text-align: center;
}

section.sidebar-contact a {
    font-family: Lato, Helvetica, Arial, sans-serif;
    background: #C2EDBE;
    display: block;
    width: 220px;
    padding: 8px 12px;
    margin: 0 auto;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444;

    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(PIE.htc);
    position: relative;
}

section.sidebar-contact p {
    margin-top:0px;
}

.cssgradients section.sidebar-contact a {
    background: #c2edbe;
    background: -moz-linear-gradient(top, #c2edbe 0%, #46cb35 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2edbe), color-stop(100%,#46cb35));
    background: -webkit-linear-gradient(top, #c2edbe 0%,#46cb35 100%);
    background: -o-linear-gradient(top, #c2edbe 0%,#46cb35 100%);
    background: -ms-linear-gradient(top, #c2edbe 0%,#46cb35 100%);
    background: linear-gradient(top, #c2edbe 0%,#46cb35 100%);
    border: 1px solid #3aaf2b;
}

.no-cssgradients section.sidebar-contact a {
    background: url(../images/ie/sidebar-email-sales.png) no-repeat 0px 0px;
    width: 192px;
    height: 32px;
    padding: 0;
    text-indent: -999em;
}

.cssgradients section.sidebar-contact a:hover {
    background: #fff;
}

.no-cssgradients  section.sidebar-contact a:hover {
    background: url(../images/ie/sidebar-email-sales-hover.png) no-repeat 0px 0px;
}

.teamTitle1 {
    font-family: "Ubuntu", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

.teamTitle2 {
    color: #007700;
    font-size: 21px;
    line-height: 1.2em;
    padding: 0 0 6px 0;
    text-shadow: #fff 0px 1px;
}

.homePaddingRight {
    padding-right: 10%;
}

.homeMarginBottom {
    margin-bottom: 65px;
}


.textAlignCenter {
    text-align: center;
}

#send-bulk-email-page p {
    margin-bottom: 40px;
}

#mass-email-software-page p {
    margin-bottom: 40px;
}

#send-bulk-email-page h2 {
    margin-bottom: 30px;
}

.blogTitle {
    text-align: center;
    margin-bottom: 35px;
    margin-top: 30px;
}

.blogTitle2 {
    text-align: center;
    margin-top: 35px;
}

.paginationStyle {
    text-align: center;
    margin-bottom: 80px;
}