body,h1,h2,h3,h4,h5,h6,p { font-family: arial, Helvetica, sans-serif; }
	
body {
		margin-top: 15px;
		margin-bottom:0;
		background: transparent url(https://www.aaii.com/images/membership_bg.png) repeat-x;
}

p { font-size: 16px; line-height: 20px; }

.container {
    width: 1000px;
    margin: 0 auto;
}

#homelink {
	background: transparent url(https://www.aaii.com/images/lp/aaiilogoblue.png) no-repeat;	
	height: 70px;
	width: 282px;
	display: block;
	text-indent: -99999em;
	margin: 0 0 20px 0 !important; padding: 0 !important;
}
	
.content {
	width: 1000px;	
	margin: auto;
}

h1 { color: #f04e23; font-size: 36px; }

.card-container {
	  -webkit-perspective: 1200px;
   -moz-perspective: 1200px;
     -o-perspective: 1200px;
        perspective: 1200px;
		float:left;
		
}

.front {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #FFF;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.33);
}

.card{
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 8px;
    color: #444444;
}
.card-container, .front {
	width: 100%;
	height: 236px;
	width: 320px;
	border-radius: 8px;
}
.card-container2 {
	width: 100%;
	height: 220px;
	width: 320px;
	border-radius: 8px;
}


.card .cover{
    height: 55px;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
	background-color:#215073;
	width: 320px;
}

.card .cardcontent{
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    padding: 0 20px 20px;
}

.card .name {
    font-size: 22px;
	color: white;
    line-height: 22px;
    margin: 10px 0 0;
    text-transform: capitalize;
	text-shadow: black 1px 1px;
}
.card .description{
	margin-top: 20px;
    color: #555;
    text-align: left;
    margin-bottom: 20px;
	font-size: 14px;
}

.front2 {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #FFF;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.33);
}

.card2{
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 8px;
    color: #444444;
}
.card-container, .front2 {
	width: 100%;
	height: 256px;
	width: 320px;
	border-radius: 8px;
}
.card2 .cover{
    height: 75px;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
	background-color:#215073;
	width: 320px;
}

.card2 .cardcontent{
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    padding: 0 20px 20px;
}

.card2 .name {
    font-size: 22px;
	color: white;
    line-height: 22px;
    margin: 10px 0 0;
    text-transform: capitalize;
	text-shadow: black 1px 1px;
}
.card2 .description{
	margin-top: 20px;
    color: #555;
    text-align: left;
    margin-bottom: 20px;
	font-size: 14px;
}

.c_bulletlnk {
        position: absolute;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
        padding: 6px 10px;
}

.main { width: 280px; }

.desc { font-size: 18px; margin-top: 15px; }
.desc2 { font-size: 16px; margin-top: 10px; color: #1b5b8d; font-weight: bold; letter-spacing: 1px; }

.startnow {
	-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	color:#fff;
	background-color:#f04e23;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border:none;
	font-family:'Helvetica Neue',Arial,sans-serif;
	font-size:18px;
	height:42px;
	padding:10px;
	letter-spacing: 0.5px;
	text-shadow:#F63 0 1px 1px;
	text-decoration: none;
}

.startnow:hover {
	color: #FEF2C5;
}

.orange { color: #f04e23; }

.majorbenefits {
	padding: 10px;	
	border: 1px solid #EFEFEF;
	border-radius: 8px;
	margin-left: 10px;
	background-color: white;
	height: 660px;
	margin-bottom: 20px;
	margin-top: -10px;
}

.majorbenefits2 {
	padding: 10px;	
	border: 1px solid #EFEFEF;
	border-radius: 8px;
	margin-left: 10px;
	background-color: white;
	height: 430px;
	margin-bottom: 20px;
	margin-top: -30px;
}

.majorbenefits3 {
	padding: 10px;	
	border: 1px solid #EFEFEF;
	border-radius: 8px;
	margin-left: 10px;
	background-color: white;
	height: 470px;
	margin-bottom: 20px;
	margin-top: -10px;
}

.freegift {
	padding: 10px;	
	margin-left: 10px;
	height: 300px;
	margin-bottom: 20px;
	margin-top: -10px;
}


.greyborderbox{
    background-color: #FFFFFF;
	border: 1px solid #D1D1D1;
    border-radius: 8px;
    color: #666;
	padding: 8px 8px 0 8px;
	width: 290px;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.44);
}

h4 { font-size: 20px; font-weight: normal; }

h5 { font-size: 16px; font-weight: bold; color: #456589; margin-bottom: -10px; }

.bonus { color: #f04e23; font-weight: bold; margin-bottom: -22px; }


.strikethrough {
  position: relative;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 15%;
  top: 50%;
  right: 0;
  border-top: 2px solid;
  border-color: #903;
  width: 30px;
  -webkit-transform:rotate(-25deg);
  -moz-transform:rotate(-25deg);
  -ms-transform:rotate(-25deg);
  -o-transform:rotate(-25deg);
  transform:rotate(-25deg);
}

.strikethrough2 {
  position: relative;
}
.strikethrough2:before {
  position: absolute;
  content: "";
  left: 10%;
  top: 40%;
  right: 0;
  border-top: 2px solid;
  border-color: #903;
  width: 40px;
  -webkit-transform:rotate(-25deg);
  -moz-transform:rotate(-25deg);
  -ms-transform:rotate(-25deg);
  -o-transform:rotate(-25deg);
  transform:rotate(-25deg);
}