/* HTML5 tags */
header, section, footer, aside, nav, article, figure {
	display: block;
}

#txtLearnMore {
	text-align: left;
}

#txtQuestion {
	font-family: Arial;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	font-size: 13pt;
	width: 500px;
	text-align: center;
	color: white;
	position: fixed;
	top: 0;
	left: 30%;
	right: 30%;
	z-index: 999;
	border: none;
	box-shadow: 2px 2px 2px #636363;
}

/* GLOBAL */
html {
	min-height: 101%;
	margin-bottom: 1px;
}
body {
	margin: 0;
	padding: 10px 0 0 0;
	color: #464646;
	font-size: 14px;
	font-family: Arial;
	text-align: auto;
	background-color: #ffffff;
}
p, ul, ol, li, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
h1 {
	margin: 0;
	padding: .25em 0 .25em 0;
	color: #80c129;
	font-size: 20px;
	font-family Arial, Helvetica, sans-serif;
	text-transform: none;
	line-height: 1.5em;
}
h2 {
	margin: 0;
	padding: 0 0 .6em 0;
	color: #464646;
	font-size: 18px;
	font-family: Arial;
	font-weight: normal;
	line-height: 1.5em;
}
h2.spotlight {
	margin: 0;
	padding: 0 0 .5em 0;
	color: #80c129;
	font-size: 18px;
	font-family: Arial;
	font-weight: normal;
	line-height: 1.5em;
}
h3 {
	margin: 0;
	padding: 0;
	color: #464646;
	font-size: 16px;
	font-family: Arial;
	font-weight: bold;
	line-height: 1.5em;
}
h4 {
	margin: 0;
	padding: 0;
	color: #464646;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
	line-height: 1.5em;
}
p {
	margin: 0;
	padding: 0 0 1em 0;
	line-height: 1.5em;
}
ul, ol {
	margin: 0;
	padding: 0 0 1.5em 0;
	border-radius: 10px;
}
li {
	margin: 0 0 0 35px;
	padding: 0;
	line-height: 1.5em;
}
a {
	color: #3a82a2;
	text-decoration: underline;
	outline: 0;
	cursor: pointer;
}
a:hover {
	text-decoration: underline;
}
img {
	vertical-align: middle;
	border: none;
	margin-bottom: 5px;
}
form {
	margin: 0;
	padding: 0;
}

.printalt {
	display: none;
}

.ui-button {
	position: relative !important;
	margin-left: 1rem !important;
}

/* ************************************************** SECTION SPECIFIC COLORS ****************************** */
/*
home - #80c129 (green) - this is the default color for highlights when no overriding class is applied to the BODY
*/

.home #content {
	border-top: none;
}


/*
planspricing - #0093d0 (blue)
*/
.planspricing #content,
.planspricing #content aside {
	border-color: #0093d0;
}
.planspricing h1,
.planspricing h2,
.planspricing #content .col2 .navsecondary .current a,
.planspricing #content .col2 .navsecondary a:hover {
	color: #0093d0;
}


/*
causes - #79288c (purple)
*/
.causes #content,
.causes #content aside {
	border-color: #79288c;
}
.causes h1,
.causes h2,
.causes #content .col2 .navsecondary .current a,
.causes #content .col2 .navsecondary a:hover {
	color: #79288c;
}


/*
faq - #464C8B (dark blue)
*/

.faq a:link {
	color: #1e2e7a
}
.faq #content,
.faq #content aside {
	border-color: #1e2e7a;
}
.faq h1,
.faq #content .col2 .navsecondary .current a,
.faq #content .col2 .navsecondary a:hover {
	color: #1e2e7a;
}
.faq h2 {
	color: #1e2e7a;
}


/*
company - #7c7c7c (grey)
*/
.company #content,
.company #content aside {
	border-color: #7c7c7c;
}
.company h1,
.company h2 {
	color: #7c7c7c;
}

.company #content .col2 .navsecondary .current a,
.company #content .col2 .navsecondary a:hover {
	color: #7c7c7c;
	font-size: 14px;
}

.rate-finder {background: #0093d0;margin-bottom: -5px;}



/* ************************************************** div#page ****************************** */
div#page {
	width: 960px;
	margin: 0 auto;
	padding: 0;


}



/* ************************************************** div#header ****************************** */
#header {
	position: relative;
	width: 960px;
	height: 105px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: left;
	background-color: white;
}
#header span.logo,
#header a.linkreturn,
#header img.printalt {
	position: absolute;
	left: 50px;
	top: 20px;
	display: block;
	width: 190px;
	height: 120px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	line-height: 120px;
}
#header .social {
	margin: 4px 20px 0 0;
	padding: 0;
	float:right;
}
#header .login {
	position: absolute;
	right: 40%;
	top: -10px;
	height: 32px;
	padding: 0 10px 2px 10px;
	background-image: url(/~/media/Images/bkg_loginform.png);
	background-repeat: repeat-x;
	background-position: center top;
	float:right;
}
#header .login span {
	float: left;
	margin: 0 10px 0 0;
	color: #79288c;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 32px;
}
#header .login .formfield {
	float: left;
	height: 1.2em;
	width: 100px;
	margin: 4px 6px 0 0;
	padding: 3px 4px;
	color: #898989;
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
	font-style: italic;
	text-transform: none;
	line-height: 1.2em !important;
	border: solid 1px #e0e0e0;
}
#header .login .btnsubmit
 {
	float: left;
	margin: 4px 0 0 0;
	padding: 0;
	width: 39px;
	height: 22px;
	color: transparent;
	font-size: 0;
	border: 0 none;
	background-color: transparent;
	background-image: url(/~/media/Images/btn_login_go.png);
	background-position: 0 0;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .17);
	-moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .17);
	box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .17);
}
#header .login .btnsubmit:hover
{
	background-position: 0 -22px;
	cursor: pointer;
}
#header .contact {
	position: absolute;
	right: 20px;
	top: 32px;
	color: #a1a1a1;
	font-size: 12px;
	text-align: right;
	line-height: 1em;
}
#header .contact a {
	color: #a1a1a1;
}
#header .contact .info{
    float:right;
    margin:0 0 3px 8px;
    clear:both;
}

#header ul.navprimary {
	position: absolute;
	right: 20px;
	top: 35px;
	float: right;
	height: 48px;
	margin: 0;
	padding: 0 0 0 120px;
	list-style-type: none;
	background-image: url(/~/media/Images/nav_primary-3b.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#header .navprimary li {
	float: left;
	height: 48px;
	margin: 0;
	padding: 0;
}
#header .navprimary a {
	display: block;
	height: 35px;
	padding: 8px 0 5px 0;
	line-height: 35px;
	color: #fff;
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-indent: -9999px;
	background-image: url(/~/media/Images/nav_primary-3b.png);
	background-repeat: no-repeat;
}

#header ul.navprimary {
	position: absolute;
	right: 20px;
	top: 35px;
	float: right;
	height: 48px;
	margin: 0;
	padding: 0 0 0 0;
	list-style-type: none;
	background-image: url(/~/media/Images/nav_primary-3b.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#header .navprimary li {
	float: left;
	height: 48px;
	margin: 0;
	padding: 0;
}
#header .navprimary a {
	display: block;
	height: 35px;
	padding: 8px 0 5px 0;
	line-height: 35px;
	color: #fff;
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-indent: -9999px;
	background-image: url(/~/media/Images/nav_primary-3b.png);
	background-repeat: no-repeat;
}

#header .navprimary .home a {
	width: 60px;
	background-position: -120px -48px;
}
#header .navprimary .home a:hover,
#header .navprimary .home.current a {
	background-position: -120px -96px;
}

#header .navprimary .planspricing a {
	width: 180px;
	background-position: -80px -48px;
}
#header .navprimary .planspricing a:hover,
#header .navprimary .planspricing.current a {
	background-position: -80px -96px;
}

#header .navprimary .causes a {
	width: 82px;
	background-position: -396px -48px;
}
#header .navprimary .causes a:hover,
#header .navprimary .causes.current a {
	background-position: -396px -96px;
}

#header .navprimary .referafriend a {
	width: 136px;
	background-position: -260px -48px;
}
#header .navprimary .referafriend a:hover,
#header .navprimary .referafriend.current a {
	background-position: -260px -96px;
}
#header .navprimary .myaccount a {
	width: 120px;
	background-position: -626px -48px;
}
#header .navprimary .myaccount a:hover,
#header .navprimary .myaccount.current a {
	background-position: -626px -96px;
}

#header .loggedin {
	position: absolute;
	right: 370px;
	top: -5px;
	height: 32px;
	padding: 0 10px 2px 10px;
	line-height: 32px;
	background-image: url(/~/media/Images/bkg_loginform.png);
	background-repeat: repeat-x;
	background-position: center top;
}

#header .loggedin a {
	color: #636363;
}


#header .eyebrow {
	float: right;
	height: 32px;
	padding: 5px 20px 5px 0;
	color: #909090;
	background-image: none;
}
#header .eyebrow a {
	color: #A1A1A1;
}
#header .eyebrow a.btnlogin {
	float: right;
	width: 69px;
	height: 22px;
	margin: 5px 0;
	line-height: 22px;
	text-indent: -9999px;
	background-image: url(/~/media/Images/btn_login.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .17);
	-moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .17);
	box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .17);

}
#header .eyebrow a.btnlogin:hover {
	background-position: 0 -22px;
}
#header .eyebrow .info {
	float: right;
	padding-top: 0px;
	padding-right: 2px;
	padding-left: 0px;
	padding-bottom: 0px;

	line-height: 22px;
}
#header .eyebrow .social {
	float: right;
	margin: 0;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 0px;
}
#header .eyebrow .social a.sharebtn {
	margin-right: 8px;
}

#pnlLogoff + .eyebrow {
	padding-top: 20px;
}

/* ************************************************** div#main ****************************** */
div#main {
	float: left;
	width: 960px;
	margin: 0 0 20px 0;
	padding: 0;
	background-color: #fff;

}



/* ************************************************** div#content ****************************** */
div#content {
	position: relative;
	overflow: hidden;
	width: 960px;
	margin: 0px;
	text-align: left;
}

#paddedtable {	
    position: relative;
	overflow: hidden;
	width: 650px;
	margin: 15px 0px 0px 15px;
	text-align: left;

}

#paddedtable2 {
    position: relative;
    overflow: hidden;
    width: 930px;
    margin: 15px 0px 0px 15px;
    text-align: left;
}

/*
col1 - right side
*/
div#content .col1 {
	float: right;
	display: inline;
	width: 670px;
	margin: 0 25px 0 0;
}

.login div#content .col1 {
    float: none;
    display: block;
    width: auto;
    margin: 10px 10px 10px 10px;
}

/*
col2 - left side
*/
div#content .col2 {
	float: left;
	display: inline;
	width: 175px;
	margin: 0 0 0 25px;
	padding: 30px 0 0 0;
}

.login div#content .col2 {
    float: none;
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
}

#content .col2 ul.navsecondary {
	margin: 0;
	padding: 0 0 25px 0;
	list-style-type: none;
}
#content .col2 .navsecondary li {
	margin: 0;
	padding: 0;
}
#content .col2 .navsecondary a {
	display: block;
	padding: 7px 0 0 15px;
	color: #959595;
	font-size: 12px;
	font-family: Arial;
	text-decoration: none;
	line-height: 16px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0 -86px;
}
#content .col2 .navsecondary .current a,
#content .col2 .navsecondary a:hover {
	color: #8DC63F;
	background-position: 0 14px;
}
/*
subcols
*/
#content .subcol1 {
	float: left;
}
#content .subcol2 {
	float: right;
}
#content .colw464 {
	width: 464px;
}
#content .colw460 {
	width: 460px;
}
#content .colw184 {
	width: 184px;
}
/*
blocks
*/
#content .block {
	float: right;
	margin: 0 0 20px 20px;
	padding: 15px;
	border: solid 2px #8DC63F;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#content .block.centered {
	text-align: center;
}
#content .block.w180 { /* 184px wide with borders */
	width: 150px;

}
#content .block.w180new { /* 184px wide with borders */
	width: 158px;

}
#content .block.w180 h2{ /* 184px wide with borders */
	color: #464646;

}
#content .checkbullets {
	padding: 0;
	color: #823694;
	font-size: 12px;
	font-weight: bold;
	list-style-image: url(/~/media/Images/bullet_check.png);
}

#content .block.w180a { /* 184px wide with borders image*/
	width: 150px;
	float: right;
	margin: 5px 0 20px 20px;
	padding: 15px;
	border: none;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
}
#content .block.w215 { /* 219px wide with borders */
	width: 185px;
	font-size: 12px;
	text-align: left;
}
#content .block.w215 img.pres  { 				/*Johns Picture*/
	position: relative;
	float: right;
	margin: 5px 5px 5px 10px;
	border: solid 3px #fff;
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .24);

}

#content .block.w460 { /* 464px wide with borders */
	width: 430px;
}
#content .block h2 {
	font-size: 16px;
}
#content .block h2.spotlight {
	font-size: 26px;
}
#content .subcol2 .block {
	margin: 0 0 20px 0;
}
#content .subcol1 .block {
	margin: 0 0 20px 0;
}

div#content .tooltip
{
    display:none;
    position: absolute;
    border:1px solid #80c129;
    background-color: #ffed8a;
    color: Red;
    padding: 2px 6px;
}

.btn.silver,
#content .btn.silver {
	display: block;
	margin: 0 auto;
	padding: 0 3px 3px 0;
	width: 129px;
	height: 38px;
	color: #fff;
	font-family: Arial;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 38px;
	border: 0 none;
	background-color: transparent;
	background-image: url(/~/media/Images/btn_silver.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.btn.purple,
#content .btn.purple {
	display: block;
	margin: 0 auto;
	padding: 0 3px 3px 0;
	width: 129px;
	height: 38px;
	color: #fff;
	font-family: Arial;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 38px;
	border: 0 none;
	background-color: transparent;
	background-image: url(/~/media/Images/btn_purple.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.btn:hover,
#content .btn:hover {
	background-position: 0 -41px;
	cursor: pointer;
	text-decoration:none;
}
/* ************************************************** div#footer ****************************** */
div#footer {
	float: left;
	position: relative;
	clear: both;
	width: 960px;
	margin: 0;
	padding: 10px 0;
	color: #c2c2c2;
	font-family: Arial;
	background-color: #ebe9e9;
}
#footer a {
	color: #0093d0;
}
#footer p.tagline {
	position: absolute;
	top: -46px;
	left: 20px;
	width: 387px;
	height: 58px;
	margin: 0;
	padding: 0;
	line-height: 58px;
	text-indent: -9999px;
	/* background-image: url(/~/media/Images/footer_tagline.png); */
	background-repeat: no-repeat;
}
#footer ul.navfooter {
	float: right;
	display: inline;
	margin: 0 20px 0 0;
	padding: 0;
	list-style-type: none;
}
#footer .navfooter li {
	float: left;
	margin: 0;
	padding: 0 10px;
	line-height: 1em;
	border-left: solid 1px #c2c2c2;
}
#footer .navfooter li.first {
	border-left: none;
}



/* ************************************************** div#postfooter ****************************** */
div#postfooter {
	overflow: hidden;
	float: left;
	position: relative;
	clear: both;
	width: 920px;
	margin: 0;
	padding: 20px 20px;
	color: #c2c2c2;
	background-color: #fff;
}
#postfooter a {
	color: #c2c2c2;
	font-size: 11px;
	text-decoration: none;
}
#postfooter p.social {
	float: left;
}
#postfooter p.social item {
    float:left;
    margin:0 0 0 8px;
}

#postfooter p.accredited {
	float: right;
    margin:0 0 0 8px;
}
#postfooter p.legal {
	float: right;
	margin: 0 20px 0 0;
	font-size: 11px;
	text-align: right;
}
#postfooter a:hover {
	text-decoration: underline;
}
#postfooter ul.navfooter {
	float: right;
	display: inline;
	margin: 0 20px 0 0;
	padding: 0;
	list-style-type: none;
}
#postfooter .navfooter li {
	float: left;
	margin: 0;
	padding: 0 10px;
	line-height: 11px;
	border-left: solid 1px #c2c2c2;
}
#postfooter .navfooter li.first {
	border-left: none;
}

#postfooter .navfooter li.last {
	padding-right: 0;
}


/* ************************************************** PLANS (DIVS) ****************************** */
.planspricing #content .article {
	float: left;
	width: 620px;
	padding: 0 0 0 42px;
}
.planspricing #content .article .included {
	/*color: #76ba18;*/
	color: #79288c;
	font-family: Arial;
	font-size: 14px;
	font-style: italic;
	text-align: center;
}
.planspricing #content div.badge {
	float: right;
	display: inline;
	width: 184px;
	height: 68px;
	margin: 40px 25px 0 0;
/*	background-image: url(/~/media/Images/badge_gogreen.png);
	text-indent: -9999px; */
}
.planspricing #content div.userdata {
	background-color: white;
	position: absolute;
	right: 10px;
	top: -5px;
	padding: 0 15px;
	color: #959595;
	line-height: 30px;
	/* border: solid #0093d0; */
	border-width: 2px 2px 2px 2px;
}
.planspricing #content .userdata strong {
	color: #464646;
}
.planspricing #content .userdata a {
	font-size: 10px;
}

.planspricing .popup
{
    z-index:1;
}

.modalBackground
{
    background-color:#fff;
    filter:alpha(opacity=30);
    opacity:0.3;
}

div.planlistings {
	clear: both;
	width: 865px;
	margin: 0 25px 0 30px;
}

p.included {
    color: #79288C;
    font-family:'Trebuchet MS',Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-style: italic;
    text-align: center;
    text-align:left;
    margin-top:10px;
    margin-left: 20px;
}

.planlistings .plan
{
	width: 327px;
}
.planlistings .price
{
	width: 89px;
}
.planlistings .term
{
	width: 155px;
}
.planlistings .special
{
	width: 144px;
}
.planlistings .choose
{
	width: 130px;
}

.description2
{
width: 410px;
display: inline;
float: left;
margin: 0 0 0 10px
}

.plan2
{
width: 327px;
padding: 0 0 0 0
}

.plan2 h2
{
line-height: 1em;
padding-top: 15px;
color: #464646;
font-size: 18px;
font-weight: normal;
font-family: Arial;
}

.plan2 p
{
line-height: 1em;
padding: 0 0 0.15em 0;
}

.plan2 p i
{
line-height: 1.5em;
padding: 0 0 0.5em 0;
}
.plan2 a.linkquickview.closed
{
	padding: 0 0 0 12px;
	background-position: 0 3px;
	background-image: url(/~/media/Images/plans_linkquickview.png);
	background-repeat: no-repeat;
	outline: none;
}
.plan2 a.linkquickview.open {
	padding: 0 0 0 12px;
	background-position: 0 -18px;
	background-image: url(/~/media/Images/plans_linkquickview.png);
	background-repeat: no-repeat;
	outline: none;
}
.special2 { width: 299px;}
.special3 { width: 299px;}
.special3 ul { text-align: left;margin-top: 11px; margin-left: 10px}
.special3 ul li { line-height: 1.25em}

.columnheadings {
	overflow: hidden;
	width: 851px;
	padding: 0 2px 0 12px;
	border-bottom: solid 2px #fff;
}
.columnheadings div {
	float: left;
	color: #fff;
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	text-align: center;
	line-height: 27px;
	background-image: url(/~/media/Images/planslistings_bkg_th.jpg);
	background-repeat: repeat-x;
	border-left: solid 1px #fff;
}

.planlistings .item {
	width: 865px;
	margin: 0 0 10px 0;
	padding: 0;
	overflow: hidden;
}
.planlistings .item .overview {
	overflow: hidden;
	border: solid #BBDD8C;
	border-width: 2px 2px 2px 12px;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .17);
	-moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .17);
	box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .17);
}
.planlistings .item.closed .overview {
	border-color: #BBDD8C;
}
.planlistings .item.open .overview {
	border-color: #0093D0;
}
.planlistings .item .overview div {
	float: left;
	height: 69px;
	text-align: center;
	background-image: url(/~/media/Images/planslistings_bkg_td.jpg);
	background-repeat: repeat-x;
	border: solid #fff;
	border-width: 1px 0 1px 1px;
}
.planlistings .item .plan h2 {
	padding: 10px 0 0 0;
	color: #464646;
}
.planlistings .item .plan a.linkquickview {
	padding-left: 12px;
	line-height: 12px;
	background-image: url(/~/media/Images/plans_linkquickview.png);
	background-repeat: no-repeat;
	outline: none;
}
.planlistings .item .plan a.linkquickview:hover {
	text-decoration: none;
}
.planlistings .item .plan a.linkquickview.closed {
	background-position: 0 3px;
}
.planlistings .item .plan a.linkquickview.open {
	background-position: 0 -18px;
}
.planlistings .item .price {
	font-size: 30px;
	font-family: Arial;
	font-weight: normal;
	line-height: 69px;
}
.planlistings .item .term {
	font-size: 13px;
	font-family: Arial;
	line-height: 69px;
}
.planlistings .item .special {
	font-size: 10px;
	font-family: Arial;
}
.planlistings .item .special strong {
	font-size: 18px;
}
.planlistings .item .special span {
	display: block;
	width: 55px;
	margin: 15px auto 0 auto;
	padding: 0 0 0 35px;
	background-image: url(/~/media/Images/plans_giftcard.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
}
.planlistings .item .choose a.linkselect {
	display: block;
	width: 111px;
	height: 38px;
	padding: 0 3px 3px 0;
	margin: 15px auto 0 auto;
	line-height: 38px;
	text-indent: -9999px;
	background-image: url(/~/media/Images/btn_select.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.planlistings .item .choose a.linkselect:hover {
	background-position: 0 -41px;
}

.planlistings .item.closed .details {
}
.planlistings .item .details {
	overflow: hidden;
	margin: -2px 0 0 10px;
	padding: 8px 0;
	font-size: 11px;
	background-color: #fff;
	background-image: url(/~/media/Images/plans_bkg_planlistingdetail.png);
	background-repeat: no-repeat;
	border: solid #0093D0;
	border-width: 0 2px 2px 2px;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .17);
	-moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .17);
	box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .17);
}
.planlistings .item.closed .details {
	border: solid #BBDD8C;
	border-width: 0 2px 2px 2px;
}
.planlistings .item .details .description {
	float: left;
	display: inline;
	width: 443px;
	margin: 0 0 0 10px;
}
.planlistings .item .details .features {
	float: left;
	display: inline;
	width: 183px;
	margin: 0 0 0 20px;
}
.planlistings .item .details .documents {
	float: left;
	display: inline;
	width: 165px;
	margin: 0 0 0 20px;
}
.planlistings .item .details p {
	padding: 0;
}
.planlistings .item .details ul {
	margin: 0;
	padding: 0;
}
.planlistings .item .details li {
	margin: 0 0 0 20px;
	padding: 0;
}


/* ************************************************** CAUSES ****************************** */

/* Causes 2 */
.causes div#content {
	padding: 165px 0 50px 0;
	text-align: left;
	background-image: url(/~/media/Images/billboard_causes_reading.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.causes .intro {
	padding: 20px 15px;
}
.causes .intro h1 {
	padding: 0;
	color: #0093d0;
	font-size: 40px;
	font-family: Arial;
	text-transform: none;
	line-height: 1em;
	letter-spacing: -.05em;
}
.causes .intro h1 span {
	color: #80c129;
	font-size: 28px;
}
.causes div#content .col2 {
	float: left;
	display: inline;
	width: 190px;
	margin: 0;
	padding: 30px 15px 0 15px;
	color: #79288c;

        /* feg
	background-image: url(../images/cause_bkg_col2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
        */
}
.causes div#content .col2 p {
	font-style: italic;
}
.causes #content .col2 .block {
	float: none;
	margin: 0 0 20px 0;
	padding: 15px;
	color: #464646;
	border: solid 2px #80c129;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#content .block.grey { /* block with grey borders */
	border: solid 2px #efefef;
}
#content .block.fullwidth { /* full width, remove float */
	float: none;
  margin: 0 0 20px 0;
}
#content .block.nocurve { /* block without curved corners */
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.causeslisting {
  width: 677px;
  overflow: hidden;
  margin: 0 0 30px 0;
  padding: 15px 0 0 0;
  background-image: url(/~/media/images/causes/cause_bkg_content3.png);
  background-repeat: repeat-y;
  background-position: left top;
  font-size: 11px;
}
.causeslisting .item {
	float: left;
	display: inline;
	width: 140px;
	margin: 0 3px;
	padding: 0 12px;
	text-align: left;
}
.causeslisting .item.first {
	margin: 0 3px 0 0;
}
.causeslisting h2 {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial;
}
.causeslisting .image {
  height: 175px;
  margin: 0 0 12px 0;
  padding: 15px 8px 0 8px;
  background-color: #fff;
}
.causeslisting .image img {
  display: block;
  width: 124px;
  height: 124px;
  margin: 0 0 10px 0;
  border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.causeslisting .image a.linkselect {
	display: block;
	width: 124px;
	height: 30px;
	padding: 0;
	margin: 0 auto;
	line-height: 30px;
	text-indent: -9999px;
	background-image: url(/~/media/images/causes/cause_btn_select.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.causeslisting .image a.linkselected {
	display: block;
	width: 124px;
	height: 30px;
	padding: 0;
	margin: 0 auto;
	line-height: 30px;
	text-indent: -9999px;
	background-image: url(/~/media/images/causes/cause_btn_selected.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.causeslisting .image a.linkselect.green:hover {
	background-position: 0 -30px;
}
.causeslisting .image a.linkselect.blue:hover {
	background-position: 0 -60px;
}
.causeslisting .image a.linkselect.purple:hover {
	background-position: 0 -90px;
}
.causeslisting .image a.linkselect.dkblue:hover {
	background-position: 0 -120px;
}
.causeslisting p {
	color: #fff;
	font-size: 11px;
	line-height: 1.3em;
}
.causes .col1 .block {
  width: 640px;
	font-size: 14px;
}
.causes .col1 .block p {
  padding: 0 0 .6em 0;
}





/* ************************************************** FAQ ****************************** */
.faq .faqlisting {
	width: 670px;
	margin: 0 0 30px 0;
	padding: 0;
}
.faq .faqlisting .question a {
	display: block;
	margin: 0;
	padding: 0 0 0 20px;
	background-image: url(/~/media/Images/faq_openclose.png);
	background-repeat: no-repeat;
}
.faq .faqlisting .question a.closed {
	background-position: 0 -15px;
}
.faq .faqlisting .question a.open {
	background-position: -21px 6px;
}
.faq .faqlisting .answer {
	padding: 0 0 0 30px;
}




/* ************************************************** CONTACT ****************************** */
table.contactinfo {
	width: 430px;
	font-size: 12px;
}
.contactinfo th {
	padding: 2px 5px;
	font-weight: normal;
	text-align: left;
	line-height: 1.5em;
	background-color: #E0E0E0;
}
.contactinfo td {
	padding: 2px 5px 2px 15px;
	font-weight: normal;
	text-align: left;
	line-height: 1.5em;
}
.contactinfo li	{
	font-size: 12px;
}


/* ************************************************** SITEMAP ****************************** */
body {
  background-color: #ebe9e9;
  color: #787878;
  margin: 0px;
  padding: 0px;
  font: Arial;
  font-size: 12px;
}

td {
  height: 15px;
  padding: 0px;
  font: Arial;
  font-size: 12px;
}

ul#sitemap {
  margin: 16px;
  padding: 16px;
  list-style: none;
}

ul#sitemap ul {
  padding-left: 16px;
  list-style: none;
}

ul#sitemap li {
  border-bottom: 2px solid #FFF;
  padding-bottom: 16px;
}

ul#sitemap li a:link, ul#sitemap li a:visited{
  background-color: #CCCCCC;
  display: block;
  padding: 6px;
  text-decoration: none;
  color: #3a82a2;
}

ul#sitemap li a:hover {
  background-color: #999999;
  color: #FFFFFF;
}

ul#sitemap li li a:link, ul#sitemap li li a:visited{
  background-color: #FFF;
  display: block;
  padding: 0.4em;
}

ul#sitemap li li a:hover {
  background-color: #FFF;
  color: #057FAC;
}
/* ************************************************** SHARING ****************************** */
div.sharing {
	overflow: hidden;
	width: 168px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}
.sharing a {
	float: left;
	display: inline;
	width: 48px;
	height: 48px;
	margin: 0 4px;
	line-height: 48px;
	text-indent: -9999px;
	background-image: url(/~/media/Images/icons_social_big.png);
	background-repeat: no-repeat;
}
.sharing a.tw {
	background-position: 0 0;
}
.sharing a.fb {
	background-position: -48px 0;
}
.sharing a.em {
	background-position: -96px 0;
}



/* ************************************************** FANCYBOX ****************************** */


div.ui.dialog ui.dialog.buttonpane {
	background-color: #c1c1c1;
}
div.popup#fancyboxLoad,
div.popup#fancybox {
	width: 300px;
	padding: 5px;
	min-height: 100px;
	max-height: 300px;
	background-color: #c1c1c1;
    	border:2px solid #0093D0;
}
div.popup#fancyboxLoad h2.red,
div.popup#fancybox h2.red{
	background-color:#fff;
	border:2px solid #0093D0;
}
div.popup#fancyboxLoad h2,
div.popup#fancybox h2 {
	margin: 0 auto;
	padding: 8px 10px;
	color: #fff;
	background-color:#0093d0;
	display:block;
	text-align: center;
	font-family: Arial;
}
div.popup#fancyboxLoad p,
div.popup#fancybox p {
	margin: 0;
	padding: 16px 16px 0 16px;
	clear: both;
    	font-size: 14px;
	font-family: Arial;
}

div.popup#fancyboxLoad div.text p,
div.popup#fancybox div.text p
{
    text-align:center;
}
div.popup#fancyboxLoad .formfield,
div.popup#fancybox .formfield {
	display: block;
	margin-left: auto;
	margin-right: auto
	height:  22px;
	width: 185px;
	margin: 0 auto;
	padding: 6px 4px;
	color: #808080;
	font-size: 14px;
	font-family: Arial;
	font-weight: normal;
	font-style: italic;
	text-transform: none;
	line-height: 19px !important;
	border: solid 1px #0093d0;
	align: center;
	horizontal-align: center;

}
div.popup#fancyboxLoad p.radios,
div.popup#fancybox p.radios {
	overflow: hidden;
	width: 144px;
	margin: 0px auto 0 auto;
	padding: 0;
}
div.popup#fancyboxLoad .radios span,
div.popup#fancybox .radios span {
	float: left;
	display: block;
	width: 144px;
	text-align: left;
	color: #0093d0;
	font-size: 14px;
	font-family: Arial;
	font-weight: normal;
	font-style: italic;
	line-height: 24px;
}
div.popup#fancyboxLoad .radios span label,
div.popup#fancybox .radios span label{
    float:left;
}
div.popup#fancyboxLoad .radios span input,
div.popup#fancybox .radios span input{
    float:left;
}

div.popup#fancyboxLoad a.linkselect,
div.popup#fancybox a.linkselect {
	display: block;
	width: 190px;
	height: 49px;
	margin: 0 auto;
	padding: 0;
	line-height: 38px;
	text-indent: -9999px;
	background-image: url(/~/media/Images/home_btn_checkrates.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}


div.popup#fancyboxLoad a.linkselect:hover,
div.popup#fancybox a.linkselect:hover {
	display: block;
	margin-left: auto;
	margin-right: auto
	background-position: 0 0px;
	cursor: pointer;
}
div.popup#fancyboxLoad .btnsubmit,
div.popup#fancybox .btnsubmit {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-right: 0px;
	width: 190px;
	height: 49px;
	color: transparent;
	font-size: 0;
	border: 1px solid #fff;
	background-color: transparent;
	background-image: url(/~/media/Images/home_btn_checkrates.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .17);
	-moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .17);
	box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .17);
}
div.popup#fancyboxLoad .btnsubmit:hover,
div.popup#fancybox .btnsubmit:hover {
	background-position: 0 0px;
	cursor: pointer;
	background-color: #0093d0
	font-color: #fff;
}

/* ************************************** ModalPopupDialog ****************************** */
.modalPopup
{
    background-color: #f1f1f1;
    margin: 6px 10px 6px 10px;
    min-width: 300px;
	max-width: 500px;
    border: 2px solid #d1d1d1;
	font-family: Arial;
	padding: 5px;
}
.modalBackground
{
    background-color: #f1f1f1;
    margin-left: 6px;
    margin-right: 6px;
    filter: alpha(opacity=70);
    opacity: 0.7;
	border: 2px solid #d1d1d1;
}
.modalHeader
{
    color: #2A3980;
    background-color: none;
	font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.modalText
{
    color: #808080;
	font-family: Arial;
    font-size: 1.1em;
    text-align: center;
}

/* ************************************************** HOME ****************************** */

#billboard .callout p.radios
{
    overflow: hidden;
    width: 165px;
    margin: 0px auto;
    padding: 0;
    position: relative;
    bottom: 55px;
    text-align: -webkit-left;
}
#billboard .callout .radios span {
	display: block;
	width: 165px:
	text-align: left;
	color: #787878;
	font-size: 13px;
	font-family: Arial;
	font-weight: normal;
	font-style: italic;
	line-height: 18px;
	position: relative;
	}
#billboard .callout .radios span label {
    vertical-align: middle
}
#billboard .callout .radios span input {
    float:left;
    vertical-align: middle;
}

#billboard .callout .btnsubmit {

margin: 0px auto;
position: absolute;
bottom: 124px;

width: 180px;

height: 46px;

background-color: #2a3980;

-moz-border-radius:3px;

-webkit-border-radius:3px;

border-radius:5px;

border: hidden;

border-color: transparent;

display:inline-block;

cursor:pointer;

color:#ffffff;

font-family:Arial;

font-size:22px;

font-weight:bold;

text-decoration:none;

position: relative;

right: -185px;

}
}
#billboard .callout .btnsubmit:hover {
	background-color:#0093d0;
}

#billboard .callout .btnsubmit:active
{

}
#billboard .callout .btnsubmit:hover {
	background-color:#0093d0;
	cursor: pointer;
}
.planspricing .popup h2
{
    	color: #ffffff;
}
#billboard .callout h2
{
	width: 275px;
	margin: 0px auto 0 auto;
	padding: 0;
	color: #ffffff;
	height: 5px;
	line-height: 75px;
	text-indent: -9999px;
	/* background-image: url(http://ua.4changeenergy.com/-/media/Images/text-headline_01.png); */
	background-repeat;
}
#billboard .callout p {
	margin: 0;
	padding: 0;
}
#billboard .callout .formfield {
	height: 1.5em;
	width: 170px;
	margin: -6px 400px 15px 20px;
	padding: 6px 4px;
	color: #898989;
	font-size: 20px;
	font-family: Arial;
	font-weight: normal;
	font-style: italic;
	text-transform: none;
	line-height: 1.2em !important;
	border-radius: 5px;
	border-width:1px;
	border-style:solid;
	border-color: #0093d0;
	text-align: center;
}


/* ************************************************** Ajax Control Toolkit Calendar ****************************** */

/* The outer rectangular container that supplies the border around the calendar element.
    Child Css classes: .ajax__calendar_header,.ajax__calendar_body,.ajax__calendar_footer. */
.ajax__calendar_container
{
    background-color: #fff;
    border: solid 1px #0093d0 !important;
}

/* A container element that holds the next and previous arrows and the title of the current view.
    Child Css classes: .ajax__calendar_prev, .ajax__calendar_title, .ajax__calendar_next. */
.ajax__calendar_header
{
    background-color: #0093d0;
    margin-bottom: 5px;
}

/* An element that displays the arrow to view the previous set of data in the view(previous month/year/decade).
    Child Css classes: none. */
.ajax__calendar_prev {}

/* An element that displays the title of the current view (month name, year, decade).
    Child Css classes: none. */
.ajax__calendar_title
{
    height: 20px;
    color: #fff;
    line-height: 1.7em;
}
.ajax__calendar_hover .ajax__calendar_title
{
    color: #eee !important;
}

/* An element that displays the arrow to view the previous set of data in the view (previous month/year/decade).
    Child Css classes: none. */
.ajax__calendar_next {}
.ajax__calendar_prev, .ajax__calendar_next
{
    background-color: #0093d0;
    height: 20px !important;
    color: #fff !important;
}

/* A container element that holds the days, months, and years panes. Also provides a fixed rectangle with hidden overflow
   that is used for transitioning between views (next/previous month, or days/months/years).
    Child Css class: .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years. */
.ajax__calendar_body {}

/* A container element that holds the layout for the days in a month.
    Child Css classes: .ajax__calendar_dayname, .ajax__calendar_day */
.ajax__calendar_days {}
.ajax__calendar_days table thead tr td
{
    background-color: #fff;
    color: #000;
    font-weight: bold;
}

/* An element that displays the short name of the day of the week.
    Child Css classes: none. */
.ajax__calendar_dayname
{
    border: 0 !important;
}

/* An element that displays the day of the month.
    Child Css classes: none */
.ajax__calendar_day
{
    border: 1px solid #0093d0 !important;
    background: #eaf4fd;
    margin: 1px !important;
    height: 15px !important;
    width: 16px !important;
}

/* A container element that holds the layout for the months in a year.
    Child Css classes: .ajax__calendar_month. */
.ajax__calendar_months {}

/* An element that displays the month of the year.
    Child Css classes: none */
.ajax__calendar_month {}
.ajax__calendar_month, .ajax__calendar_day
{
    color: #0093d0;
    font-weight: bold;
}

/* A container element that holds the layout for the years in a decade.
    Child Css classes: .ajax__calendar_year. */
.ajax__calendar_years {}

/* An element that displays the year in a decade.
    Child Css classes: none */
.ajax__calendar_year {}

/* A container element that holds the current date.
    Child Css classes: .ajax__calendar_today. */
.ajax__calendar_footer
{
    border-top: 1px solid #c5dbec !important;
    line-height: 1.2em;
}

/* An element that displays the current date.
    Child Css classes: none. */
.ajax__calendar_today
{
    border: 1px solid #c5dbec;
    background-color: #fff;
}

/* This is applied to an element in the DOM above a day, month or year and is used to apply CSS attributes that show a hover state.
    Child Css classes: .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year */
.ajax__calendar_hover {}
td.ajax__calendar_hover div
{
    background: #fff !important;
    border: 1px solid #0093d0 !important;
}

/* This is applied to an element in the DOM above a day, month or year and is used to apply CSS attributes that show the currently selected value.
    Child Css classes: .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year. */
.ajax__calendar_active {}
td.ajax__calendar_active div
{
    background: #fbec88 !important;
    border: 1px solid #fad42e !important;
}

/* This is applied to an element in the DOM above a day or year that is outside of the current view (day not in the visible month, year not in the visible decade).
    Child Css classes: .ajax__calendar_day, .ajax__calendar_year. */
.ajax__calendar_other {}
.ajax__calendar_other .ajax__calendar_day
{
    font-weight:normal !important;
    color:#bbb !important;
    border:1px solid #eee !important;
}

.ajax__calendar_hover.ajax__calendar_other .ajax__calendar_day
{
    background:#efefef !important;
    color:#aaa !important;
    border:1px solid #ddd !important;
}


/* ************************************************** CUSTOM ERROR VALIDATOR ****************************** */

#pnlErr
{

        	margin: 0px 10px 0px 10px;
        	padding: 10px 10px 0px 10px;
            color: red;
            background-color: #FFBABA;
            border-style: solid;
            border-color: red;
    		border-width: 1px;
    		display: none;


}

#pnlErr span
{
    display:block;
}

/*************************************************** PRINT CSS *******************************/
@media print {
    * {
	    background: transparent !important;
	    box-shadow: none !important;
	    text-shadow: none !important;
	    filter: none !important;
	    -ms-filter: none !important;
    }
    a, a:visited {
	    text-decoration: underline;
    }

    pre, blockquote {
	    border: 1px solid #999;
	    page-break-inside: avoid;
    }
    thead {
	    display: table-header-group;
    }
    tr, img {
	    page-break-inside: avoid;
    }
    img {
	    max-width: 100% !important;
    }
     @page {
    margin: 0.5cm;
    }
    p, h2, h3 {
	    orphans: 3;
	    widows: 3;
    }
    h2, h3 {
	    page-break-after: avoid;
    }

    div.login,
    div.loggedin,
    #header .contact .info .socialspan,
    #header .contact .info .emailspan,
    #footer ul.navfooter,
    #postfooter p.legal .navlegal,
    p.social,
    #content .col2 ul.navsecondary {
	    display: none;
    }

    #header img.printalt,
    .planlistings .item.closed .details,
    .faq .faqlisting .answer {
	    display: block !important;
    }
    #footer p.tagline {
	    font-size: 20px;
	    font-weight: bold;
	    text-align: left;
	    text-indent: 0;
    }
    .enroll #header .steps .step.active .stepnum {
	    color: #0093d0;
    }

	.dlgConfirm.ui-button-text {
        width: 50px;
    }


}
/* THIS IS TOP NAV1 Remove margins and padding from the list, and add  background color */
ul.topnav1 {
    min-width: 650px;
    max-width: 650px;
    float: right;
    white-space:nowrap;
    list-style-type: none;
    padding: 5px;
    overflow: hidden;
    margin-top: 5px;
    margin-right: 5px;
    font-size: 14px;
    font-family: sans-serif;
}

/* Float the list items side by side */
ul.topnav1 li {float: right;}

/* Style the links inside the list items */
ul.topnav1 li a {
    display: inline-block;
    color: #787878;
    text-align: center;
    padding: 5px 5px;
    text-decoration: none;
    transition: 0.3s;
}

/* Change background color of links on hover */
ul.topnav1 li a:hover {color: #636363;}
/* END TOP NAV1 */
     .phonenum {
         color: #79288c;
         font-family: Arial;
         font-size: 18px;
         font-weight: bold;
}

/* *********************************************************************************** */
    #rate-finder .get-rate {
        background-image: url("/~/media/Images/geo-targeted/bkg_getrate.png");
        background-position: center top;
        background-repeat: no-repeat;
        box-sizing: border-box;
        height: 55px;
        margin: 0 auto 5px;
        padding: 0;
        width: 934px;
    }
    #rate-finder .get-rate .steps {
        float: left;
        height: 30px;
        padding: 0 0 0 20px;
    }
    #rate-finder .get-rate .steps p {
        color: #fff;
        float: left;
        font-size: 20px;
        height: 30px;
        letter-spacing: -0.02em;
        line-height: 30px;
        padding: 12px 12px 0 0;
    }
    #rate-finder .get-rate .steps p span {
        float: left;
        display: block;
        height: 30px;
        width: 25px;
        color: #fff;
        font-size: 20px;
        line-height: 30px;
        background-image: url(/~/media/Images/geo-targeted/icons_sprites.png);
        background-repeat: no-repeat;
        background-position: 0 -40px;
    }
    #rate-finder .get-rate #pform {
        color: #fff;
        float: right;
        font-size: 20px;
        height: 30px;
        line-height: 30px;
        padding: 9px 5px 0 0;
    }
    #rate-finder .get-rate #pform p {
        overflow: hidden;
        padding: 0;
    }
    #rate-finder .get-rate #pform input[type="text"] {
        border: 2px solid #c7c7c7;
        border-radius: 4px;
        box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.9);
        box-sizing: border-box;
        color: #a4a3a3;
        float: left;
        font-family: Arial;
        font-size: 18px;
        height: 34px;
        line-height: 32px;
        margin: 0 8px 0 0;
        padding: 0 5px;
        width: 180px;
    }
    ::-webkit-input-placeholder {
        color: #a4a3a3;
    }
    #rate-finder .get-rate input[type=submit]{
        float: left;
        width: 170px;
        padding: 0;
    }
    #rate-finder .button {
        display: block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 36px;
        padding: 0 18px;
        color: #fff;
        font-size: 18px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
        letter-spacing: -.02em;
        line-height: 36px;
        background-image: url(/~/media/Images/geo-targeted/button_states.png);
        background-repeat: repeat-x;
        background-position: 0 0;
        border: 0 none;
    }
    #rate-finder .button:hover,
    .button.active {
        text-decoration: none;
        background-position: 0 -36px;
    }
    #rate-finder .button.green {
        background-position: 0 0;
    }
    #rate-finder .button.green:hover,
    #rate-finder .button.green.active {
        background-position: 0 -36px;
    }
	    .as-scrollit {
        overflow-y: auto;
        height: 320px;
        border: solid 1px;
        border-width:  1px 1px 1px 1px;
        border-color: #b9b9b9;
        padding: 0px 10px 0px 0px;
    }

    .as-cards_div {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 15px;
        padding: 1.5%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .as-product {
        width: 80%;
        height: 100%;
        margin: 0 auto;
        position: relative;
    }

    .as-details {
        width: 80%;
        height: 100%;
        margin: 0 auto;
        top: 15px;
        position: relative;
    }

    section {
        position: absolute;
        text-align: justify;
        line-height: 14px;
        height: 100px;
        color: #787878;
        font-size: 11px;
        top: 190px;
        opacity: 1;
        padding: 0px;
        border: 0px solid grey;
        -webkit-transition-duration: .2s;
    }

    .as-load_image {
        width: 230px;
        height: 55px;
        top: -40%;
        position: relative;
        margin: 0 auto;
    }

    svg {
        position: absolute;
        width: 240px;
        height: 120px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

#imgPlugAnimation {
	position: relative;
	right: -10%;
	margin-top: -30px;

}