

/******************    Old Version    ******************/

.indexContent {
	font-size: 12px;
	/*line-height: 18px;*/
	text-align: justify;
	padding: 0px;
	padding-bottom: 0px;
	/*border: 1px solid #fff;*/
	margin: 0px;
}

	.indexContent h1 {
		background: none;
		margin: 10px 0px 0px 0px;
		padding: 0px;
		font-size: 26px;
		font-weight: normal;
		color: #0080D2;
		position: relative;
	}

	.indexContent h2, .indexContent h3 {
		margin: 10px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 18px;
		line-height: 28px;
		font-weight: normal;
		color: #0080D2;
		
	}
.indexContent td {
	font-size: 12px;
}

table .infoBlocks {
	margin: 0px 0px 0px 0px;

}
table .infoBlocks ul {
	margin: 10px 0px 0px 0px;
}

table .infoBlocks .block {
	background: url(../image/bg/bg-block.jpg) left bottom no-repeat;
	width: 290px;
	margin: 0px;
	vertical-align: top;
	padding: 20px 20px 0px 20px;
	text-align: left;
	font-size: 11px;
}
table .infoBlocks .block a {
	margin: 0px;
	padding-top: 0px;
	text-align: left;
	color: #666;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
table .infoBlocks .block img{
	margin: 0px 0px 10px 0px;
}
.header {
	padding: 26px 0px 16px 100px;
	font-size: 18px;
	font-weight: normal;
	color: #00568F;
	text-align: left;
	margin: 0px 0px;
	height: 60px;
}
h2.header, h3.header {
	padding: 26px 0px 16px 100px;
	font-size: 18px;
	font-weight: normal;
	color: #00568F;
	text-align: left;
	margin: 0px 0px;
	height: 60px;

	line-height: 20px;
}


.header#ecommerce {background: url(../image/icon/ecommerce.gif) left top no-repeat;}
.header#vod {background: url(../image/icon/vod.gif) left top no-repeat;}
.header#templates {background: url(../image/icon/templates.gif) left top no-repeat; padding: 48px 0px 3px 100px; height: 60px;}
.header#design {background: url(../image/icon/design.gif) left top no-repeat; padding: 48px 0px 3px 68px; height: 60px;}


.indexContent ul li {
	margin: 3px 0px;
	font-size: 11px;
	text-align: left;
}
.indexContent ul.numbered {
	margin: 0px;
}

.indexContent ul.numbered li {
	background: none;
	margin: 0px 0px;
	padding: 10px 0px 4px 20px;
}

.indexContent ul.numbered li#num1 {background: url(../image/bullet/1.gif) left 7px no-repeat; }
.indexContent ul.numbered li#num2 {background: url(../image/bullet/2.gif) left 7px no-repeat; }
.indexContent ul.numbered li#num3 {background: url(../image/bullet/3.gif) left 7px no-repeat; }
.indexContent ul.numbered li#num4 {background: url(../image/bullet/4.gif) left 7px no-repeat; }
.indexContent ul.numbered li#num5 {background: url(../image/bullet/5.gif) left 7px no-repeat; }
.indexContent ul.numbered li#num6 {background: url(../image/bullet/6.gif) left 7px no-repeat; }

.indexContent .designTemplates {
	margin: 20px 0px;
}

.indexContent .designTemplates .bg {
	background: url(../image/bg/bg-template.jpg) left top no-repeat;
	/* border: 1px solid; */
	width: 165px;
	height: 140px;
	display: inline;
	margin: 10px;
	padding: 6px;
}
.indexContent .designTemplates .bg img {
	border: none;
}

.indexRightPane {
	margin: 0px;
	border-left: 1px solid #e0e0e0;
	padding-left: 24px;
	padding-bottom: 50px;
}
.indexRightPane .block {
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #0080D2;
	font-size: 15px;
	width: auto;

}
.indexRightPane .block h2, .indexRightPane .block h3  {
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #0080D2;
	font-size: 15px;
	width: auto;
}

.indexRightPane .block#designRight {
	background: url('../image/icon/design.gif') left 34px no-repeat; 
	height: 120px;

}
.indexRightPane .block#dvd {background: url(../image/icon/dvd.gif) left 30px no-repeat;}
.indexRightPane .block#vod {background: url(../image/icon/vod.gif) left 30px no-repeat;}
.indexRightPane .block#templates {background: url(../image/icon/templates.gif) left 30px no-repeat;}
.indexRightPane .block#integration {background: url(../image/icon/integration.gif) left 30px no-repeat;}
.indexRightPane .block#technologies {background: url(../image/icon/technologies.gif) left 30px no-repeat; height: 110px;}
.indexRightPane .block#hosting {background: url(../image/icon/hosting.gif) left 30px no-repeat;}
.indexRightPane .block#datafeed {background: url(../image/icon/datafeed.gif) left 30px no-repeat;}
.indexRightPane .block#affiliate {background: url(../image/icon/affiliate.gif) left 30px no-repeat;}
.indexRightPane .block#outsourcing {background: url(../image/icon/outcoursing.gif) -5px 30px no-repeat;}
.indexRightPane .block#estore {background: url(../image/icon/estore.gif) 12px 30px no-repeat; height: 128px;}

.indexRightPane .block p {
	font-size: 11px; 
	color: #666; 
	padding-left: 100px;
}

