body {
	padding:0;
	margin:0;
	color:#000000;
}

body, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
}

/* br{font-size:10px} */

a:hover {text-decoration:none}

h1 {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px; 
	font-weight: bold;
}

.green{color:#9CE438;}
.red{color:#2C7F06;}
.o{color:#FFCC00;}
.blue{ color:#4380AD}
.w{color:#FFFFFF; }
.b{color:#000000; }
 
#input1 {
	scrollbar-3dlight-color:#E3E2E2;
	scrollbar-track-color:#FFFFFF;
	scrollbar-shadow-color:#E3E2E2 ;
	scrollbar-face-color:#ECB637; 
	scrollbar-arrow-color:#E3E2E2;
	scrollbar-darkShadow-color:#E3E2E2;
}

input,textarea {
   border:1px solid #ABABAB;
   font-family:Tahoma;
   font-size:12px;
}

.mainDiv {
	background-color:#FFFFFF;
}

.centerDiv  {
	background-color:#FFFFFF;
	position:relative;
	left:0px;
	padding-left: 50px;
	padding-right: 60px;
	padding-bottom: 20px;
	width:740px;
}

.templDiv
{
	z-index: 10;
	display: none;
	background-color:#BBBBBB;
	position:absolute;
	left:150px;
	top: 100px;
	padding: 8px 8px 8px 8px;
}

.templWaitDiv
{
	z-index: 11;
	display: none;
	position:absolute;
	left:160px;
	top: 110px;
}

.articleDiv
{
	font-family:Tahoma;
	font-size:10px;
	background-color:#DDDDDD;
	margin: 8px 8px 8px 8px;
	padding: 4px 16px 4px 16px;
}

.spacer0 {
	position:relative;
	left:0px;
	top:0px;
	height:70px;
}

.logoDiv {
	position:absolute;
	left:10px;
	top:10px;
	width:90px;
	height:60px;
}

.mainText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.grayText
{
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

.boxText
{
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.headerTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#666699;
}

.headerArea {
	position:absolute;
	left:100px;
	top:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color:#666699;
	margin-top: 20px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
}

.mainMenu {
	position:absolute;
	z-index: 10;
	left:100px;
	top:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#666699;
	margin-top: 20px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
}

.mainMenu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color:#666699;
	padding: 2px 2px 2px 2px;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-top: 1px solid #CCCCCC;
	background-color: #C7FA93;
}

.mainMenu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#000000;
	background-color: #FAFAFA;
}

.mainMenu a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#000000;
	border-bottom: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-top: 1px solid #EEEEEE;
	background-color: #C7FA93;
}

.topAreaUp {
	position:relative;
	left:10px;
	width:790px;
	height:27px;
}

.topAreaMain {
	position:relative;
	left:40px;
	width:752px;
	background-color:#ececec;
}

.topAreaText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#666666;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
}

.topAreaImage {
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 4px;
	padding-right: 4px;	
}

.topAreaDown {
	position:relative;
	left:0px;
	width:800px;
	height:35px;
}

.mainArea {
	position:relative;
	left:0px;
	width:10px;
	height:300px;
}

.eShopDemo0 {
	position:absolute;
	left:601px;
	top:0px;
	width:27px;
	height:70px;
}

.eShopDemo1 {
	position:absolute;
	left:628px;
	top:10px;
	width:172px;
	height:39px;
}

.eShopDemo2 {
	position:absolute;
	left:628px;
	top:49px;
	width:39px;
	height:21px;
}

.eShopDemo3 {
	position:absolute;
	left:667px;
	top:49px;
	width:35px;
	height:16px;
}

.eShopDemo4 {
	position:absolute;
	left:702px;
	top:49px;
	width:98px;
	height:21px;
}

.eShopDemo5 {
	position:absolute;
	left:667px;
	top:65px;
	width:35px;
	height:5px;
}


#stepDiv {
	position:absolute;
	left:65px;
	top:201px;
	width:212px;
	height:56px;
}

.footerArea {
	background-image: url(../images/xcweb2flat_43.jpg);
	position:relative;
	left:0px;
	width:800px;
	height:27px;
}

.footerAreaText {
	z-index: 10;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 8px;
}
.footerAreaText a {
	color:#222299;
	text-decoration: none;
}
.footerAreaText a:hover {
	color:#FFFFFF;
	text-decoration: none;
}

.footerAreaText2 {
	z-index: 10;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 4px;
	padding-right: 16px;
}

.topRightSpace {
	position:absolute;
	top: 0px;
	left:628px;
	width:80px;
	height: 70px;
	background-color: #cfc6ff;
}

.footerSpace {
	z-index: 20;
	position:relative;
	left:0px;
	width:800px;
	height: 10px;
	background-color: #cfc6ff;
}


/*--------------- home styles -----------------*/

#xcweb2flat-17 {
	position:relative;
	left:40px;
	top:0px;
	width:278px;
	height:29px;
}

#xcweb2flat-20 {
	position:relative;
	left:50px;
	top:0px;
	width:214px;
	height:187px;
}

#packSelect0 {
	position:relative;
	left:85px;
	top:-120px;
	width:30px;
	height:30px;
}
#packSelect1 {
	position:relative;
	left:85px;
	top:-110px;
	width:30px;
	height:30px;
}
#packSelect2 {
	position:relative;
	left:85px;
	top:-100px;
	width:30px;
	height:30px;
}

#eTools {
	z-index: 10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style:italic;
	font-weight: bold;
	color:#666666;
	position:absolute;
	left:121px;
	top:276px;
	width:208px;
	height:27px;
}

#xcweb2flat-21 {
	position:absolute;
	left:316px;
	top:28px;
	width:212px;
	height:215px;
}

#xcweb2flat-22 {
	position:absolute;
	left:530px;
	top:28px;
	width:213px;
	height:215px;
}

#xcweb2flat-23 {
	position:absolute;
	left:739px;
	top:229px;
	width:61px;
	height:250px;
}

#xcweb2flat-24 {
	position:relative;
	left:100px;
	top:0px;
	width:89px;
	height:28px;
}

#xcweb2flat-Start-up {
	position:relative;
	left:189px;
	top:0px;
	width:45px;
	height:16px;
}

#xcweb2flat-26 {
	position:relative;
	left:234px;
	top:0px;
	width:80px;
	height:28px;
}

#xcweb2flat-27 {
	position:absolute;
	left:189px;
	top:0px;
	width:45px;
	height:12px;
}


#xcweb2flat-30 {
	position:absolute;
	left:21px;
	top:479px;
	width:626px;
	height:22px;
}

#xcweb2flat-31 {
	position:absolute;
	left:647px;
	top:479px;
	width:153px;
	height:105px;
}

#xcweb2flat-32 {
	position:absolute;
	left:21px;
	top:501px;
	width:139px;
	height:83px;
}

#xcweb2flat-33 {
	position:absolute;
	left:160px;
	top:501px;
	width:83px;
	height:70px;
}

#xcweb2flat-34 {
	position:absolute;
	left:243px;
	top:501px;
	width:61px;
	height:70px;
}

#xcweb2flat-35 {
	position:absolute;
	left:304px;
	top:501px;
	width:61px;
	height:70px;
}

#xcweb2flat-36 {
	position:absolute;
	left:365px;
	top:501px;
	width:68px;
	height:70px;
}

#xcweb2flat-37 {
	position:absolute;
	left:433px;
	top:501px;
	width:63px;
	height:70px;
}

#xcweb2flat-38 {
	position:absolute;
	left:496px;
	top:501px;
	width:75px;
	height:70px;
}

#xcweb2flat-39 {
	position:absolute;
	left:571px;
	top:501px;
	width:67px;
	height:70px;
}

#xcweb2flat-40 {
	position:absolute;
	left:638px;
	top:501px;
	width:9px;
	height:83px;
}

#xcweb2flat-41 {
	position:absolute;
	left:160px;
	top:571px;
	width:478px;
	height:13px;
}