/*
 * these pages will be embedded with iframes, this means the general size has to stay
 * within communicated limits, otherwise all embedders may have to adapt their embed
 * 
 * the width of the page is 700px
 * the height of the page should not grow to more than 2000px including all margins
 */
html, body {margin:0;}

h2,
h3 {
    font-family:'Enriqueta', Georgia, serif;
}

.clearfix { clear:both; }
.hidden { display:none; }
.page-wrapper {
    width:700px;
    margin:0 auto;
    font-family:Arial,Verdana,sans-serif;
    color:#404040;
}
.plans-title {
    text-align:center;
}
.plans-title h2 {
    color:#107FC9;
    font-size:40px;
}
.plans-title h3 {
    font-size:24px;
    font-weight:normal;
}
.plans-container .plan-wrapper {
    float:left;
    width:219px;
    height:373px;
    background:url(images/bg_plan.png);
    margin:0 7px;
}
.plans-container .plan-wrapper-wide {
    float:none;
    height:auto;
    width:auto;
}
.plan {
    margin:6px;
    color:white;
    text-align:center;
}
.plan-wrapper-wide .plan {
    color:inherit;
    margin-top:18px;
}
.plan-wrapper-wide a {
    color:#107fc9;
    font-weight:bold;
}
.plan-wrapper-wide a:hover {
    color:#78c2e9;
}
.plan-wrapper-wide a:active {
    color:#107fc9;
}
.plan h2 {
    margin-top:22px;
    margin-bottom:15px;
    font-size:26px;
    color:#107FC9;
}

.plan .price-info {
    padding-top:0px;
    height:113px;
}
.plan .price-info .price {
    padding-top:10px;
    font-size:44px;
    font-weight:bold;

}
.plan .price-info .price .price-period {
    font-size:30px;
}
.plan .price-info .price-info-subline {
    font-size:14px;
}
.plan .claim {
    height:187px;
}

.plan .claim .claim-line {
    margin-top:30px;
    margin-bottom:30px;
    color:#107FC9;
    font-weight:bold;
}

.plan .claim a {
    display:block;
    width:187px;
    height:50px;
    background:url(images/bg_button.png);
    text-align:center;
    color:white;
    text-decoration:none;
    margin:0 auto;
    line-height:50px;
    font-weight:bold;
}
.plan .claim a:hover {
    background-image:url(images/bg_button_hover.png);
}
.plan .claim a:active {
    background-image:url(images/bg_button_active.png);
}
.plan .claim a.call-to-action {
    background-image:url(images/bg_button_calltoaction.png);
}
.plan .claim a.call-to-action:hover {
    background-image:url(images/bg_button_calltoaction_hover.png);
}
.plan .claim a.call-to-action:active {
    background-image:url(images/bg_button_calltoaction_active.png);
}
.details-container {
    margin:56px 17px;
}
.details-container .details table {
    width:100%;
}
.details-container .details tr {

}
.details-container .details td {
    text-align:center;
    border-bottom: 1px dotted #DDD;
    padding: 6px;
    font-size: 14px;
}
.details-container .details td.features {
    text-align:left;
    font-weight:bold;
}
.details-container .details tr.sub-feature td.features {
    font-weight:normal;
}
.fonticon-check {
    display:inline-block;
    height:16px;
    width:16px;
    background: url(images/checkmark.png) no-repeat;
}