﻿

* html table tr td
{
    border-bottom: 1px solid #ccc;
}
*:first-child + html table tr td
{
    border-bottom: 1px solid #ccc;
}
#creditcard-table td
{
    padding: 2px;
    border:solid 1px #666666;
}

#pricing-table th
{
    color: #677173;
    font-size: 1.2em;
}
#pricing-table tr.even
{
    background: #e0e0e0;
}
#pricing-table td
{
    padding: 1em 0;
}
#pricing-table p
{
    padding: 25px 0 0 0;
    text-align: left;
    font-size: .8em;
    line-height: 1.4em;
}
#pricing-table p strong
{
    margin: 0;
    padding: 0 0 20px 0;
    color: #000;
    font-size: 1.5em;
    line-height: 1.4em;
    display: block;
    background: url(/sites/all/themes/next/images/plan-arrow.gif) right 10px no-repeat;
}
#pricing-table p a
{
    text-decoration: underline;
}

.plan-basic, .plan-premium, .plan-monthly, .plan-business
{
    width: 75px;
    font-size: 1em;
    vertical-align: bottom;
    background: url(../../assets/images/price-point.jpg) top no-repeat;
}
.plan-basic
{
    background-position: 0 0;
}
.plan-premium
{
    background-position: 0 -225px;
}
.plan-monthly
{
    background-position: 0 -450px;
}

.plan-business
{
	background-position: 0 -675px;
}

.plan-basic a, .plan-premium a, .plan-monthly a, .plan-business a
{
    width: 75px;
    height: auto;
    padding: 125px 0 0 0;
    display: block;
}
.plan-basic a strong, .plan-premium a strong, .plan-monthly a strong, .plan-business a strong
{
    display: block;
    color: #000;
    font-size: 1.5em;
    font-weight: normal;
}

#pricing-table th
{
    padding: 0 0 10px 0;
    text-align: center;
}
#pricing-table tr
{
    background: transparent;
}
#pricing-table .basic, #pricing-table .premium, #pricing-table .monthly, #pricing-table .business
{
    width: 75px;
    text-align: center;
    background: #ccc;
}
#pricing-table .basic
{
    background: #ede1ed;
}
#pricing-table .premium
{
    color: #313333;
    background: #cae7ed;
}
#pricing-table .monthly
{
    color: #000;
    background: #ffffaa;
}
#pricing-table .business
{
	color: #000;
	background: #ddedd5;	
}
#pricing-table td
{
    text-align: right;
    background: #eee;
}
#pricing-table td.center
{
    text-align: center;
}
#pricing-table .none, #pricing-table .highlight
{
    padding: 5px 0;
}
#pricing-table .highlight
{
    text-align: center;
    background: #ccc;
}
#pricing-table td img
{
    display: inline;
}
#pricing-table td strong
{
    padding: 0 60px 0 0;
}
#pricing-table .check
{
    width: 18px;
    height: 18px;
    display: block;
    margin: 0 auto;
    background: url(../../assets/images/check.png) no-repeat;
}
#pricing-table .check span
{
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}
#pricing-table .start
{
    width: 100px;
    height: 35px;
    line-height: 35px;
    display: block;
    margin: 0 auto;
    color: #e5e5e5;
    font-size: 1.2em;
    text-align: center;
    text-transform: uppercase;
    background: url(../../assets/images/start.jpg) no-repeat;
}
#pricing-table .premium .start
{
    background-position: 0 -70px;
}
#pricing-table .start:hover
{
    background-position: 0 -35px;
}
#pricing-table .premium .start:hover
{
    background-position: 0 -105px;
}
