.leftminiBlock{
	float:left;
}
.rightminiBlock{
	float:right;
}
.rightSpace{
	margin-right:20px;
}
.rightSpace2{
	margin-right:10px;
}
.gradient{
	background:url(../images/midBox-bg.png) top repeat-x;
}

/*--Start Text Color--*/
.redDark{
	color:#b20c0c;
}
.orengeDarkLight{
	color:#e86606;
}
.orengeLight{
	color:#f2a019;
}
/*--End Text Color--*/

/*--Start Link Color--*/
.orengeDark a{
	color:#f0363b;
}
.orengeDark a:hover{
	color:#333;
}
.orengeDarkLight a{
	color:#e86606;
}
.orengeDarkLight a:hover{
	color:#333;
}
.orengeLight a{
	color:#f2a019;
}
.orengeLight a:hover{
	color:#333;
}
.blackLight a{
	color:#555;
}
.blackLight a:hover{
	color:#999;
}
/*--End Link Color--*/

/*--Start Button--*/
.buttonArea{
	text-align:center;
	margin-top:10px;
}
.sendButton{
	background:url(../images/ui-button.png) no-repeat 0 -895px;
	display:block;
	border:0;
	width:87px;
	height:25px;
	cursor:pointer;
	margin:0 auto;
}
.sendButton:hover{
	background-position: -87px -895px;
}
.registButton{
	background:url(../images/ui-button.png) no-repeat 0 -920px;
	display:block;
	border:0;
	width:87px;
	height:25px;
	cursor:pointer;
	margin:0 auto;
}
.registButton:hover{
	background-position: -87px -920px;
}
/*--End Button--*/

.moreinfoArea{
	text-align:right;
}
.moreInfo{
	float:right;
}
.moreInfo img{
	float:left;
	margin-right:5px;
}

.logo{
	background:url(../images/softmelt-logo.png) no-repeat;
	position:absolute;
	top:10px;
	left:1px;
	width:184px;
	height:89px;
}
.logo a{
	display:block;
	width:184px;
	height:89px;
	text-indent:-9999px;
}

/*--Start Nav Main--*/
.navMain{
	position:absolute;
	top:60px;
	right:0;
	width:601px;
}
.navMain ul{
	margin:0;
}
.navMain li{
	float:left;
	margin:0 5px;
}
.navMain a{
	background-image:url(../images/ui-button.png);
	display:block;
	text-indent:-9999px;
	height:24px;
}
.homeLink{
	background-position:0 0;
	width:87px;
}
.homeLink:hover{
	background-position:0 -48px;
}
.homeLink_current{
	background-position:0 -96px;
}
.servicesLink{
	background-position:-87px 0;
	width:116px;
}
.servicesLink:hover{
	background-position:-87px -48px;
}
.servicesLink_current{
	background-position:-87px -96px;
}
.portLink{
	background-position:0px -24px;
	width:110px;
}
.portLink:hover{
	background-position:0px -72px;
}
.portLink_current{
	background-position:0px -120px;
}
.stepLink{
	background-position:-110px -24px;
	width:148px;
}
.stepLink:hover{
	background-position:-110px -72px;
}
.stepLink_current{
	background-position:-110px -120px;
}
.contactLink{
	background-position:-203px 0;
	width:90px;
}
.contactLink:hover{
	background-position:-203px -48px;
}
.contactLink_current{
	background-position:-203px -96px;
}
/*--End Nav Main--*/

/*--Start Nav Left--*/
.navLeft{
	padding:0 5px;
}
.navLeft li{
	width:100%;
	margin:0;
}
.navLeft li a img{
	float:left;
	margin:3px 8px 0 0;
}
.navLeft li a{
	background:url(../images/line-1.png) center bottom no-repeat;
	display:block;
	font-size:14px;
	padding:3px 0 10px 0px;
}
.navLeft li ul{
	margin:0;
}
.navLeft li ul li{
	margin:0;
}
.navLeft li ul li a{
	display:block;
	font-size:12px;
	padding:3px 0 10px 20px;
}
/*--End Nav Left--*/

/*-- Start Of The Week Block --*/
.blockOftheweek{
	background:url(../images/leftBox-oftheweek.png) no-repeat;
	width:215px;
	height:263px;
	margin-bottom:10px;
	padding-top:5px;
}
.blockOftheweek .header{
	background:url(../images/of-the-week.png) no-repeat;
	width:149px;
	height:55px;
	line-height:55px;
	margin-left:-10px;
	padding-left:55px;
}
.blockOftheweek .header h2{
	font-size:16px;
	text-transform:uppercase;
	color:#FFF;
}
.blockOftheweek .body{
	text-align:center;
	padding:25px 10px;
}
.blockOftheweek .body a .thumb{
	margin-bottom:10px;
}
.blockOftheweek .body a .desc{
	font-size:14px;
}
.blockOftheweek .body a .desc span{
	display:block;
	font-size:12px;
	margin-top:2px;
}
/*-- End Of The Week Block --*/

/*--Start Nav WEbmaster--*/
.navWebmaster{
	padding:0 5px;
}
.navWebmaster li{
	width:100%;
	margin:0;
}
.navWebmaster li a img{
	float:left;
	margin:5px 5px 0 0;
}
.navWebmaster li a{
	display:block;
	font-size:14px;
	padding:5px;
}
/*--End Nav WEbmaster--*/

/*--Start Banner Top--*/
.bannerTop{
	position:absolute;
	right:65px;
	bottom:22px;
	z-index:10;
}
.GrassTop{
	background:url(../images/header-banner.png) no-repeat;
	position:absolute;
	right:-26px;
	bottom:3px;
	width:577px;
	height:104px;
	z-index:20;
}
/*--End Banner Top--*/

/*--Start Social --*/
.socialZone{
	position:absolute;
	right:0px;
	bottom:5px;
	z-index:30;
	width:120px;
	overflow:hidden;
}
/*--End Social --*/

/*--Start Step Process--*/
.stepProcess{
	width:958px;
	margin-bottom:5px;
	padding:0 11px;
	margin:5px 0 10px 0;
}
.stepProcess ul{
	margin:0;
}
.stepProcess li{
	float:left;
}
.stepProcess a{
	background-image:url(../images/ui-button.png);
	display:block;
	height:106px;
	text-indent:-9999px;
	margin:0 5px;
}
.step1{
	background-position:0 -144px;
	width:297px;
}
.step1:hover{
	background-position:0 -250px;
}
.step2{
	background-position:0 -356px;
	width:320px;
}
.step2:hover{
	background-position:0 -462px;
}
.step3{
	background-position:0 -568px;
	width:310px;
}
.step3:hover{
	background-position:0 -674px;
}
/*--End Step Process--*/

/*--Start Search Domain--*/
.searchDomain{
	background:url(../images/searchweb.png) no-repeat;
	width:755px;
	height:76px;
	margin-bottom:10px;
}
.searchDomain .formSearch{
	float:right;
	width:300px;
}
.searchDomain .formSearch .textFill,
.searchDomain .formSearch .selectDomain{
	float:left;
	margin-top:25px;
	margin-right:2px;
}
.searchDomain .formSearch .SearchBT{
	float:left;
	margin-top:10px;
	margin-right:2px;
}
.goBT{
	background:url(../images/ui-button.png) no-repeat 0 -780px;
	float:left;
	display:block;
	cursor:pointer;
	border:0;
	width:65px;
	height:55px;
}
.goBT:hover{
	background-position:-65px -780px;
}
/*--End Search Domain--*/

/*--Start About Us--*/
.aboutUs{
	width:755px;
	margin-bottom:5px;
}
.aboutUs .headerB{
	background:url(../images/aboutus-header.png) no-repeat;
	width:755px;
	height:17px;
}
.aboutUs .bodyB{
	background:url(../images/aboutus-body.png) repeat-y;
	width:715px;
	padding:0 20px;
}
.aboutUs .bodyB p{
	padding-bottom:10px;
}
.aboutUs .bodyB h2{
	font-size:14px;
	color:#ff6600;
	margin-bottom:3px;
}
.aboutUs .bodyB ul{
	padding-left:10px;
	margin-bottom:10px;
}
.aboutUs .bodyB li{
	margin-bottom:2px;
}
.aboutUs .footerB{
	background:url(../images/aboutus-footer.png) no-repeat;
	width:755px;
	height:17px;
}
/*--End About Us--*/

/*--Start Slide Promotion--*/
.slidePromotion{
	position:relative;
	width:755px;
	height:226px;
	margin-bottom:20px;
}
.slidePromotion .slideBanner{
	margin:0;
}
.slidePromotion .slideBanner li,
.slidePromotion .slideBanner a{
	float:left;
	width:755px;
	height:226px;
}
.slidePromotion .navNumber{
	position:absolute;
	right:15px;
	bottom:15px;
}
.slidePromotion .navNumber li{
	float:left;
	margin:0 2px;
}
.slidePromotion .navNumber li a{
	background:url(../images/ui-button.png) no-repeat -130px -803px;
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#ef4303;
	text-align:center;
	line-height:23px;
	width:23px;
	height:23px;
}
.slidePromotion .navNumber li a.selected,
.slidePromotion .navNumber li a:hover{
	background-position:-130px -780px;
}
/*--End Slide Promotion--*/

/*--Start Product and Services--*/
.productnservice{
	float:left;
	margin:0;
}
.productnservice li{
	float:left;
	width:230px;
	padding:10px;
}
.productnservice li .thumbProduct{
	text-align:center;
	height:140px;
	margin-bottom:5px;
}
.productnservice li h3{
	display:block;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
.productnservice li p{
	margin-bottom:10px;
}
.dotlineLeft{
	background:url(../images/line-2.png) left repeat-y;
}
.dotlineRight{
	background:url(../images/line-2.png) right repeat-y;
}
/*--End Product and Services--*/

/*--Start Function--*/
.functionHeader{
	background-color:#FFF;
	width:745px;
	padding:5px;
	margin-bottom:10px;
}
.functionHeader .icon{
	float:left;
	margin:0 10px;
}
.functionHeader h2{
	font-size:16px;
	margin-top:8px;
}
.functionBody{
	margin-bottom:10px;
}
.functionList{
	float:left;
	width:250px;
	padding-right:10px;
}
.functionList ul{
	margin:0;
}
.functionList li{
	margin-bottom:5px;
}
.functionList a{
	background-color:#098ff3;
	display:block;
	font-size:14px;
	color:#FFF;
	height:40px;
	padding:10px;
}
.functionList a span{
	display:block;
	font-size:12px;
	margin-top:5px;
}
.functionList a:hover{
	background-color:#47b0ff;
}
.functionList a.current{
	background-color:#024f89;
}
.functionList .page{
	text-align:center;
	padding:5px 0;
}
.functionList .page a{
	background-image:url(../images/ui-button.png);
	display:inline-block;
	text-indent:-9999px;
	width:25px;
	height:25px;
	padding:0;
	margin:0 1px;
}
.backButton{
	background-position:-153px -782px;
}
.backButton:hover{
	background-position:-153px -807px;
}
.nextButton{
	background-position:-178px -782px;
}
.nextButton:hover{
	background-position:-178px -807px;
}

.functionDesc{
	background-color:#FFF;
	float:left;
	width:475px;
	padding:10px;
}
.functionDesc ul{
	margin:0;
}
.functionDesc li,
.functionDesc a{
	float:left;
	width:475px;
	height:257px;
}
.functionDesc li .banner,
.functionDesc li p{
	margin-bottom:10px;
}
.moreArea{
	text-align:right;
	width:475px;
	height:25px;
}
.moreArea a{
	background:url(../images/ui-button.png) no-repeat 0 -835px;
	float:right;
	text-indent:-9999px;
	width:87px;
	height:25px;
}
.moreArea a:hover{
	background-position: -87px -835px;
}
/*--End Function--*/

/*--Start ExWebsite--*/
.exWebsite{
	float:left;
	padding:10px 20px;
}
.exWebsite li{
	float:left;
	width:227px;
	padding:5px;
	height:180px;
}
.exWebsite li a .thumb{
	text-align:center;
	margin-bottom:10px;
}
.exWebsite li a .webName{
	text-align:center;
	font-size:14px;
}
.exWebsite li a .webName span{
	display:block;
	font-size:12px;
	margin-top:3px;
}

.exWebsite li a .webarticle{
	text-align:center;
	font-size:14px;
	min-height:40px;
}
.exWebsite li a .webarticle span{
	display:block;
	font-size:12px;
	margin-top:3px;
}
/*--End ExWebsite--*/

/*--Start article--*/
.article{
	float:left;
	padding:10px 20px;
	font-size:12px;
}
.article li{
	float:left;
	width:227px;
	padding:5px;
}
.article li a .thumb{
	text-align:center;
	margin-bottom:10px;
}
.article li a .webName{
	text-align:center;
	font-size:14px;
}
.article li a .webName span{
	display:block;
	font-size:12px;
	margin-top:3px;
}

.article li a .webarticle{
	text-align:center;
	font-size:14px;
	min-height:40px;
}
.article li a .webarticle span{
	display:block;
	font-size:12px;
	margin-top:3px;
}
/*--End ExWebsite--*/

/*--Start Tab Product--*/
.descService{
	min-height:40px;
	padding:10px 30px 0 30px;
}
.descService p{
	margin-bottom:10px;
}
.tabService{
	float:left;
	border-bottom:1px solid #ccc;
	width:702px;
	margin:0 20px;
	padding:0 5px;
}
.tabService li{
	float:left;
	margin:0 1px;
}
.tabService a{
	background: url(../images/ui-button.png) -150px -860px;
	display:block;
	font-weight:bold;
	color:#000;
	text-align:center;
	width:150px;
	height:35px;
	line-height:35px;
}
.tabService a.selected,
.tabService a:hover{
	background-position:0 -860px;
	color:#FFF;
}
.slidePage{
	float:left;
	width:100%;
	margin:0;
}
.navPage{
	text-align:center;
	width:100%;
}
.navPage a{
	display:inline-block;
	font-weight:bold;
	margin:0 5px;
}
/*--End Tab Product--*/

/*--Start Desc List--*/
.descList{
	float:left;
	width:348px;
	padding:5px 10px;
}
.descList li{
	float:left;
	width:348px;
	margin-bottom:5px;
}
.descList li a{
	cursor:pointer;
}
.descList li .thumb{
	float:left;
	margin-right:10px;
}
.descList li .icon{
	margin-right:5px;
}
.descList li .infoDesc{
	float:left;
	width:215px;
}
.descList li .infoDesc h3{
	font-size:14px;
	font-weight:bold;
	color:#e86606;
	margin-bottom:5px;
	padding:0;
}
.descList li .infoDesc h3 span{
	display:block;
	font-size:12px;
	color:#3B3B3B;
	margin-top:3px;
}
.descList li .infoDesc p{
	color:#3B3B3B;
}

/*--End Desc List--*/

/*--Start Desc List--*/
.descList2{
	float:left;
	/*width:348px;*/
	padding:5px 10px;
}
.descList2 li{
	float:left;
	width:348px;
	margin-bottom:5px;
}
.descList2 li a{
	cursor:pointer;
}
.descList2 li .thumb{
	float:left;
	margin-right:10px;
}
.descList2 li .icon{
	margin-right:5px;
}
.descList2 li .infoDesc{
	float:left;
	width:215px;
}
.descList2 li .infoDesc h3{
	font-size:14px;
	font-weight:bold;
	color:#e86606;
	margin-bottom:5px;
	padding:0;
}
.descList2 li .infoDesc h3 span{
	display:block;
	font-size:12px;
	color:#3B3B3B;
	margin-top:3px;
}
.descList2 li .infoDesc p{
	color:#3B3B3B;
}

/*--End Desc List--*/

/*--Start Webboard--*/
.webboardLast{
	padding:10px;
}
.webboardLast p{
	margin-bottom:15px;
}
.webboardLast .webboardTable{
	border:1px solid #ccc;
	width:100%;
	margin-bottom:10px;
}
.webboardLast .webboardTable th{
	background-color:#fea500;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	padding:10px;
}
.webboardLast .webboardTable td{
	border-bottom:1px solid #ccc;
	padding:5px;
}
.tableIcon{
	text-align:center;
	width:5%;
}
.tableTopic{
	text-align:left;
	width:50%;
}
.tableReply{
	text-align:center;
	width:15%;
}
.tableDate{
	text-align:center;
	width:15%;
}
/*--Start Webboard--*/

/*--Start Services Detail--*/
.servicesDetail{
	float:left;
	width:710px;
	margin:0;
	padding:0 20px;
}
.servicesDetail li{
	float:left;
	width:335px;
	padding:10px;
}
.servicesDetail li .thumb{
	text-align:center;
	margin-bottom:10px;
}
.servicesDetail li h2{
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
.servicesDetail li p{
	margin-bottom:5px;
}
/*--End Services Detail--*/

/*--Start Content--*/
.content{
	float:left;
	padding:0 30px;
}
.content .issue{
	padding-top:15px;
}
.content .issue h2{
	font-size:16px;
	font-weight:bold;
	color:#e86606;
	margin-bottom:10px;
}
.content .issue h2 img{
	float:left;
	margin:5px 5px 0 0;
}
.content .issue p{
	margin-bottom:10px;
}
.content .issue ul{
	margin-bottom:10px;
	padding-left:10px;
}
.content .issue li{
	background:url(../images/arrow-5.jpg) no-repeat left;
	padding-left:15px;
}
.content .issue .faq{
	width:100%;
	margin-bottom:10px;
}
.content .issue .faq h4{
	font-size:12px;
	font-weight:bold;
}
.content .issue .faq p{
	margin:5px 0 0 0;
}

.packageBlock{
	margin:0;
}
.packageBlock .headerpk{
	padding:6px 10px;
}
.packageBlock .headerpk h3{
	float:left;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	margin-right:10px;
}
.packageBlock .headerpk h3 .star{
	float:left;
	margin-left:5px;
}
.packageBlock  .bodypk{
	background-color:#f4faff;
	padding:15px;
}
.packageHeader1{
	background:url(../images/pack-01.jpg) repeat-x;
}
.packageHeader2{
	background:url(../images/pack-02.jpg) repeat-x;
}
.packageHeader3{
	background:url(../images/pack-03.jpg) repeat-x;
}
.packageHeader4{
	background:url(../images/pack-04.jpg) repeat-x;
}
.packageHeader5{
	background:url(../images/pack-05.jpg) repeat-x;
}
.fullBlock{
	width:100%;
}
.midBlock{
	width:49%;
}
.blockLine{
	background:url(../images/line-4.png) bottom repeat-x;
	padding-bottom:10px;
}
/*--End Content--*/

/*--Start Table Styly 1--*/
.tableStyle1,
.tableStyle2{
	width:690px;
	border:5px solid #CCC;
	margin:0;
	padding:0;
}
.tableStyle1 th,
.tableStyle2 th{
	background-color:#EDEDED;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:15px 5px;
}
.tableStyle1 td,
.tableStyle2 td{
	border-left:1px solid #FFF;
	border-top:1px solid #FFF;
	padding:5px;
}
.tableStyle1 td{
	background-color:#F8F8F8;
	padding:5px;
}
.tableStyle1 .step{
	width:10%;
}
.tableStyle1 .serviceDsc{
	width:60%;
}
.tableStyle1 .period{
	width:30%;
}
.tableStyle1 .month{
	width:5%;
}
.tableStyle1 .caption{
	color:#F00;
}
.tableStyle1 .moreInfoservices{
	background-color:#eee;
	font-weight:bold;
}
/*--End Table Styly 1--*/

/*--Start Table Styly 2--*/
.tableStyle2 .packageDetail{
	width:20%;
}
.tableStyle2 .packageChoise{
	width:16%;
}
.tableStyle2 .headerService{
	background-color:#EDEDED;
	font-size:14px;
	font-weight:bold;
}
.tableStyle2 .serviceDesc{
	padding-left:10px;
}
.tableStyle2 .serviceProvide{
	background-color:#F8F8F8;
}
.tableStyle2 strike{
	font-weight:bold;
	color:#999;
}
.tableStyle2 .newProvide{
	font-weight:bold;
	color:#F00;
}
/*--End Table Styly 2--*/

/*--Start Tab Step--*/
.tabStep{
	float:left;
	width:690px;
	margin-top:10px;
}
.tabStep li{
	background:url(../images/ui-button.png) -128px -945px;
	float:left;
	font-size:18px;
	font-weight:bold;
	color:#999;
	width:118px;
	height:30px;
	line-height:30px;
	padding:0 5px;
	margin:0 5px;
}
.tabStep li span{
	font-size:12px;
}
.tabStep li.selected{
	background-position: 0 -945px;
	color:#FFF;
}
/*--End Tab Step--*/

/*--Start Package Caption--*/
.packageCaption{
	margin:10px 0;
}
.packageCaption h4{
	font-weight:bold;
	color:#777;
	margin-bottom:5px;
}
.packageCaption ul{
	margin:0;
}
.packageCaption li{
	font-size:11px;
	color:#777;
	margin-bottom:5px;
}
/*--End Package Caption--*/

/*-- Start Contact Form --*/
.contactForm{
	border:1px solid #CCC;
	padding:10px;
}
.contactForm p{
	float:left;
	width:669px;
	margin:5px 0 !important;
}
.contactForm label{
	float:left;
	font-weight:bold;
	width:100px;
	margin-right:10px;
}
.contactForm .inputForm{
	float:left;
	width:559px;
}
.contactForm .inputForm .textInfo,
.contactForm .inputForm .descInfo{
	width:400px;
}
.contactForm .inputForm .choiseInfo{
	margin-right:5px;
}
.contactForm .inputForm .descInfo{
	height:100px;
}
.address{
	margin:30px 0;
}
.address h3{
	font-size:18px;
	font-weight:bold;
	color:#e86606;
	text-align:center;
}
.address p{
	text-align:center;
	margin:5px 0;
}
.address .googleMap{
	width:600px;
	margin:0 auto;
}
/*-- End Contact Form --*/

/*-- Start Nav Footer --*/
.navFooter{
	position:absolute;
	left:0;
	bottom:35px;
}
.navFooter ul{
	margin:0;
}
.navFooter li{
	float:left;
	border-left:1px solid #000;
	padding:0 10px;
}
.navFooter li.first{
	border-left:none;
	padding:0 10px 0 0;
}
.navFooter a{
	color:#142d05;
}
.navFooter a:hover{
	color:#FFF;
}
/*-- End Nav Footer --*/
.copyright{
	position:absolute;
	right:155px;
	bottom:35px;
	color:#142d05;
}
.social{
	position:absolute;
	right:0;
	bottom:22px;
}
.social a{
	display:inline-block;
	width:45px;
	height:45px;
}

