@charset 'utf-8';
/* CSS Document */

/*  Reset for some default browser CSS - General */

#electro body, #electro div, #electro h1, #electro h2, #electro h3, #electro h4, 
#electro p, #electro ul, #electro ol, #electro li, #electro img, #electro header, 
#electro section, #electro aside, #electro footer, #electro button {
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: normal;

	margin: 0; padding: 0; list-style: none; border: 0;

	-webkit-font-smoothing: antialiased;
}

#electro * {
	margin: 0;
	padding: 0;
}

body {
	height: auto;
}

#electro a, #electro a:visited {
	color: #0978AC;

	text-decoration: none;
}

#electro a:hover {
	text-decoration: underline;
	color: #264B79;
}

#electro :focus {
	outline: 0;
}

#electro h1, #electro h2, #electro h3, #electro h4 {
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: normal;

	-webkit-font-smoothing: antialiased;
} 

#electro h1 {
	font-size: 17px;
	font-weight: bold;
	color: #000;

	padding-top: 3px;
	padding-bottom: 0;
}

#electro h2 {
	font-size: 22px;
	color: #000;
	padding-bottom: 0;
}

#electro h3 {
	font-size: 13px;
	font-weight: bold;
	color: #000;
}

#electro h4 {
	font-size: 16px;
	color: #C7D751;

	padding: 18px 0 1px 0;
}

#electro .floatleft {
	float:left;
}

#electro .floatright {
	float:right;
}

#electro .clear {
	clear: both;
}

#electro .anchor {
	display: inline;
	visibility: hidden;

	width: 1px;
	height: 1px;
}

#electro .font-normal {
	font-weight: normal;
}


/* shared page layout & styles */

/* used for non-template environment */


.e-up {
	z-index:3;

	zoom:1;

	margin-right: 0;

	margin-bottom:-24px;
	margin-left: 0;
	width:100%;
}

.epagesCont {
	position:relative;
	/* height:625px; */
	z-index:3;

	padding:25px 0 25px 0;
	width:100%;
}
.epagesCont2 {
	position:relative;
	z-index:3;

	padding:25px 0 0 0;
}

.page {
	width: 960px;
	margin: 0 auto;
}

#electro .page-intro {
	/* width: 897px; */
	padding: 0 40px 0 40px;
}

#electro .bottom-section {
	font-size: 14px;
	line-height: 19px;
	color: #7F7F7F;

	padding: 37px 60px 30px 60px;
}

#electro .page-intro h1 {
	padding-bottom: 11px;
}

#electro .page-intro .subtitle {
	font-size: 14px;
	line-height: 19px;
	color: #666;
}

#electro .page-intro p {
	padding: 14px 0 0 0;
}

#electro .rounded-box-gray {
	font-size: 13px;
	line-height: 17px;
	color: #0095DE;

	width: 835px;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;

	background-color: #F0F0F0;

	-khtml-border-radius: 5px;
	    -ms-border-radius: 5px;
}

#electro .rounded-box-ltgray {
	font-size: 14px;
	line-height: 19px;
	color: #4A4A4A;

	width: 835px;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;

	background-color: #F7F7F7;

	-khtml-border-radius: 5px;
	    -ms-border-radius: 5px;
}
#mobile-page .box-white {
	margin-bottom:10px;

	padding: 5px 10px 15px 30px;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	background-color: #F7F7F7;

	-khtml-border-radius: 5px;
	    -ms-border-radius: 5px;
}

#electro .section-shadow {
	width: 882px;
	margin: 0 40px 36px 40px;
	padding: 17px 0 0 15px;

	background: url('../eimages/divider_shadow.png') no-repeat center top;
}

#electro a.bright-link {
	color: #F90;

	text-decoration: underline;
}

.emphasis {
	font-weight: bold;
}

/* Amazon S3 Page */

#electro #graphic-s3-cloud {
	font-size: 13px;
	line-height: 17px;
	color: #161819;

	overflow:hidden;

	width: 894px;
	margin: 0 40px 0 40px;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;

	background: url('../eimages/bg_s3_cloud.png') left center no-repeat;

	-khtml-border-radius: 5px;
	    -ms-border-radius: 5px;
}

#graphic-s3-cloud h3 {
	color: #161819;
}

#graphic-s3-cloud .left-text {
	float: left;

	width: 310px;

	margin: 59px 0 0 30px;
}

#graphic-s3-cloud .right-text {
	float: right;

	width: 248px;

	margin: 59px 20px 0 0;
}

#amazon-s3-link {
	display: block;

	margin-top: 14px;
}

#electro #s3-signup-box {
	margin: 10px 40px 10px 40px;
	padding: 21px 30px 25px 29px;
}

#s3-signup-box #s3-signup-button {
	float: right;

	margin: 0 10px 0 0;
}

#electro #s3-features {
	width: 897px;
	margin-top: 10px;
	margin-left: 40px;
}

#s3-features .s3-features-left {
	font-size: 15px;
	line-height: 1.5em;
	color: #7F7F7F;
	float: left;
	width: 450px;
	padding: 27px 20px 30px 4px;
	box-sizing: border-box;
}

#s3-features .s3-features-right {
	color: #323232;

	float: left;

	width: 400px;
	padding: 16px 15px 28px 20px;

	background: url('../eimages/bg_gradient_gray_h.png') repeat-y;
}

#s3-features p {
	padding: 2px 0 0 0;
}

#s3-features h3 {
	font-size: 17px;

	color: #484848;

	display: inline;

	padding: 0 0 0 7px;
}

#s3-features .headline {
	color: #000;

	margin-bottom: 11px;
}

#s3-features img {
	vertical-align: middle;
}

#s3-features ul {
	margin: 5px 0 0 0;
	padding: 0;

	list-style-type: none;
}

#s3-features .feature-item {
	padding: 2px 0 22px;
}

#s3-features li {
	font-size: 14px;
	line-height: 1.5em;
	padding: 2px 0 22px 25px;
	background: url('../eimages/bullet_check.png') no-repeat 0 3px;
}

#electro #s3-access {
	font-size: 14px;
	line-height: 19px;
	color: #7F7F7F;

	clear: both;
}

#s3-access h3 {
	font-size: 17px;

	color: #484848;

	display: inline;

	padding: 0 0 0 10px;
}

#s3-access img {
	margin-left: -3px;
	padding-bottom: 9px;
	padding-left: 2px;

	vertical-align: middle;
}

#s3-access .tools {
	font-size: 13px;
	line-height: 16px;
	color: #333;

	float: left;

	margin-top: 22px;
	box-sizing: border-box;
	width: 30%;
}

#s3-access .tools img {
	margin-left: -2px;
	padding: 0;
}

#electro #tools-windows {
	margin-right: 32px;
}

#electro #tools-maclinux {
	margin-right: 32px;
}

#s3-share {
	font-size: 15px;
	line-height: 1.5em;
	color: #7F7F7F;
	clear: both;
}

#s3-share h3 {
	font-size: 17px;

	color: #484848;

	display: inline;

	padding: 0 0 0 10px;
}

#s3-share img {
	margin-left: -3px;
	padding-bottom: 5px;
	padding-left: 2px;

	vertical-align: middle;
}

#s3-share .share-social {
	float: right;

	padding-top: 4px;
	padding-right: 66px;
}

#s3-share ul {
	color: #333;

	clear: both;

	margin: 5px 0 3px 0;
	padding: 0;

	list-style-type: none;
}

#s3-share li {
	font-size: 13px;
	line-height: 16px;

	display: block;
	float: left;

	width: 50%;
	padding: 2px 35px 0 25px;
	box-sizing: border-box;

	background: url('../eimages/bullet_check.png') no-repeat 0 0;
}

#s3-share li.first {
	width: 43%;

	padding-right: 50px;
}

#electro #s3-business {
	font-size: 14px;
	line-height: 19px;
	color: #7F7F7F;

	clear: both;

	margin: 0;
	padding: 17px 30px 25px 45px;

	background-color: #EDEDED;
}

#s3-business h3 {
	font-size: 17px;

	color: #484848;

	display: inline;

	padding: 0 0 0 10px;
}

#s3-business p {
	padding: 0 0 18px 0;
}

#s3-business img {
	margin-left: -3px;
	padding-bottom: 5px;
	padding-left: 2px;

	vertical-align: middle;
}

#s3-business .business-left {
	float: left;

	clear: both;

	width: 405px;
	padding-right: 40px;
}

#s3-business .business-right {
	float: left;

	width: 404px;
	padding-right: 15px;
	padding-left: 20px;
}

#s3-business ul {
	color: #333;

	clear: both;

	margin: 0;
	padding: 0;

	list-style-type: none;
}

#s3-business li {
	font-size: 13px;
	line-height: 16px;

	padding: 2px 0 12px 25px;

	background: url('../eimages/bullet_check.png') no-repeat 0 0;
}

#electro #s3-signup-footer {
	font-size: 14px;
	line-height: 20px;
	color: #333;

	padding: 38px 60px 70px 40px;
}


#s3-signup-footer .title-blue {
	font-size: 17px;
	font-weight: bold;
	color: #33AAE5;
}

#s3-signup-footer a {
	float: right;

	padding-top: 20px;
}


/* White Label page */

#electro #wl-cloud-graphic {
	font-size: 13px;
	line-height: 19px;
	color: #5C6265;

	width: 897px;
	height: 78px;
	margin: 10px 40px 0 40px;
	padding-top: 232px;

	text-align: center;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;

	background: url('../eimages/bg_wl_cloud.png') no-repeat left top;

	-khtml-border-radius: 5px;
	    -ms-border-radius: 5px;
}

#electro #wl-3things {
	font-size: 13px;
	color: #2F2F2F;

	width: 897px;

	margin: 10px 40px 10px 40px;
	padding: 21px 0 25px 0;
}

#wl-3things .tools {
	font-size: 13px;
	line-height: 17px;
	color: #2F2F2F;

	float: left;

	margin-top: 0;
	padding: 3px 9px 2px 16px;

	background: url('../eimages/divider_vertical.png') no-repeat right top;
}

#wl-3things .tools-last {
	font-size: 13px;
	line-height: 16px;
	color: #2F2F2F;

	float: left;

	margin-top: 0;
	padding: 4px 9px 0 16px;

	background: none;
}

#wl-3things img {
	padding-bottom: 3px;
}

#electro #wl-practice {
	font-size: 16px;
	line-height: 1.5em;

	/* width: 897px; */

	margin: 10px 40px 10px 40px;
	display: flex;
}
#electro #wl-practice.wl-practice-second {
	margin-top:-30px;
}

#wl-practice .practice-left,
#about-gateway .gateway-left {
	float: left;

	width: 550px;

	padding: 26px 30px 17px 16px;
}

#wl-practice p,
#about-gateway p {
	padding: 0 0 19px 0;
}

#wl-practice .practice-right,
#about-gateway .gateway-right {
	font-size: 13px;
	line-height: 17px;
	color: #7B7B7B;

	float: left;

	width: 289px;
	padding: 73px 0 42px 0;

	background: url('../eimages/divider_vertical_shadow.png') no-repeat left top;
}

#wl-practice .contact-intro,
#about-gateway .gateway-right .contact-intro {
	font-size: 13px;

	padding: 0 20px 27px 20px;

	border-bottom: 1px solid rgba(0,0,0,.1); /*#dedede*/
}

#wl-practice .contact-line,
.wl-practice .contact-line,
#about-gateway .gateway-right .contact-line {
	font-size: 14px;

	padding: 7px 20px 5px 20px;

	border-bottom: 1px solid rgba(0,0,0,.1); /*#dedede*/
}

#wl-practice .whitepaper,
.wl-practice .whitepaper {
	min-width: 260px;
	font-size: 13px;
	line-height: 19px;
	color: #7B7B7B;
	padding: 43px 0 0 0;
}

#electro #wl-practice.whitepaper {
    width: 280px !important;
    margin: 30px auto 20px !important;
    white-space: nowrap;
}

#wl-practice .pdf-icon,
.wl-practice .pdf-icon {
	float: left;

	padding: 0 10px 0 24px;
}

#wl-practice a,
.wl-practice a {
	text-decoration: none;
}

a.whitepaper-link span {
	white-space: nowrap;
}
a.whitepaper-link.xls, a.whitepaper-link.pdf {
	padding-left:45px !important;
	background-image:url(../eimages/icon_pdf.png);
	display:block;
	background-repeat:no-repeat;
	margin-left: 15px !important;
	margin-right: 15px !important;
}
a.whitepaper-link.xls {
	background-image:url(../eimages/icon_xls.png);
	background-size: 28px;
	background-position-x: 5px;
}


#wl-practice a.whitepaper-link, 
.wl-practice a.whitepaper-link, 
#wl-practice a.whitepaper-link:visited,
.wl-practice a.whitepaper-link:visited {
	font-size: 17px;
	line-height: 20px;

	color: #0978AC;

	margin-top: 14px;

	text-decoration: none;
}

#wl-practice a.whitepaper-link:hover,
.wl-practice a.whitepaper-link:hover {
	color: #264B79;
}

#wl-practice a.whitepaper-link .whitepaper-title, 
.wl-practice a.whitepaper-link .whitepaper-title, 
#wl-practice a.whitepaper-link:visited .whitepaper-title,
.wl-practice a.whitepaper-link:visited .whitepaper-title {
	font-size: 13px;
	font-weight: normal;

	color: #7B7B7B;

	margin: 0;

	text-decoration: none;
}

#wl-practice a.whitepaper-link:hover .whitepaper-title,
.wl-practice a.whitepaper-link:hover .whitepaper-title {
	color: #7B7B7B;

	text-decoration: underline;
}

#electro #wl-storage-features {
	color: #666;

	margin: 15px 40px 10px 40px;
	padding-bottom: 60px;
	clear: both;
}

#wl-storage-features ul {
	color: #666;

	clear: both;

	margin: 0 0 -8px 0;
	padding: 0;

	list-style-type: none;
}

#wl-storage-features li {
	font-size: 15px;
	line-height: 1.5em;
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 2px 0 3px 25px;
	background: url('../eimages/bullet_check.png') no-repeat 0 2px;
}
#wl-storage-features ul.smaller_list li {
	margin-top: 15px;
	margin-bottom: 5px;
	background-position: 0 4px;
}
#wl-storage-features li > .emphasis {
	font-size: 17px;
    line-height: 1.2em;
    display: block;
    margin-bottom: 6px;
}
#wl-storage-features.a_blocks li > a {
    display: block;
    line-height: 1.2em;
}

#wl-storage-features h2 {
	font-size: 17px;

	color: #0978AC;

	padding: 4px 0 15px 0;

	border-bottom: 1px solid #E5E5E5;
}

#wl-storage-features h3 {
	font-size: 20px;
	font-weight: normal;
	color: #7490ad;
	padding: 25px 0 6px 0;
	border-bottom: 1px solid #E5E5E5;
}

#wl-storage-features .features-left {
	float: left;

	width: 436px;
	padding-right: 30px;
}

#wl-storage-features .features-right {
	float: left;

	width: 430px;
}


/* Organization Cloud page */

#electro #oc-cloud-graphic {
	font-size: 14px;
	line-height: 19px;
	color: #666;

	width: 872px;
	margin: 12px 24px 0 26px;
	padding: 252px 30px 17px 8px;

	background: url('../eimages/bg_oc_cloud.png') no-repeat left top;
}

#electro #oc-cloud-graphic p {
	padding-bottom: 19px;
}

#feature-swap a, #feature-swap a:visited,
#feature-availability a, #feature-availability a:visited {
	text-decoration: none;
}

#feature-swap a:hover, #feature-availability a:hover  {
	text-decoration: underline;
}

#electro #feature-shadow {
	position: relative;

	z-index: 10;

	width: 897px;
	height: 15px;
	margin: 0 40px 0 40px;

	background: url('../eimages/divider_shadow.png') no-repeat center top;
}

#electro #feature-swap {
	position: relative;

	width: 897px;
	height: 946px;
	margin: -15px 40px 0 40px;
	padding: 0 0 0 15px;
}

#feature-swap .feature-left {
	font-size: 15px;
	line-height: 1.5em;
	color: #7F7F7F;

	position: absolute;

	z-index: 2;
	top: 0;
	left: 0;

	width: 435px;
	height: 100%;
	padding: 26px 0 0 0;

	background-color: #FFF;
}

#feature-swap .feature-left p {
	padding: 12px 30px 0 0;
}

#feature-swap .feature-left h2 {
	font-size: 17px;
	font-weight: bold;

	color: #4C4C4C;
}

#feature-swap .small-tag {
	font-size: 13px;
	font-weight: normal;

	color: #999;

	margin-top: -1px;
}

#feature-swap .feature-menu {
	z-index: 2;

	width: 435px;
	margin-top: 33px;
}

#feature-swap .feature-menu h3 {
	font-size: 17px;
	font-weight: normal;
	color: #666;

	width: 388px;
	padding-bottom: 6px;

	border-bottom: 1px solid #E5E5E5;
}

#feature-swap .list-icon {
	float: left;

	padding: 0 20px 0 0;
}

#feature-swap li .menu-title {
	margin-top: 1px;
	padding: 19px 0 21px 0;
}

#feature-swap .alist-icon {
	float: left;

	padding: 0 20px 0 4px;
}

#feature-swap ul {
	font-size: 17px;
	color: #0978AC;

	margin-top: -1px;

	list-style-type: none;
}

#feature-swap ul li .list-item {
	width: 373px;
	padding-left: 15px;
	cursor: pointer;

	position: relative;
	margin-top: -1px;
	border: 1px solid transparent;
	border-bottom-color: #E5E5E5;

	color: #0978AC;
}

#feature-swap ul li .list-item:hover {
	color: #264B79 !important;
}

#feature-swap ul li.selected {
	padding-right: -30px;

	background: url('../eimages/menu_arrow.png') no-repeat right top;
}

#feature-swap ul li#menu-whitepaper {
	padding: 17px 0 0 0;

	cursor: pointer;

	border-bottom: 0;
}

#feature-swap ul li#menu-whitepaper:hover div {
	color: #264B79;
}
#feature-swap ul li#menu-whitepaper:hover .menu-tag {
	text-decoration: underline;
}


#feature-swap ul li#menu-slideshow {
	padding: 15px 0 0 0;

	cursor: pointer;

	border-bottom: 0;
}

#feature-swap ul li#menu-slideshow:hover {
	color: #808080;
}

.menu-tag {
	font-size: 13px;
	line-height: 19px;
	color: #666;
}

#menu-whitepaper div {padding-top: 2px;
}
#menu-slideshow div {padding-top: 4px;
}
#menu-slideshow:hover div {
	color: #264B79;
}
#menu-whitepaper {clear: both;
}
#menu-slideshow {clear: both;
}

#feature-swap .feature-right {
	position: absolute;

	z-index: 0;
	top: 0;
	left: 435px;

	width: 445px;
	height: 100%;
	padding: 0;

	background: url('../eimages/bg_gradient_gray_h.png') repeat-y;
}

#feature-swap .feature-right .feature-title {
	position: relative;

	display: block;

	height: 90px;

	background: url('../eimages/bg_feature_title.png') repeat-y;
}

#feature-swap .feature-right .feature-title img {
	float: left;

	padding: 14px 10px 0 25px;
}

#feature-swap .feature-right .feature-title div {
	font-size: 17px;
	font-weight: bold;

	color: #424242;

	padding: 36px 0 0 0;
}

#electro .feature-content {
	font-size: 13px;
	line-height: 16px;
	color: #333;

	display: block;

	padding: 20px 0 20px 20px;
}

#electro .feature-content p {
	font-size: 14px;
	line-height: 1.5em;
	color: #333;
	padding-bottom: 16px;
}

#electro .feature-object {
	padding-bottom: 16px;
}

#feature-availability div {
	font-size: 14px;
	line-height: 19px;
	color: #333;

	position: relative;

	padding-top: 20px;
}

#feature-availability .title-blue {
	font-size: 17px;
	font-weight: normal;
	color: #264B79;
}

#feature-availability .contact-info {
	width: 390px;
	margin-top: 20px;
	padding: 0 0 27px 0;

	border-top: 1px solid rgba(0,0,0,.1); /*#dedede*/
}

#feature-availability .contact-line {
	font-size: 14px;

	padding: 7px 20px 5px 2px;

	border-bottom: 1px solid rgba(0,0,0,.1); /*#dedede*/
}

#feature-right .feature-content .extra-feature {
	margin-top: 50px;
	padding: 0 40px 0 25px;
}

#feature-right .feature-content ul {
	color: #333;

	margin: 0;
	padding: 0;

	list-style-type: none;

	border: 0;
}

#feature-right .feature-content li {
	font-size: 14px;
	line-height: 1.5em;
	padding: 2px 30px 12px 25px;
	border: 0;
	background: url('../eimages/bullet_check.png') no-repeat 0 3px;
}

#feature-cloud {position: absolute;  z-index: 0; top: 0; left: 0; display: block; width: 435px;
}
#feature-collaboration {position: absolute;  z-index: 0; top: 0; display: none; width: 435px;
}
#feature-integration {position: absolute;  z-index: 0; top: 0; display: none; width: 435px;
}
#feature-security {position: absolute;  z-index: 0; top: 0; display: none; width: 435px;
}
#feature-backup {position: absolute;  z-index: 0; top: 0;  display: none; width: 435px;
}
#feature-admin {position: absolute;  z-index: 0; top: 0;  display: none; width: 435px;
}
#feature-slideshow {position: absolute;  z-index: 0; top: 0; display: none; width: 435px;
}

/* Android Mobile page */

#electro #mobile-page {
	position: relative;

	width: 897px;
	margin: 14px 40px 0 40px;
	padding: 0 0 0 0;
}

#mobile-page .mobile-margin {
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	color: #7F7F7F;

	float: left;

	width: 232px;
	margin-right: 8px;
	padding-right: 10px;
	box-sizing: border-box;
}

#mobile-page .mobile-margin a,
#mobile-page .mobile-margin a:visited,
#mobile-page .mobile-margin a:hover {
	color: #0978AC;

	text-decoration: none;
}

#mobile-page .mobile-content {
	float: left;

	width: 650px;
	box-sizing: border-box;
}

#mobile-page .mobile-margin p {
	padding: 15px 10px 0 0;
}

#mobile-page .mobile-margin h2 {
	font-size: 17px;
	font-weight: bold;

	color: #4C4C4C;

	margin-top: -4px;
}

#mobile-page .mobile-margin .small-tag {
	font-size: 13px;
	font-weight: normal;

	color: #999;

	margin-top: -2px;
}

#mobile-page .mobile-description {
	padding-bottom: 10px;
}

#mobile-page .mobile-description img {
	margin-top: -6px;
}

#mobile-page .mobile-supports {
	color: #666;

	margin-top: 26px;
	padding: 7px 20px 0 0;

	border-top: 1px solid #E5E5E5;
}

#mobile-page .mobile-supports div {
	margin-top: 16px;
}

#mobile-page .mobile-cost {
	font-size: 17px;
	font-weight: bold;
	color: #0978AC;

	width: 222px;
	margin-top: 17px;
	padding: 16px 0;

	text-align: center;

	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}

#mobile-page .mobile-buy {
	width: 222px;
	padding: 10px 0;

	text-align: center;

	border-bottom: 1px solid #E5E5E5;
}

#mobile-page .mobile-buy > img {
	float: left;

	padding: 0 25px 0 0;
}

#mobile-page .mobile-buy a {
	padding: 8px 0 0 0;
}

#mobile-page .other-mobile {
	clear: both;

	padding-top: 60px;
}

#mobile-page .other-mobile ul#mobile-list {
	font-size: 13px;
	line-height: 15px;
	color: #666;

	padding-top: 8px;

	list-style-type: none;

	border-top: 1px solid #E5E5E5;
}

#mobile-page .other-mobile ul#mobile-list li {
	height: 25px;
	margin: 0;

	padding: 10px 0 14px 50px;
	box-sizing: content-box;
}

#mobile-page #mobile-ios { background: url('../eimages/icon_ios.png') no-repeat top left;
}
#mobile-page #mobile-android { background: url('../eimages/icon_android.png') no-repeat top left;
}
#mobile-page #mobile-blackberry { background: url('../eimages/icon_blackberry.png') no-repeat top left;
}
#mobile-page #mobile-nokia { background: url('../eimages/icon_nokia.png') no-repeat top left;
}
#mobile-page #mobile-win7 { background: url('../eimages/icon_windows.png') no-repeat top left;
}
#mobile-page #mobile-surface { background: url('../eimages/icon_surface.png') no-repeat top left;
}
#mobile-page #mobile-browser { background: url('../eimages/icon_browser.png') no-repeat top left;
}

#mobile-page .org-more {
	color: #7F7F7F;

	margin: 16px 0;
	padding: 17px 20px 26px 0;

	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}

#electro .document-area {
	width: 600px;
	padding: 44px 25px 20px 25px;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	background-color: #E5F4FB;

	-khtml-border-radius: 5px;
	    -ms-border-radius: 5px;
}

#electro #scrollables, 
#electro #scrollables2 {
	padding: 44px 25px 15px 25px;
	box-sizing: content-box;
}

/* tinyscroller in jquery */
#scrollables .viewport,
#scrollables2 .viewport {
	position: relative;

	overflow: hidden;

	width: 598px;
	height: 370px;
}

#scrollables .overview,
#scrollables2 .overview {
	position: absolute;
	top: 0;
	left: 0;

	width: auto; margin: 0;
	padding: 0;

	list-style: none;

	white-space: nowrap;
}

#scrollables .overview img,
#scrollables2 .overview img {
	display: inline;

	margin: 6px 15px 5px 6px;

	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.6);
	-khtml-box-shadow: 0 0 4px rgba(0,0,0,.6);
	   -moz-box-shadow: 0 0 4px rgba(0,0,0,.6);
	        box-shadow: 0 0 4px rgba(0,0,0,.6);

	    -ms-box-shadow: 0 0 4px rgba(0,0,0,.6);
}

#scrollables .disable,
#scrollables2 .disable {
	display: none;
}

#scrollables .scrollbar,
#scrollables .thumb .end,
#scrollables .thumb,
#scrollables2 .scrollbar,
#scrollables2 .thumb .end,
#scrollables2 .thumb {
	background: transparent url(../eimages/bg_scrollbar_x.png) no-repeat;
}

#scrollables .scrollbar,
#scrollables2 .scrollbar  {
	position: relative;

	clear: both;
	overflow: hidden;

	height: 9px;
	margin: 18px 0 5px 0;
}

#scrollables .track,
#scrollables2 .track {
	position: relative;

	width: 100%;
	height:9px;
	padding: 0;

	background: transparent url(../eimages/bg_scrollbar_x_end.png) no-repeat 100% 0;
}

#scrollables .thumb,
#scrollables2 .thumb {
	position: absolute;
	top: 0;
	left: 0;

	overflow: hidden;

	height: 9px;

	cursor: pointer;

	background-position: 100% -9px;
}

#scrollables .thumb .end,
#scrollables2 .thumb .end {
	overflow: hidden;

	width: 5px;
	height: 9px;

	background-position: 0 -9px;
}

#mobile-page .mobile-content {
	margin-top: 23px;
}

.mobile-content #display-links {
	font-size: 13px;
	color: #666;

	padding: 0 0 16px 0;

	text-align: right;
}

.mobile-content #display-links .menu-set {
	display: inline;

	padding: 0 10px;
}

.mobile-content #display-links span {
	cursor: pointer;
}
.mobile-content #display-links span:hover {
	text-decoration: underline;
}

.mobile-content #display-links span.selected {
	color: #199EE1;
}
.mobile-content #display-links span.selected:hover {
	text-decoration: none;
}



#mobile-page p {
	padding: 0 0 19px 0;
}

#mobile-page h3 {
	font-size: 17px;
	font-weight: bold;
	color: #4A4A4A;

	padding: 16px 0 14px 0;

	border-bottom: 1px solid #E5E5E5;
}

#mobile-page ul {
	color: #666;

	clear: both;

	margin: 0 0 -8px 0;
	padding: 0;

	list-style-type: none;
}

#mobile-page li {
	font-size: 13px;
	line-height: 16px;
	color: #313131;

	margin-top: 19px;
	margin-left: -2px;
	padding: 2px 0 3px 25px;

	background: url('../eimages/bullet_check.png') no-repeat 0 0;
}

#mobile-page .box-left {
	font-size: 13px;
	line-height: 19px;
	color: #4A4A4A;

	float: left;

	width: 212px;

	margin: 25px 0;
	padding: 0 24px 20px 0;
}

#mobile-page .box-right {
	font-size: 13px;
	line-height: 19px;
	color: #4A4A4A;

	float: left;

	width: 332px;
	padding: 1px 0 18px 22px;
}

#electro #mobile-benefits {
	width: 610px;
	margin: 10px 0 10px 0;

	padding: 0 10px 0 30px;
	box-sizing: content-box;
}

#mobile-benefits .box-left {
	font-size: 13px;
	line-height: 19px;
	color: #4A4A4A;

	float: left;

	width: 212px;

	margin: 30px 0;
	padding: 0 24px 20px 0;

	border-right: 1px solid #E5E5E5;
}

#mobile-benefits .box-left img {
	margin-top: -12px;
	margin-bottom: 10px;
}

#mobile-benefits .box-right {
	font-size: 13px;
	line-height: 19px;
	color: #4A4A4A;

	float: left;

	width: 332px;
	padding: 72px 0 42px 22px;
}

#mobile-benefits .box-right h3 {
	font-size: 17px;
	font-weight: bold;
	color: #4A4A4A;

	padding: 0 0 1px 0;

	border: none;
}

#mobile-page #mobile-share {
	padding-bottom: 40px;
}

#mobile-documents {
	position: relative;
}

#mobile-documents #scrollables {position: relative; z-index: 3;top: 0; left: 0;  display: block;
}
#mobile-documents #scrollables2 {position: relative; z-index: 0; top: 0; left: 0;  display: block; visibility: hidden;
}
#mobile-documents #video1 { display: none;
}
#mobile-documents #video2 { display: none;
}
#mobile-documents #manual { display: none;
}

#mobile-documents .manual {
	width: 600px;
	height: 395px;

	border: 1px solid #BBB;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
	-khtml-box-shadow: 0 0 4px rgba(0,0,0,.3);
	   -moz-box-shadow: 0 0 4px rgba(0,0,0,.3);
	        box-shadow: 0 0 4px rgba(0,0,0,.3);

	    -ms-box-shadow: 0 0 4px rgba(0,0,0,.3);
}

#mobile-documents iframe {
	margin: 0 60px;

	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
	-khtml-box-shadow: 0 0 4px rgba(0,0,0,.3);
	   -moz-box-shadow: 0 0 4px rgba(0,0,0,.3);
	        box-shadow: 0 0 4px rgba(0,0,0,.3);

	    -ms-box-shadow: 0 0 4px rgba(0,0,0,.3);
}


/* Features page */
#electro .row-background {
	color: #646464;

	background-color: #F0F0F0;
}

#electro .row-background2 {
	color: #646464;

	background-color: #F9F9F9;
}

#electro #graphic-feature-cloud {
	height: 218px;
	padding: 11px 15px 0 35px;

	background: url('../eimages/bg_half_gradient_v.png') repeat-x left top;
}

#graphic-feature-cloud .plan-description {
	font-size: 13px;
	line-height: 16px;
	color: #7F7F7F;

	float: left;

	padding-right: 20px;
}

#electro .free-accounts {
	float:left;

	width: 211px;

	padding: 0 10px 0 2px;
}
#electro .lifetime-accounts {
	float:left;

	width: 206px;

	padding: 0 6px 0 10px;
}
#electro .s3-accounts {
	float:left;

	width: 204px;

	padding: 0 10px 0 9px;
}
#electro .business-accounts {
	float:left;

	width: 216px;

	padding: 0 8px 0 13px;
}

#graphic-feature-cloud .plan-description img {
	padding: 0 27px;
}

#graphic-feature-cloud .plan-title {
	font-size: 16px;
	line-height: 19px;

	color: #4CB4E8;

	margin-top: -5px;
	padding-bottom: 4px;
}

#graphic-feature-cloud .plan-description a, #graphic-feature-cloud .plan-description a:visited,
#electro .plan-pricing-info a, #electro .plan-pricing-info a:visited {
	font-size: 13px;
	line-height: 16px;
	color: #4CB4E8;

	text-decoration: none;
}

#graphic-feature-cloud .plan-description a:hover,
#electro .plan-pricing-info a:hover {
	text-decoration: underline;
}

#graphic-feature-cloud .more-link {
	padding-top: 6px;
}

#electro .plan-pricing-info {
	font-size: 13px;
	line-height: 17px;
	color: #33AAE5;

	margin: 0 40px;
	padding-top: 18px;
	padding-bottom: 23px;

	border-top: 1px solid #E5F4FC;
}

#electro .plan-pricing-info #button-pricing {
	float: right;

	margin-top: -5px;
	padding: -10px 8px -2px 0;
}

#electro #button-quickview {
	float: right;

	margin-top: -5px;
	padding: -10px 8px -2px 0;
}

#electro .plan-data-row {
	margin: 0 2px;

	padding: 0 5px 0 31px;
}

#electro .plan-data {
	font-size: 13px;
	line-height: 15px;
	color: #666;

	height: 100%;

	padding-top: 18px;
	padding-bottom: 16px;

	border-right: 1px solid #D8D8D8;
}

#electro .plan-data-last {
	font-size: 13px;
	line-height: 15px;
	color: #666;

	padding-top: 18px;
	padding-bottom: 16px;
}

#electro .plan-data p, #electro .plan-data-last p {
	padding: 0 0 15px 0;
}

#electro .plan-small-print {
	font-size: 13px;
	color: #999;

	margin: 0 2px;

	padding: 8px 5px 10px 34px;
}


/* About Page */

#electro #about-gateway {
	font-size: 14px;
	line-height: 19px;
	color: #666;

	width: 897px;

	margin: 10px 40px 10px 40px;
}

#about-gateway .gateway-right {
	float: left;

	padding-bottom: 112px;
}

#electro #about-clouds,
#electro #about-clouds * {
	box-sizing: content-box;
}

#electro #about-clouds {
	font-size: 13px;
	line-height: 19px;

	position: relative;

	overflow: hidden;

	width: 897px;

	margin: 19px 40px 10px 40px;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;

	-khtml-border-radius: 5px;
	    -ms-border-radius: 5px;
}

#about-clouds .clouds-left {
	color: #303233;

	position: relative;
	z-index: 3;

	float: left;

	width: 560px;

	padding: 12px 25px 30px 20px;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;

	background-color: #F5F5F5;
}

#about-clouds p {
	padding: 0 0 19px 0;
}

#about-clouds .clouds-right {
	font-size: 13px;
	line-height: 17px;
	color: #7B7B7B;

	position: absolute;
	z-index: 0;
	top: 0;
	left: 605px;

	width: 299px;
	height: 100%;
	padding: 0;
}

#about-clouds .clouds-right .shadow {
	position: absolute;
	z-index: 2;
	top: 0;

	width: 10px;
	height: 100%;
}

#about-clouds .clouds-right .shadow img {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;

	width: 10px;
	height: 100%;
}

#about-clouds #cloud-details {
	position: relative;
	z-index: 0;
	top: 0;
	left: -10px;

	height: 100%;
	padding-top: 150px;
	padding-left: 10px;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	background-color: #F0F0F0;

	-khtml-border-radius: 5px;
	    -ms-border-radius: 5px;
}

#cloud-details img {
	float: right;

	padding: 16px 20px 13px 0;
}

#cloud-details h2 {
	font-size: 17px;
	font-weight: bold;
	color: #303030;

	clear: right;

	width: 269px;
	padding: 7px 0 7px 20px;

	border-top: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
}

#about-clouds #cloud-details .single-cloud {
	position: relative;

	display: none;
}

#about-clouds #cloud-details .cloud-visible {
	display: block;
}

#about-clouds #cloud-details .single-cloud div {
	color: #303030;

	padding: 20px 20px 20px 20px;
}

#electro .gateway-right a, #electro .gateway-right a:visited,
#electro .clouds-right a, #electro .clouds-right a:visited {
	text-decoration: none;
}

#electro .gateway-right a:hover,
#electro .clouds-right a:hover {
	text-decoration: underline;
}

#electro .clouds-row {
	clear: both;

	height: 51px;
	padding: 15px 0 9px 20px;

	border-bottom: 1px solid #FFFFFF;
}

#electro .clouds-row-last {
	border-bottom: 0 solid #E1E8EB;
}

#electro #clouds-row1 { margin-top: 7px;
}
#electro #clouds-row2 #azure { margin-top: -4px;
}
#electro #clouds-row5 #googlestorage { padding-right: 26px;
}
#electro #clouds-row1 img {float: left;  padding-right: 14px;
}
#electro #clouds-row2 img {float: left;  padding-right: 36px;
}
#electro #clouds-row3 img {float: left;  padding-right: 21px;
}
#electro #clouds-row4 img {float: left;  padding-right: 35px;
}
#electro #clouds-row5 img {float: left;  padding-right: 22px;
}
#electro #clouds-row6 img {float:left;   padding-right:19px;
}
#electro #clouds-row7 img {float:left;   padding-right:40px;
}
#electro #clouds-row8 img {float:left;   padding-right:31px;
}
#electro #clouds-row9 img {float:left;   padding-right:30px;
}
#electro #clouds-row10 img {float:left;   padding-right:30px;
}




/* Home page */

#electro #home-graphic,
#electro #business-graphic,
#electro #enterprise-graphic {
	font-size: 13px;
	line-height: 17px;
	color: #999;

	position: relative;

	width: 894px;
	margin: 10px 10px 10px 12px;
	padding: 0 20px 14px 20px;

	text-align: center;
	text-align: center;

	border-bottom: 1px solid #E5E5E5;
} 
#electro #business-graphic,
#electro #enterprise-graphic {
	border-bottom: 0;
}

#electro #home-graphic h1,
#electro #business-graphic h1,
#electro #enterprise-graphic h1 {
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 26px;
	font-weight: normal;
	line-height:20px;
	color: rgba(0,0,0,.9);

	position:relative;
	top:-10px;

	margin-top: 0 !important;
	margin-top: -31px;
	padding-top: 0;
	padding-bottom: 4px;
}

#electro #home-graphic h1 .emphasis {
	font-weight: 700;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 26px;

	color: #5DBCEB;
}

#electro #home-graphic .sub-header,
#electro #enterprise-graphic .sub-header {
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 15px;
	line-height:1.5em;
	font-weight: normal;

	color: rgba(0,0,0,.8);

	margin-top: 14px;

	text-align: center;
}

#electro #home-graphic #cloud-area {
	width: 894px;
	height: 313px;
	margin: 20px auto 18px auto;
}

#electro #home-graphic #sme-cloud {
	position: absolute;
	top: 145px;
	left: 322px;

	width: 264px;
	height: 160px;
}

#electro #home-graphic #amazon-free {
	position: absolute;
	top: 189px;
	left: 626px;

	width: 202;
	height: 150px;
}

#electro #home-graphic #logo-area {
	position: relative;

	width: 894px;
	height: 313px;

	margin: 20px auto 14px auto;

	background: transparent url('../eimages/personal_clouds.png') no-repeat left top;
}

#electro #home-graphic #logo-area a {
	color: inherit;

	text-decoration: none;
}

#electro #home-graphic #at-home {
	font-size: 13px;
	font-weight: bold;

	float: left;

	width: 195px;

	text-align: right;
}
#electro #home-graphic #favorite-apps {
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;

	position: absolute;
	top: 205px;
	left: 64px;

	width: 224px;

	text-align: center;
}
#electro #home-graphic #favorite-apps img {
	margin-top: 6px;
}

#electro #home-graphic .cloud-support {
	font-size: 13px;
	color: #333;

	position: absolute;
	top: 121px;
	right: 80px;

	text-align: left;
}

#electro #home-graphic .subtitle {
	font-size: 16px;
	font-weight: bold;
	line-height: 17px;
	color: #0095DF;

	margin-top: 0;
	margin-bottom: 1px;
}

#electro #home-graphic .bright {
	color: #5DBCEB !important;
}

#electro #home-3clouds {
	font-size: 13px;
	color: #2F2F2F;

	position: relative;

	width: 882px;

	margin: 10px 30px 10px 32px;
	padding: 26px 6px 25px 6px;
}

#home-3clouds .clouds {
	font-size: 13px;
	line-height: 17px;
	color: #2F2F2F;

	float: left;

	width: 269px;
	height:auto;
	margin-top: 0;
	padding: 24px 5px 2px 14px;
}

#home-3clouds .center {
	width: 281px;
}

#home-3clouds #cloud-personal {
	background: url('../eimages/home_cloud_personal.png') no-repeat right top;
}
#home-3clouds #cloud-business {
	width: 281px;

	background: url('../eimages/home_cloud_business.png') no-repeat right top;
}
#home-3clouds #cloud-enterprise {
	background: url('../eimages/home_cloud_enterprise.png') no-repeat right top;
}

#home-3clouds .divider {
	float: left;

	width: 1px;
	height: 100%;
}

#home-3clouds .divider img {
	width: 1px;
}

#home-3clouds img {
	float: right;

	padding-bottom: 3px;
}

#home-3clouds .clouds h2,
#home-3clouds .clouds-last h2 {
	font-size: 16px;
	font-weight: bold;

	color: #2F2F2F;
}

#home-3clouds .clouds .cloud-description,
#home-3clouds .clouds-last .cloud-description {
	margin-top: 30px;
}

#electro #private-clouds {
	position: relative;

	width: 897px;
	margin: 20px 40px 10px 40px;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;

	background: url('../eimages/bg_home_drives.png') repeat-y left top;

	-khtml-border-radius: 5px;
	    -ms-border-radius: 5px;
}

#electro #private-clouds h2 {
	font-size: 16px;
	font-weight: bold;

	color: #2F2F2F;
}

#electro #private-clouds p {
	line-height: 17px;

	margin-top:6px;
}

#electro #private-clouds .left {
	font-size: 13px;
	color: #555;

	float: left;

	width: 396px;
	padding: 25px 20px 18px 20px;
	box-sizing: border-box;
}

#electro #private-clouds .right {
	float: left;

	width: 499px;
	padding: 6px 0 0 0;
}

#electro #private-clouds .shadow {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 395px;

	width: 10px;
	height: 100%;
}

#electro #private-clouds .divider {
	float: left;

	width: 1px;
	padding-top: 10px;
}

#electro #private-clouds .cloud {
	font-size: 13px;
	line-height: 17px;
	color: #555;

	position: relative;

	float: left;

	width: 219px;
	padding: 20px 10px 15px 20px;
}

#electro #private-clouds #cloud-webdav {
	background: url('../eimages/home_private_webdav.png') 130px top no-repeat ;
}

#electro #private-clouds #cloud-ftp {
	background: url('../eimages/home_private_ftp.png') no-repeat 130px top;
}

#electro #private-clouds .cloud h2 {
	font-size: 15px;
	font-weight: bold;
	color: #2F2F2F;
}

#electro #cloud-drives {
	position: relative;

	width: 897px;
	margin: 30px 40px 10px 40px;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;

	-khtml-border-radius: 5px;
	    -ms-border-radius: 5px;
}

#electro #cloud-drives h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;

	color: #2F2F2F;
}

#electro #cloud-drives p {
	line-height: 17px;

	margin-top:6px;
}

#electro #cloud-drives .left {
	font-size: 13px;
	color: #666;

	float: left;

	width: 510px;
	padding: 0 20px 18px 20px;
}

#electro #cloud-drives .right {
	font-size: 13px;
	color: #666;

	float: left;

	width: 334px;
	padding: 0 0 0 0;
}
#electro #cloud-drives .right a {
	display: block;

	padding: 18px 30px 2px 70px;
}

#electro #cloud-drives .shadow {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 395px;

	width: 10px;
}

#electro #cloud-drives .divider {
	float: left;

	width: 1px;
	padding-top: 10px;
}

#electro #cloud-drives .drive {
	font-size: 13px;
	line-height: 17px;
	color: #666;

	position: relative;

	float: left;

	width: 135px;
	padding: 20px 10px 15px 20px;
}
#electro #cloud-drives #cloud-drive-windows {
	padding: 20px 10px 15px 10px;
}
#electro #cloud-drives .drive img {
	display: block;

	margin-top: -13px;
}

#electro #cloud-start {
	font-size: 14px;
	font-size: 14px;
	line-height: 19px;
	color: #4A4A4A;

	position: relative;

	width: 897px;

	margin: 20px 40px 10px 40px;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	background: url('../eimages/bg_home_start.png') repeat-y left top;

	-khtml-border-radius: 5px;
	    -ms-border-radius: 5px;
}

#electro #cloud-start .start-left {
	font-size: 13px;
	color: #313131;

	position: relative;
	z-index: 3;

	float: left;

	width: 360px;
	min-height: 321px;
	padding: 18px 20px 17px 15px;

	background: transparent;
}

#electro #cloud-start .start-left .bottom {
	margin-top: 25px;
}

#electro #cloud-start .start-left .bottom a,
#electro #cloud-start .start-left .bottom a:hover,
#electro #cloud-start .start-left .bottom a:visited {
	color: #30AAE4;

	text-decoration: none;
}

#electro #cloud-start .start-middle {
	font-size: 13px;
	line-height: 18px;
	color: #303233;

	position: relative;
	z-index: 3;

	float: left;

	width: 160px;
	padding: 18px 20px 30px 20px;

	text-align: left;

	background-color: #F0F9FD;
}

#electro #cloud-start .start-right {
	font-size: 13px;
	line-height: 18px;
	color: #333230;

	position: relative;
	z-index: 0;

	float: left;

	width: 299px;
	padding: 29px 0 33px 0;

	text-align: center;

	background: transparent url('../eimages/bg_home_2gb.png') no-repeat left top;
}

#electro #cloud-start .start-middle .shadow,
#electro #cloud-start .start-right .shadow {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;

	width: 10px;
}

#electro #cloud-start .start-middle .image-divider {
	margin-top: 13px;
	padding-top: 14px;
	padding-bottom: 0;

	border-top: 1px solid #E5E5E5;
}

#electro #cloud-start .start-middle p {
	margin: 10px 0 0 0;
	padding: 0;
}

#electro #cloud-start .start-middle .image-divider img {
	margin-right: -2px;
	margin-bottom: -2px;

	margin-left: -5px;
}

#electro #cloud-start .start-middle a.cloud-tools,
#electro #cloud-start .start-middle a.cloud-tools:visited {
	color: #30AAE4;

	text-decoration: none;
}

#electro #cloud-start .start-right > img{
	padding-bottom: 14px;
}

#electro #cloud-start p {
	padding: 0 0 16px 0;
}

#electro #cloud-start .start-left h2 {
	font-size: 17px;
	font-weight: bold;
}

#electro #cloud-start .start-middle h2 {
	font-size: 17px;
	font-weight: bold;

	padding-bottom: 2px;
}

#electro #cloud-start .start-left li {
	color: #313131;

	clear: right;

	padding: 10px 3px 2px 10px;

	cursor: pointer;

	border-top: 1px solid #DEDEDE;
}

#electro #cloud-start .start-left ul {
	margin-top: 14px;

	padding-bottom: 3px;
}

#electro #cloud-start .start-left li.first {
	padding-top: 20px;
}

#electro #cloud-start .start-left li.last {
	border-bottom: 1px solid #DEDEDE;
}

#electro #cloud-start .start-left li.hover {
	color: #31A9E3;
}

#electro #cloud-start .solution-tag {
	color: #ACACAC;

	display: none;
	float: right;
}

#electro #cloud-start .font-bigbold1 {
	font-weight: 700;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 26px;
	color: #F90;
}
#electro #cloud-start .font-bigbold2 {
	font-weight: 700;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 26px;
	color: #000;
}

#electro #cloud-start .font-big {
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 26px;
	color: #F90;
}

#electro #cloud-start a, #electro #cloud-start a:visited {
	color: #F90;

	margin-top: 5px;
	margin-bottom: 33px;

	text-decoration: none;
}

#electro #cloud-start a:hover {
	text-decoration: underline;
}

#electro #cloud-start .start-right p {
	padding: 0 0 12px 0;
}
#electro #cloud-start .start-right p.large {
	padding: 0 0 17px 0;
}

#electro #cloud-start h2 {
	font-size: 17px;
	font-weight: bold;
}

#electro #cloud-support {
	font-size: 13px;
	color: #313233;

	width: 854px;

	margin: 20px 30px 0 32px;
	padding: 20px 20px 0 20px;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;

	-khtml-border-radius: 5px;
	    -ms-border-radius: 5px;
}

#electro .clouds-supported {
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 14px;
	line-height: 19px;
	color: #666;
}

#electro #cloud-support h2 {
	font-size: 16px;
	font-weight: bold;
	color: #313233;

	padding-bottom: 3px;
}

/* tinyscroller in jquery - home icon scroller */
#electro #cloud-support #scrollables {
	width: 854px;

	padding: 22px 0 13px 0;
}

#electro #cloud-support #scrollables .viewport {
	position: relative;

	overflow: hidden;

	width: 854px;
	height: 90px;
}

#electro #cloud-support #scrollables .overview img {
	display: inline;

	margin: 6px 0 5px 0;

	-webkit-box-shadow: none;
	-khtml-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;

	    -ms-box-shadow: none;
}

#electro #cloud-support #scrollables .scrollbar {
	position: relative;

	clear: both;
	overflow: hidden;

	height: 9px;
	margin: 13px 0 5px 0;
}

#electro #cloud-support .support-links {
	font-size: 13px;
	color: #636566;

	padding-right: 1px;
	padding-bottom: 30px;

	text-align: right;
}

#electro #cloud-support .support-links a,
#electro #cloud-support .support-links a:visited {
	color: #63BEEA;

	text-decoration: none;
}

#electro #cloud-support .support-links a:hover {
	text-decoration: underline;
}

/* pricing page */

#electro .nav-links {
	font-weight: bold;

	padding: 20px 0 17px 0;
}

#electro .nav-links a {
	font-size: 15px;
	font-weight: normal;
	color: #33AAE5;
	padding: 0 12px;
	text-decoration: underline;
	border-right: 1px solid #CCC;
}

#electro .nav-links a.last {
	border-right: 0;
}

#electro .pricing-block {
	font-size: 13px;
	color: #2F2F2F;

	position: relative;

	width: 897px;

	margin: 10px 40px 20px 40px;
}

#electro .pricing-block .nav-marker {
	position: absolute;
	top: -120px;
	left: -330px;

	display:block;

	width:1px;
	height:1px;
}

#electro .pricing-package {
	float: left;

	width: 184px;

	padding: 18px 20px 29px 21px;
}

#electro .pricing-products {
	padding: 18px 20px 29px 21px;
}

#electro .pricing-package h2,
#electro .pricing-products h2 {
	font-size: 17px;
	font-weight: bold;
	color: #4A4A4A;

	padding-bottom: 0;
}

#electro .pricing-package h3 {
	font-size: 16px;
	font-weight: normal;
	color: #4A4A4A;

	padding-bottom: 10px;
}

#electro .pricing-package .package-description,
#electro .pricing-products .package-description {
	font-size: 13px;
	font-weight: normal;
	line-height: 19px;
	color: #7B7B7B;
}


#electro .package-choices {
	float: left;

	width: 669px;

	background: url(../eimages/divider_vlight.png) no-repeat 20px left;
	-moz-background-size: 1px 90%;
	     background-size: 1px 90%;
}
#electro .package-choices .emphasis {
	color: #4AB2E5;
}

#electro .package-summary {
	font-size: 14px;
	font-weight: bold;
	color: #4A4A4A;

	padding: 58px 20px 15px 1px;
}

#electro .package-selection {
	position: relative;

	display: block;
	clear: both;

	margin: 0;
	padding: 0 0 0 1px;

	border-top: 1px solid #DEDEDE;
}

#electro .package-selection-last {
	position: relative;

	display: block;
	clear: both;

	margin: 0;
	padding: 0 0 0 1px;

	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
}

#electro .package-medal {
	position: absolute;
	top: 4px; left: -9px;
}
#electro .plan-subset {
	font-size: 16px;
	font-weight: bold;
	color: #4A4A4A;

	margin-top: -6px;
	padding-bottom: 6px;
	padding-left: 1px;
}
#electro .package-name {
	font-size: 17px;
	color: #30A7E2;

	float: left;

	width: 252px;
	padding: 10px 5px 10px 19px;

	background-color: #EFEFEF;
}
#electro .package-usage {
	font-size: 15px;
	font-weight: normal;
	color: #636363;

	float: left;

	width: 112px;
	padding: 11px 19px 8px 10px;

	text-align: right;

	background-color: #F7F7F7;
}
#electro .package-single-purchase {
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	color: #636363;

	float: left;

	width: 112px;
	padding: 11px 19px 8px 10px;

	text-align: right;

	background-color: #F7F7F7;
}
#electro .package-usage2 {
	font-size: 15px;
	font-weight: normal;
	color: #636363;

	float: left;

	width: 112px;
	padding: 11px 19px 8px 10px;

	text-align: right;

	background-color: #F7F7F7;
}
#electro .package-price {
	font-size: 18px;
	font-weight: bold;
	color: #606060;

	float: left;

	width: 91px;
	padding: 9px 19px 11px 10px;

	text-align: right;

	background-color: #EFEFEF;
}
#electro .package-signup {
	float: left;

	width: 121px;
	height: 39px;

	background-color: #F7F7F7;
}

#electro .package-name-sh {
	font-size: 17px;
	color: #30A7E2;

	float: left;

	width: 130px;
	padding: 10px 5px 10px 19px;

	background-color: #EFEFEF;
}
#electro .package-appl-price {
	font-size: 16px;
	font-weight: bold;
	color: #606060;

	float: left;

	width: 191px;
	padding: 9px 19px 11px 10px;

	text-align: right;
	white-space: nowrap;

	background-color: #EFEFEF;
}
#electro .package-user-price {
	font-size: 16px;
	font-weight: bold;
	color: #606060;

	float: left;

	width: 91px;
	padding: 9px 19px 11px 10px;

	text-align: right;

	background-color: #EFEFEF;
}
#electro .package-memory {
	font-size: 16px;
	font-weight: normal;
	color: #606060;

	float: left;

	width: 140px;
	padding: 9px 19px 11px 10px;

	text-align: center;

	background-color: #F7F7F7;
}
#electro .package-transfer {
	font-size: 16px;
	font-weight: normal;
	color: #606060;

	float: left;

	width: 50px;
	padding: 9px 19px 11px 10px;

	text-align: right;

	background-color: #EFEFEF;
}

#electro .package-signup a,
#electro .product-list a {
	text-decoration: none;
}
#electro .rounded-button {
	font-size: 15px;
	font-weight: bold;
	color: #FFF;

	float: left;

	width: 56px;
	height: 15px;
	margin: 7px 16px 6px 16px;
	padding: 2px 22px 8px 22px;

	text-align: center;
	white-space: nowrap;

	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	background-color: #DCDCDC;

	-khtml-border-radius: 15px;
	    -ms-border-radius: 15px;
}
#electro .rounded-button.contact {
	font-size: 13px;
	line-height: 19px;

	padding: 3px 27px 7px 17px;

	white-space: nowrap;
}
#electro .rounded-button-sm {
	font-size: 15px;
	font-weight: bold;
	color: white;

	display: inline;

	width: auto;
	height: 15px;
	padding: 3px 18px 5px 18px;

	text-align: center;
	white-space: nowrap;

	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;

	background-color: gainsboro;

	-khtml-border-radius: 15px;
	    -ms-border-radius: 15px;
}
#electro .rounded-button-sm-d {
	font-size: 15px;
	font-weight: bold;
	color: #CCC;

	width: 56px;
	height: 15px;
	padding: 2px 12px 8px 12px;

	text-align: center;

	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;

	background-color: #DCDCDC;

	-khtml-border-radius: 15px;
	    -ms-border-radius: 15px;
}
#electro .rounded-button-blue {
	color: #FDFF57;

	background-color: #0095DE;
}
#electro .button-more {
	float: right;

	width: 46px;
	height: 22px;
	margin: 0 5px -3px 5px;

	cursor: pointer;

	background: url(../eimages/info_btn.png) no-repeat top left;
}
#electro .text-more,
#electro .text-more-empty {
	font-size: 13px;

	color: #31A9E4;

	visibility: hidden;

	cursor: pointer;
}
#electro .package-note {
	font-size: 13px;
	line-height: 17px;
	color: #636363;

	padding: 26px 20px 10px 20px;
}
#electro .package-note-appl {
	font-size: 13px;
	line-height: 17px;
	color: #636363;

	padding: 12px 20px 24px 20px;
}
#electro .package-note-appl2 {
	font-size: 13px;
	line-height: 17px;
	color: #636363;

	padding: 12px 20px 0 20px;
}
#electro .package-note a {
	font-weight: bold;

	color: #636363;

	text-decoration: none;
}
#electro .package-footnote {
	color: #636363;

	padding: 17px 20px 10px 0;

	text-align: right;
}
#electro .package-footnote img {
	padding-right: 2px;
	padding-left: 20px;

	vertical-align:text-bottom;
}
#electro .qualifier {
	font-size: 14px;

	font-weight: normal;
	line-height: 14px;
}
#electro .product-list {
	margin-right: -20px;
	margin-left: -20px;

	padding-top: 20px;
}
#electro .pricing-product-first {
	float: left;

	width: 191px;
	padding: 0 14px 5px 20px;
}
#electro .pricing-product {
	float: left;

	width: 186px;
	padding: 0 16px 5px 20px;

	background: url(../eimages/divider_vlight.png) no-repeat top left;
	-moz-background-size: 1px 100%;
	     background-size: 1px 100%;
}
#electro .pricing-product img,
#electro .pricing-product-first img {
	margin-top: -4px;
}
#electro .product-name {
	font-size: 17px;
	color: #30A7E2;

	margin-top: -5px;
}
#electro .product-description {
	font-size: 13px;
	font-weight: normal;
	color: #7B7B7B;

	padding-top: 2px;
}
#electro .product-price {
	font-size: 18px;
	font-weight: bold;
	color: #606060;

	padding-top: 17px;
	padding-bottom: 13px;
}
#electro #backup-tools .product-price {
	margin-top: -2px;
	padding-top: 0;
}
#electro .pricing-product .purchase-button img {
	margin-top: -3px;
}
#electro .pricing-clouds {
	float: left;

	width: 410px;
	padding: 6px 14px 5px 20px;

	background: url(../eimages/divider_vlight.png) no-repeat top left;
	-moz-background-size: 1px 100%;
	     background-size: 1px 100%;
}
#electro .pricing-free-first {
	float: left;

	width: 191px;
	height: 224px;
	padding: 14px 14px 5px 20px;
}
#electro .pricing-free {
	float: left;

	width: 186px;
	height: 283px;
	padding: 14px 16px 5px 20px;

	background: url(../eimages/divider_vlight.png) no-repeat top left;
	-moz-background-size: 1px 100%;
	     background-size: 1px 100%;
}
#electro .product-clouds {
	font-size: 72px;
	line-height: 72px;
	color: #30A7E2;

	padding-top: 5px;
}
#electro .product-clouds .desc {
	font-size: 14px;
	color: #30A7E2;
}
#electro .product-clouds #one {
	font-size: 14px;
	color: #30A7E2;

	margin-left: -8px;
}
#electro .pricing-clouds .product-description {
	margin-top: 3px;
	padding-bottom: 23px;
}
#electro #pricing-free .product-price {
	font-size: 18px;
	font-weight: bold;
	color: #606060;

	margin-top: -10px;
	padding-top: 0;
	padding-bottom: 13px;
}
#electro .pricing-note {
	color: #636363;

	clear: both;

	padding-top: 8px;
	padding-bottom: 30px;

	text-align: center;
}
#electro .pricing-note a {
	font-weight: bold;
	color: #636363;

	text-decoration: none;
}
#electro .pricing-note a:hover {
	text-decoration: underline;
}
#electro .cloud-icons img {
	margin-bottom: -5px;
}
#electro .more-info {
	line-height: 16px;
	color: #424242;
	/*zoom:1;*/

	position:relative;

	display: none;
	float:left;
	clear: both;
	/* clear:right; */

	width: 632px;
	padding: 0 16px 24px 20px;

	background-color: #DEDEDE;
	/* overflow:hidden; */
}
#electro .more-info p {
	width:576px;

	padding: 14px 40px 2px 0;
}
#electro .more-info .button-close {
	font-size: 11px;
	font-weight: bold;
	color: #59B2DF;

	float: right;

	height: 100%;
	margin-top: 8px;
	padding-right: 2px;

	cursor: pointer;
}

#electro .pricing-product .more-info,
#electro .pricing-product-first .more-info {
	line-height: 16px;
	color: #7B7B7B;

	position: relative;
	top: -6px;

	display: none;

	width: auto;
	padding: 0 0 0 0;

	background: transparent;
}
#electro .pricing-product .more-info p,
#electro .pricing-product-first .more-info p {
	width: auto;

	padding: 0 0 8px 0;
}
#electro .pricing-product .more-info .button-close,
#electro .pricing-product-first .more-info .button-close {
	font-size: 11px;
	font-weight: bold;

	color: #59B2DF;

	display: inline;
	float: none;

	height: 100%;
	margin-top: 8px;
	padding-right: 2px;

	cursor: pointer;
	white-space: nowrap;
}

#electro #sitemap {
	font-size: 14px;
	line-height: 19px;
	color: #323232;

	width: 897px;
	margin-top: 10px;
	margin-left: 40px;
}

#sitemap .sitemap-left {
	float: left;

	width: 412px;
	padding: 10px 30px 30px 0;
}

#sitemap .sitemap-right {
	float: left;

	width: 416px;
	padding: 10px 15px 30px 20px;
}
#sitemap h3 {
	font-size: 15px;
	font-weight: bold;
	color: #0978AC;

	padding-bottom: 6px;
}
#sitemap ul {
	padding-bottom: 20px;
}
#sitemap ul li {
	padding-left: 14px;
}
#sitemap ul a, #sitemap ul a:visited {
	color: #323232;

	text-decoration: none;
}
#sitemap ul a:hover {
	color: #264B79;

	text-decoration: underline;
}



#electro #quickview {
	display: none;
}
#electro .mask {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;

	background: url('../eimages/mask.png') repeat top left;
}
#electro .overlay {
	position: absolute;

	z-index: 1000;
	top: 136px;
	left: 50%;

	width: 897px;
	height: 600px;
	margin-left: -447px;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	background-color: #FFF;
	-webkit-box-shadow: 0 0 8px rgba(44,167,227,.4);
	-khtml-box-shadow: 0 0 8px rgba(44,167,227,.4);
	   -moz-box-shadow: 0 0 8px rgba(44,167,227,.4);
	        box-shadow: 0 0 8px rgba(44,167,227,.4);

	    -ms-box-shadow: 0 0 8px rgba(44,167,227,.4);
	-khtml-border-radius: 5px;
	    -ms-border-radius: 5px;
}
#electro .overlay-close {
	float: right;

	margin-top: 13px;
	margin-right: 10px;
}


.reg-for-trial {
	font-size: 13px;
	font-weight: normal;
	line-height: 30px;
	display: inline-block;
	margin-bottom: 0;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border: 1px solid transparent;
	border-radius: 4px;
	background: #6E8092;
	color: #fff !important;
	padding: 5px 20px !important;
	text-decoration: none !important;
}

.reg-for-trial:hover {
	background-color: #8596A9;
}

.reg-for-trial:active {
	background-color: #8596A9;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}


.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
	width: auto!important;
	height: auto!important;
}