/* CSS Document */

body{
	padding:0;
	margin:0;
	color:#434343;
}
div, h1, h2, p, img, span{
	margin:0; padding:0;
	
}
form{
margin:0;
padding:0;
clear:both;
}
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------header start--------------------*/
#header{
	width:100%;
	height:258px;
	margin:0 auto;
	background:url(../images/bannerback.jpg) 0 0 repeat;
	clear:both;
}
#header div.flashheader{
width:778px;
position:relative;
height:253px;
margin:0 auto;
}
/* -- top navigation pannel start -- */
#menus{
width:100%;
height:50px;
clear:both;
background:url(../images/body_bg.jpg) 0 0 repeat-x #fff; 
}
#topNav{
	width:788px; height:50px; margin:0 auto;}
#topNav ul{
	width:538px; margin:0 auto;}
#topNav ul li{
	float:left; text-transform:uppercase; padding:0 2px 0 0;
	background:url(../images/top_btn_divider.gif) no-repeat right center; color:#FFFFFF;
	font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#topNav ul li.noDivider{
	background-image:none; color:#FFFFFF;}
#topNav ul li a{
	text-transform:capitalize; text-decoration:none; padding:0 16px; display:block;
	background:url(../images/top_btn_bg.gif) repeat-x 0 1px; color:#444444;
	font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#topNav ul li a:hover{
	background:url(../images/top_btn_bg_h.gif) repeat-x 0 1px; color:#FFFFFF;}
#topNav ul li a.hover{
	text-transform:capitalize; text-decoration:none; padding:0 16px; display:block;
	background:url(../images/top_btn_bg_h.gif) repeat-x 0 0; color:#FFFFFF;
	font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;}

/*------------------------------------------------header end--------------------*/

/*------------------------------------------------body start--------------------*/
#body{
	width:778px;
	margin:0 auto;
	padding:0 0 5px 0;
	clear:both;
}
/*------------------------------------------------left panel start--------------------*/
#left{
	width:203px;
	padding:0px;
	float:left;
}
#left h2{
	display:block;
	width:158px;
	height:24px;
	background:url(../images/more_link_icon.gif) 0 4px no-repeat #fff;
	padding:0 0 0 29px;
	border-bottom:#EFEFEF solid 3px;
	font:normal 18px/24px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 0 13px 0;
}
#left h2.contact{
	display:block;
	width:167px;
	height:38px;
	background:url(../images/contact_bg.gif) 0 0 no-repeat #fffff1;
	padding:0 0 0 16px;
	font:normal 18px/38px Arial, Helvetica, sans-serif;
	color:#fff;
	float:left;
	margin:10px 0 3px 0;
	border:none;
}
#left div.con{
	width:183px;
	background-color:#4D4D4D;
	color:#8AD2D2;
	padding:7px 0px 0px 0px;
	margin:0;
	float:left;
}
#left div.con ul{
	width:165px;
	margin:0px;
	padding:0px;
}
#left div.con ul li{
	display:block;
	height:21px;
	border-bottom:#686868 dashed 1px;
	float:left;
}
#left div.con ul li a{
	float:left;
	width:165px;
	background:url(../images/bullet_white.gif) 2px 9px no-repeat #4D4D4D;
	font:normal 12px/21px Arial, Helvetica, sans-serif;
/*	color:#28EBF7;*/
	color:#03B0F0;
	padding:0 2px 0 10px;
	text-decoration:none;
}
#left div.con ul li a:hover{
	background:url(../images/bullet_white_hover.gif) 2px 9px no-repeat #2A2A2A;
	/*color:#28EBF7;*/
	color:#FFFFFF;
}
#left div.con ul li a.this{
	float:left;
	width:165px;
	background:url(../images/bullet_white_hover.gif) 2px 9px no-repeat #2A2A2A;
	font:normal 12px/21px Arial, Helvetica, sans-serif;
/*	color:#28EBF7;*/
	color:#FFFFFF;
	padding:0 2px 0 10px;
	text-decoration:none;
}
#left div.con ul li.nobdr{
	display:block;
	height:21px;
	padding:0 0 2px 0;
	border-bottom:none;
	float:left;
}
#left p.bot{
	background:url(../images/contact_bot.gif) 0 0 no-repeat;
	width:183px;
	height:26px;
	margin:0;
	padding:0;
	float:left;
	font-size:0;
}
#left p.bot a.more2{
	display:block;
	background:url(../images/more_green_hover_2.gif) 0 0 no-repeat;
	width:60px;
	height:11px;
	text-decoration:none;
	float:right;
	margin-top:7px
}
#left p.bot a.more2:hover{
	background:url(../images/more_green2_.gif) 0 0 no-repeat;
}
#left p.banner{
	width:183px;
	height:64px;
	/*background:url(../images/banner.gif) 0 0 no-repeat;*/
	margin:25px 0px 0px 0px;
	float:left;
}
#left p.banner a.supp{
	display:block;
	width:164px;
	height:57px;
	margin:0px 0px 0px 6px;
	float:left;
	border:none;
}
#left p.banner2{
	width:183px;
	height:64px;
	background:url(../images/banner2.gif) 0 0 no-repeat;
	margin:25px 0px 0px 0px;
	float:left;
}
#left p.banner2 a.sol{
	display:block;
	background:url(../images/web_Solutions.gif) 0 0 no-repeat;
	width:113px;
	height:19px;
	margin:40px 0px 0px 55px;
	float:left;
}
#left p.banner2 a.sol:hover{
	background:url(../images/web_Solutions_hov.gif) 0 0 no-repeat;
}

#left div.con #pscroller1{
width:170px;
height:152px;
padding:5px 0px 5px 3px;
color:white;
font-weight:normal;
font-size:11px;
line-height:18px;
}

#left div.con #pscroller1 a:link, #left div.con #pscroller1 a:visited{
	float:left;
	width:170px;
	background:url(../images/bullet_white.gif) 2px 9px no-repeat #4D4D4D;
	font:normal 12px/21px Arial, Helvetica, sans-serif;
	color:#03B0F0;
	padding:0 2px 0 10px;
	text-decoration:none;
}

#left div.con #pscroller1 a:hover{
	background:url(../images/bullet_white_hover.gif) 2px 9px no-repeat #2A2A2A;
	color:#FFFFFF;
}

/*------------------------------------------------left panel end--------------------*/

/*------------------------------------------------right panel end--------------------*/
#right{
	width:558px;
	padding:8px 0 0 14px;
	float:left;
}
#right h2{
	display:block;
	width:342px;
	font:bold 34px/59px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	text-transform:uppercase;
	
}
#right h2 span{
	font:bold 34px/59px Arial, Helvetica, sans-serif;
	color:#B00000;
	background-color:#fff;
}
#right p{
	font:normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#434343;
	background-color:#fff;
	margin:0px 0px 10px 0px;
	clear:both;
}
#right p a{
	width:105px;
	height:10px;
	background:url(../images/about_us_border.gif) repeat-x #fff;
	background-position:bottom;
	color:#434343;
	text-decoration:none;
}
#right p a:hover{
	background-image:none;
	background-color:#F4FFE9;
	color:#264100;
}
#right p a.dash{
	width:147px;
	height:auto;
	background:url(../images/about_us_border.gif) repeat-x #fff;
	background-position:bottom;
	color:#434343;
	text-decoration:none;
}
#right p a.dash:hover{
	background-image:none;
	background-color:#F4FFE9;
	color:#264100;
}
#right div.box1{
clear:both;
width:260px;
display:block;
height:25px;
}
#right div.box1 h2.green2{
	display:block;
	background:url(../images/star_icon.gif) 0 2px no-repeat;
	padding:0 0 0 0px;
	font:bold 14px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3B5C92;
	background-color:#fff;
	text-transform:none;
	width:260px;
}

.pname h3{
	background:url(../images/star_icon.gif) 0 2px no-repeat;
	padding:0 0 0 17px;
	font:bold 12px/13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3B5C92;
	background-color:#fff;
	text-transform:none;
	width:350px;
	margin:3px 0 0 0;
}
#right .box{
	
	clear: both;
	float:left;
	margin: 0px;
	padding: 0px;
	width:550px;
	}
	#right .box a.download{
	text-decoration:underline;
	font:normal 12px/52px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#694F27;
	padding:0px 5px 0px 5px;
}
#right .box a.download:hover{
	color:#694F27;
	background-color:#EFEFEF;
	text-decoration:none;
}
#right .box div.box1{
float:left;
width:250px;
display:block;
}
#right .box div.box1 h2.green2{
	display:block;
	background:url(../images/star_icon.gif) 0 2px no-repeat;
	padding:0 0 0 0px;
	font:bold 14px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3B5C92;
	background-color:#fff;
	text-transform:none;
	margin-bottom:10px;
	width:230px;
}

#right .box div.box2{
width:250px;
float:right;
display:block;
}
#right .box div.box2 h2.green2{
	display:block;
	background:url(../images/star_icon.gif) 0 2px no-repeat;
	padding:0 0 0 0px;
	font:bold 14px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3B5C92;
	background-color:#fff;
	text-transform:none;
	margin-bottom:10px;
	width:230px;
}
#right div.box3{
clear:both;
display:block;
}
#right div.box3 h2.green2{
	display:block;
	width:270px;
	background:url(../images/star_icon.gif) 0 2px no-repeat;
	font:bold 14px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3B5C92;
	background-color:#fff;
	text-transform:none;
	margin-bottom:10px;
}
#right div.options{
clear:both;
width:544px;
display:block;
}
#right .options div.pname{
float:left;
width:340px;
display:block;
}
#right .options div.pname h2.green2{
	display:block;
	width:370px;
	background:url(../images/star_icon.gif) 0 2px no-repeat;
	padding:0 0 0 0px;
	font:bold 14px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3B5C92;
	background-color:#fff;
	text-transform:none;
	margin-bottom:10px;
}
#right .options div.etc{
float:left;
width:200px;
display:block;
}
.alignright{
text-align:right;
}
#right .options div.etc span.value_c{
font:bold 14px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#990000;
}
#right .options div.etc span.value{
display:block;
width:55px;
text-align:left;
font:bold 14px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#990000;
float:left;
}
#right .options div.etc span.sign_c{
font:bold 14px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#333333;
}
#right .options div.etc span.sign{
display:block;
width:8px;
text-align:right;
font:bold 14px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#333333;
float:left;
}
#right .options div.etc span.value a.ordernow,#right .options div.etc span.value_c a.ordernow{
border:none;
width:80px;
height:20px; margin-top:-5px; margin-left:10px;
background-image:url(../images/ordernow_base.gif); background-repeat:no-repeat;
display:block;
float:right;
}
#right .options div.etc span.value a.ordernow:hover,#right .options div.etc span.value_c a.ordernow:hover{
border:none;
background-image:url(../images/ordernow_hov.gif); background-repeat:no-repeat;
}
#right .options div.etc span.value a.callus{
border:none;
width:80px;
height:20px;
background-image:url(../images/call_us_base.gif); background-repeat:no-repeat;
display:block;
float:right;
}
#right .options div.etc span.value a.callus:hover{
border:none;
background-image:url(../images/call_us_hov.gif); background-repeat:no-repeat;
}

#right div.thumbnail{
	width:524px;
	float:left;	
}
#right div.thumbnail a.thumb img{
padding:3px;
margin:10px;
border:#E8E4B2 solid 1px;
-moz-border-radius:3px; -webkit-border-radius:3px;
}
#right div.box div.icon{
width:50px;
float:left;
margin-right:15px;
}

#right div.box div.icon-rgt{
width:50px;
float:left;
padding-left:52px;
}
#right div.box div.textlink{
	width:200px;
	float:left;
}

#right div.box div.textlink-rgt{
width:173px;
	float:right;
}
#right div.box div.textlink a.download{
	text-decoration:underline;
	font:normal 12px/52px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#694F27;
	padding:0px 5px 0px 5px;
}
#right div.box div.textlink a.download:hover{
	color:#694F27;
	background-color:#EFEFEF;
	text-decoration:none;
}
#right div.tabledata{
	width:544px;
	clear:both;
	margin:10px 0 20px 0;
	background-color:#FEFDF0;
	padding:7px 0px 7px 0px;
	-moz-border-radius:5px; -webkit-border-radius:5px;
	border:#E8E4B2 solid 1px;
}
#right div.tabledata table{
margin:0 auto;
padding:0;
width:544px;
border:none;
}
#right div.tabledata table tr{
height:16px;
line-height:16px;
margin:0;
padding:0;
}
#right div.tabledata table tr.alt{
background-color:#FFFFFF;
height:8px;
line-height:8px;
}
#right div.tabledata table tr td{
font:bold italic 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#694F27;
width:249px;
}
#right div.tabledata table tr td span.chars{
font:bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#141414;
padding-left:2px;
}

#right div.tabledata table tr td.tleft{
border-right:#E8E4B2 solid 1px;
padding:0px 5px 0px 5px;
}
#right div.tabledata table tr td.tright{
border:none;
padding:0px 5px 0px 5px;
}
#right p.bold{
	font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#565656;
	background-color:#fff;
	margin:12px 0 16px 0;
}
#right p.more-green{
	display:block;
	width:42px;
	height:11px;
	font-size:0;
	background:url(../images/more_div2.gif) 0 0 repeat-x;
	margin:0 0 12px 0;
	padding:0 0 0 299px;
}
#right p.more-green a.more2{
	display:block;
	background:url(../images/more_green_hover.gif) 0 0 no-repeat;
	width:42px;
	height:11px;
	text-decoration:none;
}
#right p.more-green a.more2:hover{
	background:url(../images/more_green.gif) 0 0 no-repeat;	
}
#right h2.special{
	display:block;
	width:auto;
	font:normal 18px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	text-transform:none;
	border-bottom:#272727 dashed 1px;
	margin:0 0 16px 0;
}
#right h2.special span{
	font:normal 18px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#B00000;
	background-color:#fff;
}
#right ul{
	width:525px;
	margin:0 0 10px 18px;
	padding:0;
	display:block;
	clear:both;
}
#right ul li{
	background:url(../images/arrow2.gif) 0 8px no-repeat;
	padding:0 0 0 13px;
	font:normal 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#212121;
}
#right ul li a{	
	text-decoration:underline;
	font:normal 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#694F27;
	padding:0px 5px 0px 5px;
}
#right ul li a:hover{	
	color:#694F27;
	background-color:#EFEFEF;
	text-decoration:none;
}
#right div.pageimage{
margin:10px auto;
}
#right div.l-green{
	width:524px;
	background-color:#F4FFE9;
	border:#D3E3C2 solid 1px;
	padding:12px;
	font:bold italic 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#486927;
	margin:0px 0 15px 0;
	-moz-border-radius:5px; -webkit-border-radius:5px;
	clear:both;
}
#right div.l-green a.more2{
	display:inline;
	background:url(../images/read_more_bg_1.gif) 0 0 no-repeat;
	width:80px;
	height:12px;
	text-decoration:none;
	float:right;
	margin:4px 0px 0px 5px;
}
#right div.l-green a.more2:hover{
	background:url(../images/read_more_bg_1_on.gif) 0 0 no-repeat;	
}
#right div.l-cream{
	width:524px;
	font:bold italic 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#694F27;
	margin:15px 0 15px 0;
	background-color:#FEFDF0;
	padding:12px;
	-moz-border-radius:5px; -webkit-border-radius:5px;
	border:#E8E4B2 solid 1px;
	clear:both;
}
#right div.l-cream a.more2{
	display:inline;
	background:url(../images/read_more_bg_1.gif) 0 0 no-repeat;
	width:80px;
	height:12px;
	text-decoration:none;
	float:right;
	margin:4px 0px 0px 5px;
}
#right div.l-cream a.more2:hover{
	background:url(../images/read_more_bg_1_on.gif) 0 0 no-repeat;	
}
/*------------------------------------------------body end--------------------*/
#right div.l-cm{
	width:524px;
	font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#2F2F2F;
	margin:15px 0 15px 0;
	background-color:#F0F6FE;
	padding:12px;
	-moz-border-radius:5px; -webkit-border-radius:5px;
	border:#BACCF4 solid 1px;
	clear:both;
}
#right div.l-cream a{
	font:bold 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#694F27; 
	text-decoration:none;}
#right div.l-cream a:hover{
	font:bold 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#694F27; 
	text-decoration:underline;}

form{
padding:0px;
margin:0px; }

form label.info{
	font:normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; height:35px;
	color:#2F2F2F; padding:2px 0 0 2px; width:195px; display:block;}
form input.textbox{
	font:normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:2px; height:14px; color:#2F2F2F; background-color:#FFFFFF; width:195px; border:#BACCF4 solid 1px;}
form select{
	font:normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	height:20px; color:#2F2F2F; background-color:#FFFFFF; border:1px solid #BACCF4;}
form textarea{
	font:normal 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:2px; margin:0; color:#2F2F2F; background-color:#FFFFFF; border:#BACCF4 solid 1px;}
form .RadioButtonList
{
  color:#243C7A;
  padding-left:0px;    
  line-height:20px;  
  margin:2px 2px 0 0; 
}

form p{
	padding:10px 0;}
form .submit{
	width:47px; height:22px; padding:0; display:inline; margin:0px;}
form .reset{
	width:47px; height:22px; padding:0; display:inline; margin:0 0 0 5px;}
/*------------------------------------------------footer start--------------------*/
#footer-main{
	width:100%;
	height:101px;
	padding:0 0 0 0;
	background:url(../images/footer.jpg) 0 0 repeat-x;
	color:#fff;
	margin:0px;
}
#footer{
	width:778px;
	height:114px;
	margin:0 auto;	
	position:relative;
}
#footer ul{
	width:778px;
	height:20px;
	margin:30px 0px 0 0px;
	padding:0;
	float:left;	
	display:block;
}
#footer ul li{
	margin:0;
	float:left;
	padding:0 8px 0 8px;
	font:bold 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
}
#footer ul li a{
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#444444;
	text-decoration:none;
	padding:0 4px 0 4px;
	/*text-shadow: 2px 2px 2px #8E8E8E;*/
	
}
#footer ul li a:hover{
	text-decoration:underline;
	color:#C51570;
}
#footer ul li.home2 a{
	padding:0 8px 0 6px;
	float:left;
	font:bold 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#C51570;
}
#footer p.copyright{
	font:normal 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#C51570;
	float:left;
	margin-top:7px;
	width:778px;
	display:block;
	text-align:center;
}
#footer p.design{
	display:block;
	height:15px;
	position:absolute;
	left:336px;
	top:62px;
	font:bold 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#7C1D20;
	text-align:center;
}
/*------------------------------------------------footer end--------------------*/

.rgt-box-area{
width:250px;
}
.heigh{
padding-left:100px;
padding-top:30px;
padding-bottom:0px;

}