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

/* Default style, feel free to remove if not needed. */
body, body * {
	vertical-align: baseline;
	border: 0;
	outline: 0;
	padding: 0;
	margin: 0;
}

@font-face {
    font-family: "BentonSans-Md";
    font-style: normal;
    font-weight: bold;
    src: local("Benton Sans Medium"), url("https://www.aexp-static.com/nav/ngn/fonts/BentonSansMd.eot") format("embedded-opentype"), url("https://www.aexp-static.com/nav/ngn/fonts/BentonSansMd.woff") format("woff"), url("https://www.aexp-static.com/nav/ngn/fonts/BentonSansMd.ttf") format("truetype"), url("https://www.aexp-static.com/nav/ngn/fonts/BentonSansMd.svg#web") format("svg");
}


/* Div layer for the entire banner. */
#banner {
	position: absolute;
	width: 300px;
	height: 100px;
	border:1px solid #000000;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	top: 0px;
	left: 0px;
	margin: auto;
	overflow: hidden;
	cursor: pointer;
	background-image: url('bg.jpg');
	background-repeat:no-repeat;
}


#rateNum {
	font-family: BentonSans-Md;
	font-size: 37px;
	color:#3f9c35;
	display: inline-block;
	top: 8px;
	position: absolute;
	left: 350px;

}

#copySide {
	display: inline-block;
	background: url('sprite.png') no-repeat 0 0;
	width: 27px;
	height: 38px;
	top: 14px;
	left: 450px;
	position: absolute;
}


#lines {
	position: absolute;
	width: 300px;
	height: 100px;
	top: 0px;
	left: 0px;
	margin: auto;
}

 #lineV{
 	position: absolute;
 	width: 300px;
	height: 100px;
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
 #lineA{
   	height: 0px;
	left: 176px;
	top: 53px;
	border-left: 1.5px solid #3F9C35;
	position: absolute;
	width: 2px;
}



 #lineB {
    width: 0px;
	height: 2px;
	left: 133px;
	top: 22px;
	border-bottom: 1.5px solid #3F9C35;
	position: absolute;
}

 #lineC {
    width: 0px;
	height: 2px;
	left: 133px;
	top: 35px;
	border-bottom: 1.5px solid #3F9C35;
	position: absolute;
}

#copyA {
	font-family: BentonSans-Md;
	font-size: 9px;
	line-height: 19px;
	color: #3F9C35;
	position: absolute;
	top: 9px;
	left: 133px;
	opacity: 0;
}

#copyB {
	font-family: BentonSans-Md;
	font-size: 9px;
	line-height: 19px;
	color: #3F9C35;
	position: absolute;
	top: 21px;
	left: 133px;
	opacity: 0;
}

#copyC {
	font-family: BentonSans-Md;
	font-size: 9px;
	line-height: 19px;
	color: #3F9C35;
	position: absolute;
	top: 34px;
	left: 133px;
	opacity: 0;
}

#lineV2{
 	position: absolute;
 	width: 300px;
	height: 250px;
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
 #lineA2{
   	height: 0px;
	left: 174px;
	top: 203px;
	border-left: 1.5px solid #3F9C35;
	position: absolute;
	width: 2px;
}



 #lineB2 {
	width: 0px;
	height: 2px;
	left: 12px;
	top: 29px;
	border-bottom: 1.5px solid #3F9C35;
	position: absolute;
}

 #lineC2 {
  	width: 0px;
	height: 2px;
	left: 12px;
	top: 43px;
	border-bottom: 1.5px solid #3F9C35;
	position: absolute;
}

 #lineD2 {
  	width: 0px;
	height: 2px;
	left: 136px;
	top: 29px;
	border-bottom: 1.5px solid #3F9C35;
	position: absolute;
}

 #lineE2 {
    width: 0px;
	height: 2px;
	left: 136px;
	top: 43px;
	border-bottom: 1.5px solid #3F9C35;
	position: absolute;
}

#copyA2 {
	font-family: BentonSans-Md;
	font-size: 9px;
	line-height: 19px;
	color: #3F9C35;
	top: 16px;
	left: 12px;
	position: absolute;
	opacity: 0;
}

#copyB2 {
	font-family: BentonSans-Md;
	font-size: 9px;
	line-height: 19px;
	color: #3F9C35;
	top: 30px;
	left: 12px;
	position: absolute;
	opacity: 0;
}

#copyC2 {
	font-family: BentonSans-Md;
	font-size: 9px;
	line-height: 19px;
	color: #3F9C35;
	top: 16px;
	left: 137px;
	position: absolute;
	opacity: 0;
}

#copyD2 {
	font-family: BentonSans-Md;
	font-size: 9px;
	line-height: 19px;
	color: #3F9C35;
	top: 30px;
	left: 137px;
	position: absolute;
	opacity: 0;
}

#cta
{
	background: url('sprite.png') no-repeat 0px -42px;
	width: 97px;
	height: 28px;
	position: absolute;
	top: 155px;
  	left: 214px;
  	z-index: 1;
}


#ctaOver
{
	background: url('sprite.png') no-repeat 0px -72px;
	width: 97px;
	height: 28px;
	position: absolute;
	top: 72px;
  	left: 214px;
	z-index: 2;
	opacity:0;
}