/* CSS Document */

.mainpg{
width:779px;
height:auto;
padding:8px;
padding-top:14px;
border:#CCCCCC 1px solid;
border-top:#6f6436 6px solid;
}

.header{
width:765px;
height:252px;
border:#cccccc 1px solid;
padding:1px;
}

.headermain{
float:left;
width:763px;
height:250px;
background-color:#a4c502;
padding:1px;
}

.formbg {
	background-color:#ecf4e1;
	color:#097c3d;
	line-height:13px;
	padding-left:5px;
}

input.buttonsearch { /*width:55px; */
	background-color:#33a045;
	color:#FFFFFF;
	border-bottom:1px solid #097a36;
	border-right:1px solid #097a36;
	border-top:1px solid #f4faf5;
	border-left:1px solid #f4faf5;
	margin-top:4px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

input
{
margin:0px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
height:15px;
padding:0px;
display: block;
color: #222222;
border: 1px solid #aaaaaa;
font-size:8pt;
}



textarea
{
display: block
color: #F0F7F9;
background: #ffff99;
border: 1px solid #aaaaaa;
}
select
{
display: block
color: #222222;
background: #ffffbb;
border: 1px solid #aaaaaa;
margin:0px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
height:19px;
font-size:8pt;
}

.logoright{
float:right;
width:380px;
height:185px;
padding:12px;
}

.hello{
font-family:Gill Sans MT Condensed;
font-size:40px;
color:#fefb01;
padding:10px;
}

.headertxt{
	width:360px;
	float:left;
	font-family:Arial;
	font-size:12px;
	color:#FFFFFF;
	padding-left:10px;
}

.headerques{
font-family:tahoma;
font-size:12px;
color:#fcfe80;
}


.headertxt2{
font-family:tahoma;
font-size:11px;
color:#FFFFFF;
}

.logo{
float:left;
width:259px;
height:185px;
padding-left:30px;
padding-top:30px;
padding-right:30px;
}

.fullservice{
float:right;
width:252px;
height:35px;
padding-top:6px;
}

.container{
width:765px;
height:100%px;
}

.designpro{
margin-top:5px;
padding-top:10px;
width:765px;
height:100%;
}
.designproa{
margin-top:5px;
padding-top:10px;
width:700px;
height:100%;
padding-left:25px;
}

.leftcntr{
float:left;
width:249px;
height:800px;
border:#cccccc 1px solid;
}

.midcntr{
float:left;
width:249px;
height:800px;
border:#cccccc 1px solid;
margin-left:6px;
}

.rightcntr{
float:right;
width:249px;
height:800px;
border:#cccccc 1px solid;
margin-bottom:10px;
}

.logogenimg{
margin-top:8px;
width:238px;
height:84px;
background-image:url(<? echo $porcon["portal_klasor"] ?>/images/logo_genie.gif);
background-repeat:no-repeat;

}

.bangenimg{
margin-top:8px;
width:238px;
height:84px;
background-image:url(/portal/images/banner_genie.gif);
background-repeat:no-repeat;
}

.tempgenimg{
margin-top:8px;
width:238px;
height:84px;
background-image:url(<? echo $porcon["portal_klasor"] ?>/images/temp_genie.gif);
background-repeat:no-repeat;

}

.Logohead{
font-family:}

.custsupdrop{
width:765px;
height:238px;
margin-top:10px;
}

.custsupbox{
float:left;
width:494px;
height:26px;
background-image:url(<? echo $porcon["portal_klasor"] ?>/images/custsup_bar.gif);
background-repeat:no-repeat;
}

.mailbox{
float:right;
width:263px;
height:26px;
background-image:url(<? echo $porcon["portal_klasor"] ?>/images/mail_address.gif);
background-repeat:no-repeat;
}

.suppleft{
float:left;
margin-top:28px;
width:476px;
border:#e36425 1px solid;
padding-left:8px;
padding-right:8px;
height:213px;
}

.mailadd{
margin-top:28px;
float:right;
width:245px;
height:86px;
border:#7cb63e 1px solid;
padding-left:8px;
padding-right:8px;
padding-top:8px;
}

.commontxt{
font-family:tahoma;
font-size:11px;
color:#666666;
line-height:16px;
text-align:left;
}

.commontxt a{
color:#666666;
text-decoration:none;
}

.commontxt a:link{
color:#666666;
text-decoration:none;
}

.commontxt a:hover{
text-decoration:none;
}

.livesup{
float:right;
margin-top:5px;
width:263px;
height:26px;
background-image:url(<? echo $porcon["portal_klasor"] ?>/images/live_supp.gif);
background-repeat:no-repeat;
}


.chaticon{
padding:2px;
border:#e36425 1px solid;
margin-top:28px;

}

.email{
font-family:tahoma;
font-size:11px;
color:#fbae25;
}

.logotxt{
width:234px;
height:569px;
margin-bottom:3px;
margin-right:3px;
margin-left:3px;
margin-top:5px;
}

.logoff{
float:left;
width:117px;
height:140px;
margin-top:-16px;
}

.greentxt{
font-family:tahoma;
font-size:11px;
color:#9bb010;
line-height:18px;
text-align:left;
}

.greentxt li{
color:#9bb010;
text-decoration:none;
}

.friendbox{
clear:both;
width:765px;
height:auto;
margin-top:10px;
}
.friendboxa{
clear:both;
width:700px;
height:auto;
margin-top:10px;
}

.tellafrnd{
float:left;
width:250px;
height:143px;
border:#CCCCCC 1px solid;
margin-top:6px;
}

.memgenbox{
float:left;
margin-left:6px;
margin-top:6px;
padding-top:3px;
width:250px;
height:140px;
border:#CCCCCC 1px solid;
}

.specoff{
float:right;
width:250px;
height:150px;
}

.footer{
clear:both;
width:765px;
height:auto;
padding-top:8px;
}

.footerlink{
float:left;
width:400px;
font-family:tahoma;
font-size:11px;
color:#888888;
padding-top:10px;
}

.footerlink a{
color:#888888;
text-decoration:none;
}

.footerlink a:link{
color:#888888;
text-decoration:none;
}


.footerlink a:hover{
color:#fcae26;
text-decoration:none;
}


.copyright{
float:right;
width:300px;
font-family:tahoma;
font-size:11px;
color:#888888;
padding-top:10px;
}

.headings{
font-family:Tahoma;
font-size:11px;
color:#e4630f;
line-height:18px;
text-align:left;
text-decoration:none;
}

.headings li{
color:#666666;
text-decoration:none;
}

.headetail{
text-align:left;
font-family:Tahoma;
color:#e4630f;
font-size:16px;
line-height:18px;
}

.bodytxt{
width:765px;
height:100%px;
}

.content{
color:#D40204;
}

.headingfont{
font-family:Franklin Gothic Demi;
font-size:25px;
color:#f08220;
}

.line{
text-align:left;
margin-top:-26px;
color:#a4c502;
}

.headtxt{
text-align:left;
font-family:tahoma;
font-size:16px;
color:#d60201;
float:left;
}
.headtxto{
text-align:left;
font-family:tahoma;
font-size:13px;
color:#666666;
float:left;
text-decoration:underline;
}

.websitedesign{
float:left;
width:700px;
}
.templatedesign{
float:left;
width:700px;
}

.logodesign{
float:left;
width:700px;
margin-top:8px;
}

.bannerdesign{
float:left;
width:700px;
margin-top:8px;
}
.vbanner{
float:left;
width:700px;
margin-top:8px;
}
.home
{
margin-top:20px;
height:auto;
margin-left:-25px;
font-family:tahoma;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-align:left;
}
.home a
{
text-decoration:none;
color:#FFFFFF;
}
.home a:link
{
text-decoration:none;
color:#FFFFFF;
}
.home a:hover
{
text-decoration:underline;
color:#FFFFFF;
}

.sidemain {
	width:521px;
	height:267px;
	background-image:url(<? echo $porcon['portal_klasor'] ?>/images/main_bg.gif);
	background-repeat:no-repeat;
	padding-left:16px;
	padding-right:16px;
	padding-bottom:10px;
	padding-top:20px;
	
}
.sideclose{
float:right;
width:16px;
height:13px;
text-align:right;


}

.sideheading{
float:left;
height:13px;
font-family:verdana;
font-size:12px;
color: #FFFFFF;

}

.sidecontent{
float:left;
clear:both;
width:510px;
height:204px;
overflow:scroll;
border:#999999 2px solid;
padding-right:3px;
background-color: #FEFFB9;
color:#666666;
margin-top:8px;

}
.invoice{
float:left;
height:150px;
width:400px;
font-family:verdana;
font-size:12px;
color: #000000;
border:#999999 2px solid;
background-color:#FEFFB9;
}

.invoicediv{
margin-top:10px;
height:150px;
width:400px;
}
.weblink{
	font-size:12px; font-weight:bold; color:#000000; font-family:arial; margin-top:8px;
	}
.weblink a{
	font-size:12px; font-weight:bold; color:#a4c502; text-decoration:none;
	}
.weblink a:hover{
	text-decoration:underline;
	}