@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, fieldset, form, label, legend{background: transparent; border: 0; margin: 0; padding: 0;}
blockquote {quotes: none;}
blockquote:before, blockquote:after {content: ''; content: none;}
h1, h2, h3, h4, h5, h6 {line-height:normal; font-weight:normal;}
table{border-collapse: collapse; border-spacing: 0;}
a img {border: none;}

body{ font-family:Arial, Helvetica, sans-serif; }

.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}


/*For HOMEPAGE*/

.wrapper1{ width:826px; margin:0 auto; }
.logo{ padding:122px 0 20px 0;}

.link1{ margin:0 20px 0 0;}
.link1 a{ width:378px; height:314px; background:url(../images/img-1.jpg) left top no-repeat; border:10px solid #FFF; -webkit-box-shadow:  3px 3px 5px 2px rgba(0, 0, 0, 0.2);  box-shadow:  3px 3px 5px 2px rgba(0, 0, 0, 0.2); display:block; overflow:hidden; text-indent:-5000px;}
.link1 a:hover{ background:url(../images/img-1.jpg) left bottom no-repeat;}

.link2{ margin:0;}
.link2 a{ width:378px; height:314px; background:url(../images/img-1.jpg) right top no-repeat; border:10px solid #FFF; -webkit-box-shadow:  3px 3px 5px 2px rgba(0, 0, 0, 0.2);  box-shadow:  3px 3px 5px 2px rgba(0, 0, 0, 0.2); display:block; overflow:hidden; text-indent:-5000px;}
.link2 a:hover{ background:url(../images/img-1.jpg) right bottom no-repeat;}

.phon-text{
	font:bold 16px/22px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#231f20;}
	
.phon-text span{ padding:0 10px 0 0; color:#231f20;}	
.phon-text span span{ padding:0 2px 0 0; color:#ec008c;}	
.phon-text a{color:#231f20; text-decoration:none;}
.phon-text a:hover{ text-decoration: underline; color:#ec008c;}
	
/*end of HOMEPAGE css*/
	
/* consumer-section css*/


.wrapper2{ background-color:#FFF; width:820px; margin:20px auto 25px auto; -webkit-box-shadow:3px 3px 5px 2px rgba(0, 0, 0, 0.2);  box-shadow:3px 3px 5px 2px rgba(0, 0, 0, 0.2); border:5px solid #FFF; background:url(../images/bg2.jpg) right top no-repeat;  }
.title1{ font:bold 60px/60px "Times New Roman", Times, serif; color:#000; letter-spacing:-2px;}
.title1 span{ font:bold 38px/30px "Times New Roman", Times, serif; color:#000; letter-spacing:-1px;}

.title2{ font: normal 18px/25px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#231f20; letter-spacing:-1px;}

.text1{ font: italic 17px/20px  "Times New Roman", Times, serif; color:#231f20; text-align:justify;}
/* end of consumer-section css*/


/* business-section css*/

.wrapper3{ background-color:#FFF; width:920px; margin:20px auto 25px auto; -webkit-box-shadow:3px 3px 5px 2px rgba(0, 0, 0, 0.2);  box-shadow:3px 3px 5px 2px rgba(0, 0, 0, 0.2); padding:20px 36px 40px 36px; background:url(../images/img-3.jpg) 400px 89px no-repeat; border:1px solid #ebebeb;}


/* end of business-section css*/





/* login css*/

.wrapper4{ background-color:#FFF; width:720px; margin:20px auto 25px auto; -webkit-box-shadow:3px 3px 5px 2px rgba(0, 0, 0, 0.2);  box-shadow:3px 3px 5px 2px rgba(0, 0, 0, 0.2); padding:40px 36px; border:1px solid #ebebeb;}

.input1{ border:1px solid #6e6d6e; width:90%; height:30px; font: normal 14px/25px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#231f20; text-indent:5px;}




/* end of login css*/
.redmsg { font:12px/14px Arial, Helvetica, sans-serif; color:#F40000; background:#FFF7F7;	width:271px; border:1px solid #FFAFA9; padding:3px 7px;	margin:10px 5px; text-align:center; }
.greenmsg { font:12px/14px Arial, Helvetica, sans-serif; color:#3E8629; background:#F2FFED; width:271px; border:1px solid #60BB46; padding:3px 7px;	margin:10px 5px; text-align:center; }
.bluelightmsg { font:12px/14px Arial, Helvetica, sans-serif; color:#587983; background:#EAFAFF; width:271px; border:1px solid #8BC1D1; padding:3px 7px;	margin:10px 5px; text-align:center; }