/*
 * Global styling
 */
* {
    margin: 0px;
    padding: 0px;
}

body {
    background-repeat: no-repeat;
    font-family: normal "Lucida Grande", Arial, sans-serif;
}

a {
    text-decoration: none;
}

.clear {
    clear: both;
    width: 100%px;
}

#cta {
    position: relative;
}

.pointsText {
    color: #30bbcc;
    font-weight: bold;
}

.explainMetext {
    color: #7b7975;
}

.learnMore{
    color: #30bbcc;
    font-weight: bold;
}

.more {
    color: #2dbac9;
    text-decoration: underline;
    font-weight: bold;
}

/*
 * 160x370 Styles
 */
.size160x370 {
    width: 160px;
    height: 370px;
    background-image: url(../imgs/160x370v2bg.jpg);
}

.size160x370 #logo {
    overflow: hidden;
    margin: 20px 0;
    height: 80px;
    text-align: center;
}

.size160x370 #side,
.size160x370 #main,
.size160x370 .text {
    float: left;
}

.size160x370 #side {
    margin-top: 10px;
    margin-left: 10px;
}

.size160x370 #main {
    margin: 20px 12px 0;
    width: 136px;
}

.size160x370 .text {
    margin-top: 17px;
    width: 143px;
}
.size160x370 .headline {
    margin: 5px 0 55px;
    color: #2dbac9;
    font-weight: bold;
    font-size: 13px;
}
.size160x370 .explanation {
    width: 100px;
    color: #93928e;
    font-size: 9px;
}
.size160x370 .more {
    display: block;
    font-size: 10px;
}
#epp.size160x370 #cta {
    top: -80px;
}
#epi.size160x370 #cta {
    left: -8px;
    top: -88px;
}

/*
 * 230x40 Styles
 */
.size230x40 {
    float:left;
    width: 237px;
    height: 46px;
    background-image: url('../imgs/v230x40bg.png');
}
.size230x40 #cta {
    float: right;
}
#epp.size230x40 #cta {
    top: 9px;
    right: 10px;
}
#epi.size230x40 #cta {
    top: 1px;
}
.size535x40 .text {
    float: left;
    margin-top: 12px;
    margin-left: 168px;
    color: #fff;
    font-size: 11px;
}
.size230x40 #side,
.size230x40 .text {
    display: none;
}

/*
 * 300x120 Styles
 */
.size300x120 {
    width: 300px;
    height: 120px;
    background-image: url('../imgs/v2300x120Bg.jpg');
}
.size300x120 #logo {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    width: 70px;
    height: 50px;
}
.size300x120 #side {
    float: left;
    margin-right: 20px;
    height: 120px;
}
.size300x120 #main {
    float: left;
    margin-top: 10px;
    width: 185px;
}
#epp.size300x120 #cta {
    top: 8px;
}
#epi.size300x120 #cta {
    right: 8px;
}
.size300x120 .headline {
    color: #30bbcc;
    font-size: 11px;
}
.size300x120 .explanation {
    margin-bottom: 5px;
    color: #7b7975;
    font-size: 10px;
}
.size300x120 .more {
    margin-left: 5px;
}

/*
 * 310x40 Styles
 */
.size310x40 {
    width: 310px;
    height: 40px;
	background-image: url('../imgs/Ecosystem_310x40.png');
}
.size310x40 #side,
.size310x40 .text {
    display: none;
}

.size310x40 #cta { padding-left:166px; padding-top:6px;}

/*
 * 450x130 Styles
 */
.size450x130 {
    width: 450px;
    height: 130px;
    background-image: url('../imgs/v2450x130bg.png');
}
.size450x130 #logo {
    float: left;
    margin-top: 10px;
    margin-right: 25px;
    margin-left: 10px;
    width: 90px;
    height: 75px;
}
.size450x130 #side,
.size450x130 #main {
    float: left;
}
#epi.size450x130 #cta {
    right: 8px;
    top: -8px;
}
.size450x130 .text {
    margin-top: 20px;
    margin-bottom: 10px;
}
.size450x130 .headline {
    color: #30bbcc;
    font-size: 12px;
}
.size450x130 .explanation {
    color: #7b7975;
    font-size: 12px;
}
.size450x130 .more {
    margin-left: 5px;
}

/*
 * 535x40 Styles
 */
.size535x40 {
    width: 535px;
    height: 40px;
    background-image: url('../imgs/Ecosystem_535x40.png');
}
.size535x40 .text {
    float: left;
    margin-top: 12px;
    margin-left: 168px;
    color: #fff;
    font-size: 11px;
}
.size535x40 #cta {
    float: right;
}
#epp.size535x40 #cta {
    margin-top: 6px;
    margin-right: 4px;
}
#epi.size535x40 #cta {
    margin-top: -2px;
}
.size535x40 #side,
.size535x40 .explanation {
    display: none;
}


/*
 * 530x40 Styles
 */
.size530x40 {
    width: 530px;
    height: 40px;
    background-image: url('../imgs/v2530x40bg.png');
}
.size530x40 .text {
    float: left;
    margin-top: 6px;
    margin-left: 170px;
    color: #fff;
    font-size: 11px;
}
.size530x40 #cta {
    float: right;
}
#epp.size530x40 #cta {
    margin-top: 6px;
    margin-right: 8px;
}
#epi.size530x40 #cta {
    margin-top: -2px;
}
.size530x40 #side,
.size530x40 .explanation {
    display: none;
}

/*
 * 636x40 Styles
 */
.size636x40 {
    width: 636px;
    height: 40px;
    background-image: url('../imgs/v2636x40bg.png');
}
.size636x40 .text{
    float: left;
    margin-top: 12px;
    margin-left: 175px;
    color: #fff;
    font-size: 12px;
}
.size636x40 #cta {
    float: right;
    height: 40px;
}
#epp.size636x40 #cta {
    top: 6px;
    right: 8px;
}
#epi.size636x40 #cta {
    top: -2px;
}
.size636x40 #side,
.size636x40 .explanation {
    display: none;
}

/*
 * 650x40 Styles
 */
.size650x40 {
    float:left;
    width: 650px;
    height: 40px;
    background-image: url('../imgs/Ecosystem_650x40.png');
}
.size650x40 .text {
    float: left;
    float: left;
    margin-top: 12px;
    margin-left: 175px;
    color: #fff;
    font-size: 12px;
}
.size650x40 #cta {
    float: right;
}
#epp.size650x40 #cta {
    margin-top: 6px;
    margin-right: 8px;
}
#epi.size650x40 #cta {
    float: right;
    margin-top: -2px;
}

.size650x40 #side,
.size650x40 .explanation {
    display: none;
}

/*
 * 650x95 Styles
 */
.size650x95 {
    width: 650px;
    height: 95px;
    background-image: url(../imgs/v2650x95Bg.jpg);
}
.size650x95 #logo {
    float: left;
    margin: 10px 25px 0 10px;
    width: 100px;
    height: 75px;
}
.size650x95 #side,
.size4650x95 #main,
.size650x95 .headline,
.size650x95 .explanation {
    float: left;
}
.size650x95 #main {
    overflow: hidden;
    width: 510px;
}
.size650x95 .text {
    float: left;
}
.size650x95 .headline {
    margin-top: 20px;
    color: #30bbcc;
    font-size: 12px;
}
.size650x95 .explanation {
    clear: left;
    color: #7b7975;
    font-size: 12px;
}
.size650x95 .more {
    margin-left: 5px;
}
.size650x95 #cta {
    float: right;
}
#epp.size650x95 #cta {
    margin-top: 50px;
    margin-right: 12px;
}
#epi.size650x95 #cta {
    margin-top: 42px;
    margin-right: 1px;
}

#epp60x65 { width:60px; height:65px; float:left; display:block; }
#epp60x65btn { width:60px; height:20px; }
#epp60x65bubble {width:60px;	height:45px; }
#epp60x65left { width:60px; height:4px; }
#epp60x65center {
	text-align:center;
	color:#000;
	font-size:17px;
	width:60px;
	height:30px;
	background-image: url(../imgs/60x_buble_mid.png);
	background-repeat: no-repeat;
	line-height:14px;
	background-position: left top;
	padding-top:3px;
}
#epp60x65center span { font-size:9px;}
#epp60x65right { width:60px; height:8px;}

#epp100x20 { width:100px; height:20px; float:left; display:block;}
#epp100x20btn { width:60px; height:20px;  float:left;}
#epp100x20bubble {	width:40px;	height:20px; float:left;}
#epp100x20left { width:7px; float:left;}
#epp100x20center { text-align:center; color:#000; font-size:11px; width:30px; float:left;	background-image: url(../imgs/60x_buble_center.png);
	background-repeat: repeat; line-height:9px; padding: 1px 0px;}
#epp100x20center span { font-size:7px;}
#epp100x20right {
	width:3px;
	float:left;
}