/* CSS Document */

body{
font:normal 12px Verdana, Arial;
padding:0px; margin:0px; 
background: #eeeeee url(images/bg.jpg) 50% 0 repeat-x;}

/*.................................................*/

#wrapper{
margin:auto auto;
width:805px;
margin:auto auto;
background:url(images/centerbg.gif) repeat-y;}

#inner_wrapper {
	display:table;
	width:781px;
	padding:0 12px 0 12px;
	background:url(images/centerbg2.gif) no-repeat top;}


.header{
background-color:#999;
width:779px; }


.middlesection{
background:url(images/midbg.gif) repeat-y;
width:779px;
margin:0px;
display:block;
}

.header_top1{
background:url(images/top.gif) no-repeat #999 top;
font:10px Verdana, Arial;
height:14px; 
color:#ccc; 
text-align:right;
vertical-align:top;
padding:0 0 0 4px; }

.header_top1 a{text-decoration:none;color:#ccc;  }
.header_top1 a:hover{text-decoration:none;color:#ccc; }


.pad1{
padding:0 10px 0px 0;}

.header_top2{
background:url(images/headerbg.gif) no-repeat;
height:87px;
}

.logo{
padding:11PX 0 0 46PX;}

.middlepannel{
background:url(images/mainbg.gif) no-repeat;
background-position:center top;
 
}



.middlesection_left{
width:576px;
margin:0px 0 0 16px;
padding:0 0 0 0 ; 
/*border-right:1px solid #FF9900;*/
background:url(images/mainbg.gif) no-repeat;
background-position:right top;
display:table;
}
* html .middlesection_left{
width:570px;
}

.middlesection_left_a{
margin:0 0 0 0px;
padding:8px 4PX 8px 24px;
}

.content{
font:normal 11px Verdana, Arial;
color:#333333;
line-height:17px;
text-align:justify;
}
.content a{
color:#333333;
text-decoration:none;
}
.content a:hover{
color:#999;
text-decoration:none;
}


.content_a_red{
font:normal 11px Verdana, Arial;
color:#333333;
line-height:17px;
text-align:justify;
} .content_a_red a{
color:red;
text-decoration:underline;
} .content_a_red a:hover{
color:#333333;
text-decoration:underline;
}


.sucess{
font:normal 11px Verdana, Arial;
color:#009900;
font-weight:bold;
}

.middlesection_left_b{
width:568px;
}

.mid3{
clear:both;
padding:0 0px 0 30px;
width:728px;
}


.middlesection_left_b_a{
padding:12px 0 0 0;
width:332px;
/*border-right:1px solid ;
*/
}

.middlesection_right{
margin:0px 0 0 18px;
padding:0 0 0 0 ; 
}

.middlesection_left_b_b{
float:right;
width:230px;
padding:4px 6px 0 0;
text-align:justify;
}
* html .middlesection_left_b_b{padding:7px 3px 0 0; width:223px;}

.midright{
float:right;
width:184px;

/*background-color:#FF9900;*/
margin-right:3px;
}
* html .midright{ margin-right:2px; }

.midtop1{
width:100%;
}

.rightboxheading{
background:url(images/r_topbg.gif) no-repeat;
font:bold 14px Arial, Verdana;
height:36px;
width:181px;
margin:12px 0 0 1px;
}

.rightboxbg{
background:url(images/rightsidebg.gif) repeat-y;
width:181px;
margin-left:1px;}

.rightboxbg{
width:181px;
margin-left:1px;}

.rightboxbottom{
background:url(images/rightsidebottom.gif) no-repeat top;
width:181px;
margin-left:1px; 
height:9px;
}

.quickquote{
padding:9px 0 0 45px;
margin:0px 0px 0px 0px;
color:#666; }

.rightboxtext{
color:#2a3f00;
padding:0 0 1px 10px;
}




.quick_quoteform{
	font:10px Verdana, Arial;
	color:#000;}
	
.mi_part3{
margin:15px 0 0 16px;
width:680px;
padding:0 0 0 30px;
display:table;
}	


.footer{
clear:both;}


.a{
width:170px; 
float:left;
/*background:url(images/livesupport.gif) no-repeat;*/
height:90px;
color:#999;
margin:0 0 0 0px;
display:inline;
}
* html .a{ margin:0 0 0 12px;}

.b{ 
width:180px;
height:90px; 
float:right;
display:inline;
background:url(images/e-helpdesksystem.gif) no-repeat left;}

.cdiv{
width:200px;
float:right;
background:url(images/view_live.gif) no-repeat;
background-position:left; 
height:90px;
font:bold 19px "Zurich Cn BT", Arial, Verdana;
color:#999;
margin:0 0 0 10px;
padding:0 0 0 0px;
display:inline;
}
* html .cdiv { margin:0 0 0 0px;} 


.atext{
margin:10px 0 0 35px;
font:bold 19px "Zurich Cn BT", Arial, Verdana  ;}

.atext2{
padding:0 0 0 46px;
color:#de2112;
text-decoration:underline;
font:bold 11px Arial, Verdana;
text-decoration:underline;
}
.atext2 a{color:#de2112; text-decoration:underline;}
.atext2 a:hover{color:#333; text-decoration:underline;}

.btext1{font:bold 19px "Zurich Cn BT", Arial, Verdana; color:#999; padding:0px 0 0 66px;}
.btext2{font:bold 12px Arial, Verdana;}

.btext3{font:bold 12px Arial, Verdana; color:#de2112;}
.btext3 a{font:bold 12px Arial, Verdana; color:#de2112; text-decoration:underline;}
.btext3 a:hover{font:bold 12px Arial, Verdana; color:#333; text-decoration:underline;}

.cdiv{
}

.view_live{
padding:12px 0 0 76px;
text-align:left;
}

.bulletetext{
font:bold 14px Arial, Verdana; 
color:#5e5e5e;
background:url(images/bullete1.gif) no-repeat left;
padding-left:25px;
}

.develop_center{
/*background:#003399;*/
clear:both;
background:url(images/gradient.gif) repeat-x;
/*height:128px; */
width:736px;
margin:0 0 0 28px;
padding:10px 0 0  13px;
}

.contactdetail{
/*background-color:#999999;*/
width:736px;
margin:6px 0 0 0;
display:table;}

.contactleft{
float:left;
/*background-color:#CCCCCC;*/
width:350px; 
padding:0 0 0 15px;}

.contactleft ul{
padding:0;
margin:0 0 0 16px;
font:normal 11px Verdana, Arial;
color:#333333;

}

.contactleft ul li{
padding:0px 0 0 0;
margin:0 0 0 0;}
.contactleft ul li a{color:#333333;}
.contactleft ul li a:hover{color:red;}


.aerrow{
list-style-image:url(images/bullete2.gif) ;
list-style-position:outside;}
.phone{
list-style-image:url(images/bullete3.gif);
list-style-position:outside;}
.mail{
list-style-image:url(images/bullete4.gif);
list-style-position:outside;
padding-top:10px;}


.contactright{
float:left;
width:370px;
/*background-color:#FFCC00;*/
}
.contactright ul{
padding:0;
margin:0 0 0 16px;
font:normal 11px Verdana, Arial;
color:#333333;

}

.contactright ul li{
padding:0px 0 0 0;
margin:0 0 0 0;}
.contactright ul li a{color:#333333;}
.contactright ul li a:hover{color:red;}

.footer{
background:url(images/footer.gif) no-repeat ;
margin:0px 0 0 0px;
width:779px;
height:35px;
font:11px "Trebuchet MS", Verdana, Georgia;
text-align:left;
padding:10px 0px 0 0px;
}

.webmaster{
padding:0 8px 0 0;

}

.laptop {
		background: no-repeat;
		height:273px;
		width:340px;
		background:url(images/laptop.gif) no-repeat right top;}

.red{
color:red;}
.red a{
color:#999999;}
.red a:hover{
color:#CCCCCC;}
	





.left{
float:left;}
.right{
float:right;}

.selectmenu	{
	
	border:1px solid #999;
	width:150px;
	font:10px Verdana, Arial; 
}

.input{
background:#fff;
border:1px solid #999;
font:10px Verdana, Arial; 
color:#666;
height:12px;
width:148px;}

.textarea{
border:1px solid #999;
color:#666;
font: 10px Arial, Helvetica, sans-serif;
width:145px;
height:70px;
}

.textarea1{
border:1px solid #999;
color:#666;
font: 10px Arial, Helvetica, sans-serif;
}

.titlefont{
font-weight:bold;color:#000000
}

.footer_text{
float:right;
width:310px;}

.top_space{
background-color:#FFFFFF;
font:10px Verdana, Arial, sans-serif; 
color: #666;
line-height:20px;
vertical-align:middle;
text-align:center;	}

/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;}
 
 * html .clearfix {height: 1%;}
 
 .clearfix {display: block;} 
 
 .mid_text2 {
 	font:11px Verdana, Arial, Helvetica, sans-serif; text-align:justify; line-height:17px; color:#333; padding:0 12px 0 29px; }
	.mid_text2  a { 
	color:red;
	text-decoration:underline; }
	.mid_text2  a:hover { color:#333333;  text-decoration:underline; }
	
.message_error{
font:normal 11px Verdana, Arial;
color:#F10000;
font-weight:bold;
}