@charset "UTF-8";
/* CSS Document */


/*footer bottom*/

* {
margin: 0;
}

html, body {
 height: 100%;
}

/*.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}*/


.footer, .push {
height: 54px;
}

span#lstate {
padding-top: 2px;
}


body {
margin: 0px;
text-align:center;
font-family: Helvetica, sans-serif;
}

.wrapper {
width: 860px;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
}

#signupreason {
margin-top:15px;
height:105px;
width:100%;
}

.signupwrap {
margin-top: 15px;
padding-left: 12px;
padding-top: 13px;
}

#picture {
width: 95px;
height: 95px;
float:left;
margin-right:15px;
}

#signupcontent {
float: left;
color:#555;
text-align:left;
}

h4 {
font-family: Helvetica, sans-serif;
color: #555;
font-size:16px;
font-weight:lighter;
margin-top:35px;

}

a {
font-family: Helvetica, sans-serif;
}

a:link {
text-decoration: none;
color: #c72026;
}

a:visited {
text-decoration: none;
color: #c72026;
}

a:hover {
text-decoration: none;
color: #333;
}

#association {
font-size: 14px;
font-family: Helvetica, sans-serif;
float:right;
padding: 18px 5px 0 0;
font-weight:ligher;
}
#signup {
width: 97px;
height: 25px;
display: block;
float: right;
margin-left:1px;
margin-top:5px;
}

#signup a {
background: url(images/gif/signup.gif) no-repeat top;
width: 97px;
height: 25px;
}
#signup a:visited {
background: url(images/gif/signup.gif) no-repeat top;
width: 97px;
height: 25px;
}
#signup a:hover {
background: url(images/gif/signup.gif) no-repeat bottom;
width: 97px;
height: 25px;
}

.headerwrap {
width: 100%;
height:85px;
}

#contactimage {
padding-right: 3px;
padding-top: 5px;
}

#logo {
height: 80px;
text-align: left;
width: 500px;
float:left;
}
#topcontact {
float: right;
width: 350px;
font-size:12px;
font-family: Helvetica, sans-serif;
text-align:right;
padding-top: 15px;
}

#contact {
float: right;
width: 300px;
font-size:14px;
font-family: Helvetica, sans-serif;
text-align:right;
padding-top:10px;
color: #666;
}



#contact a:link {
color: #666;
text-decoration:none;
}

#contact a:visited {
color: #666;
text-decoration:none;
}

#contact a:hover {
color: #666;
text-decoration:underline;
}

#titlebar {
width: 860px;
height: 41px;
background: url(images/gif/titlebar.gif) no-repeat;
margin: 15px 0px 5px 0px;
padding-top: 13px;
color: #666;
}

#movie {

}


#thankyou {
width: 600px;
height:460px;
margin-botton: 40px;
display:block;
margin-bottom: 30px;
background: url(images/thankyou/thanksbg.png) no-repeat;
}

#thankyouComp {
width: 860px;
height:460px;
margin-botton: 40px;
display:block;
margin-bottom: 30px;
background: url(images/thankyou/thanksbgComp.png) no-repeat;
}



#content {
margin-bottom: 40px;
}

#learnmore {
margin-top: 15px;
text-align:center;
}

#learnmore a:link {
width: 185px;
height: 34px;
display: block;
background: url(images/gif/learnmore.gif) no-repeat top center;

}

#learnmore a:hover {
width: 185px;
height: 34px;
display: block;
background: url(images/gif/learnmore.gif) no-repeat bottom center;
}

#bodywrap {
width: 980px;
}


#becomecompliant {
float: left;
width: 237px;
padding-left:13px;

}


#introtext {
text-align:left;
color: #666;
line-height: 16px;
padding-left: 616px;
padding-top: 170px;

}

#bottomtext {
float: left;
text-align:center;
width: 100%;
padding: 0px 0px 0px 0px;
color: #666;
line-height: 16px;
font-size:18px;
}

h1 {
margin: 0px;
padding: 0px;
font-size: 18px;
font-weight: lighter;
padding-bottom: 5px;
font-family: Helvetica, sans-serif
}

p {
margin: 0px;
padding: 0px;
font-size: 13px;
font-weight: lighter;
}

#contactArea {
font-size: 12px;
font-weight: lighter;
line-height: 16px;
margin: 0px;
padding: 0px 10px;
text-align: left;

}

#compliant {
margin-top: 25px;
}

#bold span {
font-weight: bolder;
}

#footer {
background: #f3f3f3 url(images/footerbg.png) repeat-x top;
width: 100%;
height:54px;
display: block;
float:left;
}

#footerwrapper {
width: 100%;
margin-left: auto;
margin-right: auto;
font-size: 10px;
color: #666;
background:#f3f3f3 bottom;
height: 100%;
margin-top:4px;

}

#pilaster {
float: right;
width: 180px;
margin-top: 15px;
}

#rights {
float: left;
margin-top: 23px;
margin-left: 20px;
}

#pilasterfooter {
float: left;
padding-top: 8px;
}

#pilasterfooter a:link {
color: black;
text-decoration:none;
}

#pilasterfooter a:visited {
color: black;
text-decoration:none;
}

#pilasterfooter a:hover {
color: black;
text-decoration:underline;
}

#pilasterimage {
float: left;
padding: 0px 5px 0px 5px;


}

#compliantimage {
float: left;
}

span {
color: #e10007;
}



#product {
background: url(images/gif/product.gif) no-repeat;
height: 175px;
width: 860px;
padding-top: 8px;

}

#compliantcontent {
text-align: left;
float: left;
padding: 10px 0 0 10px;
width: 70%;
line-height:17px;
height:120px;
font-size: 12px;
}

#terms {
font-size:11px;
font-family: Helvetica, sans-serif;
}

#compliantimage {
padding-left: 5px;
}

#information {
width: 860px;
height: 620px;
background: url(images/gif/cartbg.gif) no-repeat;
margin-top: 5px;
padding: 15px 0px 0px 15px;
line-height:20px;
}


.span #selected {
color:#c11a20;
}

h2 {
font-size: 24px;
font-weight:lighter;
float: right;
padding-right:10px;

}

h6 {
font-size: 50px;
color: #c11a20;
font-weight:lighter;
letter-spacing: -1px;
font-family:font-family: Helvetica Neue, sans-serif;
margin:0px;
padding:0px;
}

#customer {
width: 300px;
height: 250px;
float: left;
}

#billing {
width: 525px;
float: left;
}

h3 {
font-size: 20px;
font-weight:lighter;
color: #e10007;
text-align:left;
margin: 0px;
padding: 0px;
}



.input {
	font-size: 1.4em;
	color: #444444;
	background: #EEEEEE url('images/gif/input.gif') no-repeat;
	width: 210px;
	height: 22px;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 4px 0px 4px 4px;
}

.cv2 {
	font-size: 1.4em;
	color: #444444;
	background: url('images/gif/cvv2.gif') no-repeat;
	width: 77px;
	height: 21px;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 4px 0px 4px 4px;
}


#form {
float: left;
text-align:left;
font-size:12px;
margin-top: 10px;
line-height: 15px;
}

#pay {
font-size: 18px;
font-weight:bold;
color: #c72026;
}

#saved {
font-style:italic;
color: green;
font-size:12px;
}

h5 {
font-family: Helvetica, sans-serif;
color: #555;
font-size:16px;
font-weight:lighter;
}

#formd {
float: left;
text-align:left;
font-size:12px;
margin-top: 10px;
line-height:25px;
}

#formc {
float: left;
text-align:left;
font-size:12px;
margin-top: 10px;
}

#forml {
float: left;
text-align:left;
font-size:12px;
margin-top: 10px;
width: 245px;
}

#formr {
float: left;
text-align:left;
font-size:12px;
margin-top: 10px;
margin-left: 20px;
}

#billingbg {
height: 520px;
width: 520px;
background: url(images/gif/billingbg.gif) no-repeat;
margin-top: 22px;
padding-left: 20px;

}

#button {

}

#reviewinfo {
padding-left: 60px;
padding-top:10px;
}

#review {
width: 860px;
height: 270px;
background: url(images/gif/reviewbg.gif) no-repeat;
padding: 15px 0px 0px 15px;
}

#breadcrumbs {
text-align: left;
color:#888;
margin-top: 10px;
padding-left: 10px;
}

#breadcrumbs a:link {
color:#888;
text-decoration:none;
}
#breadcrumbs a:visited {
color:#888;
text-decoration:none;
}

#breadcrumbs a:active {
color:#e90000;
}

#buttonFb {
position:absolute;
left:0;
top:156px;

}

#billingreview {
text-align: left;
margin-top: 10px;
height: 150px;
width: 525px;
background:url(images/gif/billingreviewbg.gif) no-repeat;
padding: 15px 0px 0px 15px;
}

#customerreview {
text-align: left;
margin-top: 10px;
padding: 15px 0px 0px 15px;
}

#ccinfo {
float: right;
margin-right:55px;
}

#additionalbuttons {
float: right;
padding-right: 50px;
}

#thankyouwrapper {
padding-top: 95px;
}

#signupwrapper {
padding-top: 70px;
}

#nextchapter {
float: right;
width: 350px;
text-align:right;
}

#lastchapter {
float: left;
width: 350px;
text-align:left;
}

#chapters {
float: right;
margin-bottom: 10px;

}