﻿body
{
    font-size:15px;
    font-family:Tahoma, Sans-Serif;
    color:#333;
}

h1, h2, h3, h4, h5
{
    color:#7DB2CE; 
}

h1
{
    font-size:50px;
}

h2
{
    font-size:40px;
}

h3
{
    font-size:30px;
}

h4
{
    font-size:20px;
    font-weight:bold;
}

.wrapper
{
    width:960px;
    margin:0 auto;
    position:relative;
}

.input-validation-error
{
    background-color:#FFE6E6;
}

input[type='text'], input[type='password'], textarea
{
    background-image:url('../Site/background-inputs.png');
    background-repeat:repeat-x;    
    border: 1px solid #ddd;
    color: #666;
    width:200px;
    padding:9px 5px;
    font-weight:bold;
}

.selectWrapper
{
    background: #fff url('../Site/../Site/background-inputs.png') repeat-x;
    padding: 5px 3px;
    border:solid 1px #ddd;
    display:inline-block;
}

.selectWrapper select
{
    border:none;
    font-size:15px;
    font-weight:bold;
    color: #666666;
    background: #fff;
    padding: 2px;
    margin-right:5px;
    width:200px;
}

.sprite 
{
    background: transparent url('../Site/buttonSprites.png') no-repeat;
    cursor:pointer;
}

form div
{
    position:relative;
}

form label
{
    color:#CCCCCC;
    left:10px;
    position:absolute;
    top:10px;
}

.clear
{
    clear:both;
}

.hidden
{
    display:none;
}

a, a:visited
{
    color:#7DB2CE;
}

#errors
{
    background:#FFE6E6;
    border:solid 1px #FF8C8C;
    color:#FF8C8C;
    padding:10px;
    position:relative;
    margin-top:10px;
}

#errors .header
{
    font-size:18px;
    font-weight:bold;
    margin-bottom:10px;
}

#errors h3
{
    font-weight:bold;
    color:#FF8C8C;
}

/* Content */

#content 
{
    margin-top:20px;
}

/* End Content */

/* Footer */

#footer
{
    margin-top:50px;  
}

#footer .mtm
{
    width:900px;
    margin:0 auto;
    text-align:center;
}

#footer .social .connect
{
    color:#666;
}

#footer .social .find
{
    color:#7EB0CD;
    margin:2px 0 5px;
}

#footer .mtm .line
{
    height:1px;
    width:250px;
    background-color:#999;
    float:left;   
    margin-top:30px; 
}

#footer .mtm .logo
{
    width:350px;
    height:63px;
    background:transparent url('../Site/logo.png') no-repeat;
    float:left;
    margin:0 25px;
}

#footer .mtm .logo:hover
{
    background-color:White;
    opacity:0.2;
}

#footer .copyright
{
    color:#999;
    font-size:12px;
    text-align:center;
}

/* End Footer */

/* Header */

#header
{
    padding-top:10px;
}

#header .wrapper
{
    height:125px;
}

#header h1
{
    float:left;
    width:425px;
    height:100px;
    background: transparent url('../Site/pointfolioLogoSmall.png') no-repeat;
    text-indent:-99999px;
    margin-top:15px;
}

#header #login
{
    float:right;
}

#header #login .fields
{
    margin-top:10px;
}

#header #login .field
{
    float:left;
    margin-top:3px;
}

#header #login .field input[type='text'], #header #login .field input[type='password']
{
    width:150px;
    margin-right:20px;
}

#header .fields input[type='submit']
{
    border:medium none;
    float:left;
    height:39px;
    text-indent:-99999px;
    width:73px;
    font-size:0px;
    line-height:0;
    background-position:-2px -156px;
}

#header .fields input[type='submit']:hover
{
    cursor:pointer;
}

#header #login .option
{
    color:#999999;
    font-size:12px;
    margin-top:5px;
}


#header #login .option a
{
}
/* End Header */

/* Slideshow */

#slideshowContainer
{
    background-color:#f2f2f2;
    width:940px;
    margin:40px auto 40px;
    position:relative;
    border:solid 1px #ccc;
    overflow:hidden;
    padding:20px 0;
}

#slideshowContainer .shadowLeft
{
    position:absolute;
    top:0;
    left:0;
    background:transparent url('../Site/shadowLeft.png') no-repeat;
    height:320px;
    width:5px;
    z-index:4;
}

#slideshowContainer .shadowRight
{
    position:absolute;
    top:0;
    right:0;
    background:transparent url('../Site/shadowRight.png') no-repeat;
    height:320px;
    width:5px;
    z-index:3;
}

#slideshowContainer .slides
{
    text-align:center;
    width:5000px;
    height:290px;
}

#slideshowContainer .slides .slide
{
    width:940px;
    float:left;
}

#slideshowContainer .slides .slide img
{
    width:900px;
}
/* End Slideshow */

/* Tagline */

#taglineContainer
{
    background:transparent url('../Site/homeIntro2.png') repeat-x;
    height:240px;
    width:940px;
    margin:0 auto;
    position:relative;
}

#taglineContainer .intro
{
    float:right;
    margin-right:20px;
    margin-top:10px;
    width:600px;
    color:#999;
}

#taglineContainer .intro p
{
    margin-top:10px;   
}

#taglineContainer .intro p span
{
    color:#7FB1CD;
    margin-right:5px;
    font-weight:bold;
}

#taglineContainer .intro .congratulations
{
    color:#666;
}

#taglineContainer #createAccount
{
    position:absolute;
    display:block;
    bottom:30px;
    left:40px;
    width:210px;
    height:40px;
    background:transparent url('../Site/createAccount.png') no-repeat;
}

#taglineContainer #createAccount a
{
    display:block;
    width:210px;
    height:40px;
    background:transparent url('../Site/createAccountHover.png') no-repeat;
}

/* End Tagline */

/* Content */

#content #features
{
    margin-top:40px;
}

#content #features .feature
{
    text-align:center;
}

#content #features .feature h4
{
    font-size:15px;
    font-weight:bold;
    margin-top:10px;
    font-family:tahoma, Sans-Serif;
}

#content #features .feature p
{
    text-align:left;
    color:#999;
    line-height:22px;
    margin-top:20px;
    font-size:13px;
    height:225px;
}

#content #features .feature img
{
    
}

#content #features .feature a
{
    background:url("../Site/high5small.png") no-repeat scroll right top transparent;
    display:block;
    float:right;
    font-weight:bold;
    margin-top:10px;
    text-decoration:none;
    padding:2px 30px 5px 0;
}

#content #features .feature .mail
{
    background:none;
    font-weight:normal;
    margin:0;
    text-decoration:underline;
    padding:0;
    float:none;
    display:inline;
    color:#7DB2CE;
}

#content #features .feature a:hover
{
    text-decoration:underline;
}

#captureRewards h4, #captureRewards a, #personalRewards h4, #personalRewards a
{
    color:#5880C1;
}

#how h4, #how a
{
    color:#925CA7;
}

#signUp h4, #signUp a
{
    color:#72C05F;
}

/* End Content */

/* Registration */

.registration
{
    border-top:1px dashed #CCCCCC;
    margin:40px 0;
    padding-top:20px;
}

.registration .customerRegistration
{
    background-color:#F2F2F2;
    color:#999999;
    font-size:20px;
    margin-bottom:10px;
    padding:10px 30px;
    text-align:center;
    text-shadow:0 1px #FFFFFF;
}

.registration .customerRegistration p
{
    float:left;
    margin:7px 20px 0 0;
}

.registration .customerRegistration #createAccount
{
    display:block;
    width:210px;
    height:40px;
    background:transparent url('../Site/createAccount.png') no-repeat;
    float:left;
}

.registration .customerRegistration #createAccount a
{
    display:block;
    width:210px;
    height:40px;
    background:transparent url('../Site/createAccountHover.png') no-repeat;
}

.registration .title
{
}

.registration .title h2
{
    font-size:50px;
    color:#7DB2CE;
}

.registration .title p
{
    font-size:20px;
    color:#aaa;
}

.registration .step
{
    margin:20px 100px 20px 20px;
    float:left;
    width:320px;
}

.registration .step h3
{
    font-size:30px;
    color:#7DB2CE;
}

.registration .fields
{
    margin-left:20px;
}

.registration .fields div
{
    margin-top:20px;
}

.registration .fields .subfield
{
}

.registration .fields .subfield h4
{
    font-size:20px;
    color:#999;
    font-weight:bold;
}

.registration .fields .subfield h4 span
{
    font-size:15px;
    color:#ccc;
    font-weight:normal;
}

.registration .fields .subfield p
{
    margin-top:5px;
}

.registration .fields .subfield div
{
    margin-top:10px;
}

.registration h5
{
    color:#7DB2CE;
    font-size:20px;
    margin-top:20px;
}

.registration p,
.registration span
{
    color:#999;
    line-height:1.3;
}

.registration .step .fields .billingStatus
{
    margin-top:10px;
}

.registration .step .fields .billingCheck
{
    margin-top:10px;
}

.registration input.continue
{
    display:block;
    width:158px;
    height:43px;
    border:none;
    text-indent:-99999px;
    cursor:pointer;
    margin-top:20px;    
    margin-left:20px;
    font-size:0px;
    line-height:0;
    background-position:-2px -195px;
}

.registration input.finish
{
    display:block;
    width:210px;
    height:43px;
    border:none;
    text-indent:-99999px;
    cursor:pointer;
    margin-top:20px; 
    font-size:0px;
    line-height:0;
    background-position:-1px -562px;
}

#terms
{
    color:#999;
    list-style-type:decimal;
    margin:20px 0 20px 40px;
}

#terms li
{
    line-height:1.3;
    padding-top:10px;
}

#terms li p
{
    margin-bottom:10px;
}

.registration .terms
{
    padding-top:10px;
    border-top:solid 1px #ccc;
}

.registration .terms a
{
    margin-left:10px;
}

.registration .month
{
    float:left;
    margin-right:27px;
}

.registration .month select
{
    width:80px;
}

.registration .year
{
    float:left;
}

.registration .year select
{
    width:80px;
}

#creditCardTypes
{
    background:none repeat scroll 0 0 #F2F2F2;
    padding:10px;
    text-align:center;
}

#creditCardTypes .cardType
{
}

#creditCardTypes .cardType h4
{
    color:#7DB2CE;
    font-size:15px;
}

#creditCardTypes .cardType .info
{
    color:#999;
    margin-bottom:20px;
}

#creditCardTypes .cardType img
{
}

#creditCardTypes label
{
    left:50px;
}

#creditCardTypes .securityCode
{
    margin-bottom:20px;
}

/* End Registration */

/* Billing Decision */

#billingDecision
{
    width:310px;
    background-color:#F9F9F9;
    padding:10px;
    margin-bottom:20px;
}

#billingDecision h5
{
    margin-top:0;
}

#billingDecision p
{
    margin-top:10px;
}

#billingDecision h6
{
    color:#7DB2CE;
    margin-bottom:10px;
}

#billingDecision .decision
{
    width:150px;
    float:left;
    text-align:center;
    margin-top:10px;
}

#billingDecision .decision h6
{
    font-weight:bold;
    color:#aaa;
}

#billingDecision .decision p
{
    text-align:left;
    color:#999;
    height:100px;
}

#billingDecision .decision a
{
    background-color:#7DB2CE;
    color:#F2F2F2;
    display:inline-block;    
    padding:8px;
    text-decoration:none;
}

#billingDecision .decision a:hover
{
    background-color:#9774ba;
}
/* End Billing Decision */

/* Login */

.login 
{
    margin:20px auto;
    text-align:center;
    color:#999;
}

.login h2
{
    font-size:50px;
    color:#7DB2CE;
}

.login .container
{
    padding:10px 20px 20px;
    background-color:#f2f2f2;
    display:inline-block;
    -moz-border-radius:10px;
    zoom: 1;
    *display: inline;
    border:2px dashed #CCCCCC;
}

.login div
{
    margin-top:20px;
}

.login span
{
    display:block;
    margin-top:10px;
}

.login input[type='submit']
{
    border:none;
    width:73px;
    height:39px;
    cursor:pointer;
    text-indent:-99999px;
    font-size:0px;
    line-height:0;
    display:block;
    margin:20px auto 0;
    background-position:-1px -155px;
}

/* End Login */

/* Forgot Password */

#forgotPassword p
{
    color:#999;
    margin-bottom:10px;   
}

#forgotPassword p span
{
    color:#999;
}

#forgotPassword .instructions
{
    font-size:20px;
    color:#999;
}

#forgotPassword input.continue
{
    height:43px;
    width:158px;
    border:none;
    margin-top:20px;
    text-indent:-99999px;
    cursor:pointer;
    font-size:0px;
    line-height:0;
    margin-left:0;
    background-position:-2px -195px;
}

#forgotPassword input.confirm
{
    height:43px;
    width:228px;
    border:none;
    margin-top:20px;
    text-indent:-99999px;
    cursor:pointer;
    font-size:0px;
    line-height:0;
    background-position:-1px -518px;
}

#forgotPassword .registration .subfield
{
    background-color:#f2f2f2;
    padding:10px;
}

/* End Forgot Password */

/* Learn More */

.learnMore
{
    color:#999;
}

.learnMore h2
{
}

.learnMore h3
{
    border-bottom:1px dashed;
    margin-bottom:20px;
    margin-top:40px;
}

.learnMore p
{
    line-height:22px;
    margin-bottom:10px;
}

.learnMore table
{
    background-color:#EEEEEE;
    color:#666666;
    margin:10px 0 20px 20px;
}

.learnMore td
{
    border-bottom:1px solid #DDDDDD;
    padding:2px 2px 2px 5px;
    text-align:center;
}

.learnMore th
{
    font-weight:bold;
    padding:10px;
}

.learnMore ul
{
}

.learnMore li
{
    list-style-type:disc;
    margin:5px 0;
}

.learnMore li ul
{
    margin:10px 20px;
}

.learnMore li ul li
{
    list-style-type:circle;
}
/* End Learn More */

/* Modal */

#simplemodal-overlay {background-color:#000;}

#simplemodal-container {background-color:#ccc; border:8px solid #444; padding:12px;}

.modal, .errorModal
{
    text-align:center;
}

.errorModal h2
{
    color:#FF2F2F;
    text-shadow:1px 1px #999999;    
}

.modal h2
{
    color:#8959B6;
    text-shadow:1px 1px #999999;
}

.modal h4, .errorModal
{
    color:#666666;
}

.modal a
{
    padding:0 15px;
}

.modal span, .errorModal span
{
    color:#666;
}

/* Modal */

