/* CSS Document */



 body  {

padding : 0;

margin : 0;

font-family : Arial, Helvetica, sans-serif;

font-size : 12px;

background : url(body-bg.jpg) repeat-x;

background-color : #d0e4ff;

}



.main-container{

        width:801px;

        height:auto;

		margin:auto;

}



.top-main{

        width:801px;

        height:38px;

		float:left;

		background:url(top-main-1.jpg) no-repeat;

 

}



.nav{

    width:764px;

	padding:0 19px 7px 18px;

	height:53px;

	float:left;

	background:url(middle-bg.jpg) repeat-y;

}



.bg-nav{

    height:53px;

    background:url(nav-bg.jpg) no-repeat;

}



.main-logo{

    width:198px;

	height:46px;

	padding:7px 0 0 15px;

	float:left;

}

.navigation{

    width:551px;

	height:25px;

	float:left;

	padding-top:28px;

}

 

.navigation ul{

    padding:0;

	margin:0;

	list-style:none;

	

}



.navigation ul li{

	list-style:none;

	padding:0 11px 0 11px;

	display:inline;

}



.main-header{

   width:777px;

   height:167px;

   float:left;

   background:url(main-bg.jpg) no-repeat center center;

}



.space{

   width:764px;

   height:7px;

   float:left;

}



.space10{

   width:180px;

   height:7px;

   float:left;

}

.head{

   width:778px;

   min-height:50px;

   height:auto;

   float:left;

   

   background:#FFFFFF;

}



.header-bg{

  width:780px;

  padding:0 10px 0px 11px;

  float:left;

  min-height:167px;

  height:auto;

  background:url(center-bg-1.jpg) no-repeat;

  

}







.space{

   width:778px;

   height:9px; float:left;

}



.light-blue{

   width:778px;

   height:9px;

   float:left;

}



.blue{

   width:764px;

   height:9px;

   margin:auto;

   background:#d1def2;

}





.top-space{

   width:778px;

   height:16px;

   float:left;

   background:#FFFFFF;

}



.content{

   width:778px;

   min-height:50px;

   float:left;

   background:url(contentbg.gif) repeat-y;

}



.left-main{

    width:178px;

	min-height:30px;

	height:30px;

	float:left;

	padding:20px 0 0 13px;

}



.left-top{

    width:177px;

	height:auto;

	float:left;

	padding-bottom:8px;

	border-bottom:1px solid #d3d3d3;}



.news{

     width:162px;

	 

	 min-height:50px;

	 height:auto;

	 float:left;

	 padding:18px 0 30px 15px;

	 border-bottom:1px solid #d3d3d3;

}



.orange-heading{

    color:#c85e00;

	font-size:13px;

}



.orange-heading a{

    color:#c85e00;

	font-size:13px;

	text-decoration:none;

}



.orange-heading a:hover{

    color:#000000;

	font-size:13px;

	

}



.text{

    color:#747576;

	font-size:12px;

}





.text_bold{

    color:#747576;

	font-size:12px;

	FONT-WEIGHT: bold;

}



.blue-text{

    color:#1178ff;

	font-size:12px;

}



.blue-text_bold{

    color:#1178ff;

	font-size:12px;

	FONT-WEIGHT: bold;

}



.readmore{

    width:97px;

    height:21px;

    float:left;

	padding:15px 0 0 80px;

}



.readmore a{

    color:#1178ff;

	font-size:12px;

}



.readmore a:hover{

    color:#000000;

	font-size:12px;

}





.form-text{

    color:#5d5f62;

	font-size:12px;

}



.search-box{

    width:90px; 

	height:17px;

	padding:0 0 0 3px;

	border:1px solid #a7aaab;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

} 



.message-box{

 width:90px; 

 height:45px;

 padding:0 0 0 3px;

 border:1px solid #a7aaab;

 font-family:Arial, Helvetica, sans-serif;

 font-size:11px;

} 



.middle-main{

     width:391px;

	 min-height:30px;

	 float:left;

	 

}



.middle-top{

     width:371px;

	 padding:8px 0 30px 19px;

	 float:left;

}

.main-product{

    width:370px;

    height:43px;

    float:left;

	padding:0 0  15px 20px;

}



.product{

    width:342px;

	height:28px;

	float:left;

	background:url(shade.jpg) no-repeat;

	font-size:14px;

	color:#545454;

	padding:15px 0 0 10px;	

}



.extra-cont{

    width:330px;

	float:left;

	padding:6px 20px 13px 40px;

}

.out-line{

  width:347px;

  height:1px;

  float:left;

  padding:0 20px 0 23px;

}



.line{

    width:347px;

    height:1px; float:left;

    background:#d3d3d3;

}



.third-main{

    width:184px;

	min-height:50px;

	height:auto;

	float:left;

}



.contact{

    width:170px;

    height:auto;

	float:left;

	padding:20px 0 11px 14px;

}





.cont{

    width:100px;

	float:left;

	color:#545454;

}



.cont-box{

    width:70px;

    float:left;

	height:13px;

	background:url(contact-loho.jpg) no-repeat center center;

}



.border{

   width:184px;

   height:1px;

   float:left;

   background:#a7aaab;

   

}



.message-b{

   width:170px;

   min-height:50px;

   height:auto;

   padding:16px 0 0px 14px; 

   float:left;

}



.top-right{

   width:110px;

   height:32px;

   float:right;

   padding:3px 40px 0 0;

   color:#d1e9f6;

}



.top-right a{

   color:#d1e9f6;

   text-decoration:none;

}



.top-right a:hover{

   color:#000000;

   text-decoration:none;

}

.name{

    width:66px;

	height:28px;

	padding-top:2px;

	float:left;

	 color:#5d5f62;

	font-size:12px;

}



.search-bo{

   width:100px;

   height:30px;

   float:left;

}

.msg{width:66px; 

	height:50px;

	float:left;

	color:#5d5f62;

	font-size:12px;

}





.submit-button{

   width:130px;

   float:left;

   padding:0 0 15px 57px;   

}

.right{

   width:159px;

   height:23px;

   float:left;

   font-size:14px;

   padding:15px 0 0 15px;

   color:#545454;

}



.new-letter{

   width:170px;

   padding:16px 0 12px 14px;

   float:left;

}

.avangatelogo{

   width:160px;

   padding:13px 0 12px 12px;

   float:left;

}



.ur-email{

   width:169px;

   min-height:18px;

   height:auto;

   padding-left:15px;

   float:left;

}



.mail{

   width:150px;

   height:14px;

   border:1px solid #a7aaab;

   

}



.footer{

   width:801px;

   height:62px;

   float:left;

   background:url(footer.jpg) no-repeat;

}



.left-footer{

  width:470px;

  float:left;

  padding:20px 0 0 30px;

  color:#4d5c70;

 

}



.footer a{

  color:#4d5c70;

  text-decoration:none;

}



.footer a:hover{

  color:#000000;

  text-decoration:none;

}



.copyright{

   color:#779fdb;

   padding-top:2px;

}



.right-footer{

   width:150px;

   float:left;

   padding:25px 0 0 150px;

}



.space12{

   width:370px;

   min-height:38px;

   height:auto;

   float:left;

}





#nav

{

float:left;

margin:0px 0px 0px 23px;

padding-left:18px;



}



#nav A SPAN {

	PADDING-RIGHT:12px;

	height:19px;

	cursor:pointer;

	padding-top:5px;

	}

#nav{ margin-left:0;}



#nav A {FLOAT:left;}



#nav A SPAN {FLOAT:none;}





#nav A SPAN {

	DISPLAY: block; FLOAT:left}



#nav  A {

	PADDING-LEFT:14px; FONT-SIZE:12px; COLOR: #ffffff;  BACKGROUND:url(main-nav-l.jpg) repeat-x left top; FONT-FAMILY: Arial, Helvetica, sans-serif; 	TEXT-DECORATION:none; padding-top:0px; font-weight:normal; background-color:inherit;}



#nav A SPAN {

	PADDING-RIGHT:14px; BACKGROUND:url(main-nav-r.jpg) no-repeat right top; FONT-WEIGHT: bold;

	

}



#nav A:hover {

	PADDING-LEFT:14px; BACKGROUND:url(selected-nav-l.jpg) repeat-x left top; COLOR: #ffffff; background-color:inherit;

}



#nav A:hover SPAN {

	PADDING-RIGHT:14px; BACKGROUND:url(selected-nav-r.jpg) no-repeat right top;

}



#nav A.slected {

	PADDING-LEFT:14px; BACKGROUND:url(selected-nav-l.jpg) repeat-x left top; COLOR:#ffffff; background-color:inherit;

}



#nav A.slected SPAN {

	PADDING-RIGHT:14px; BACKGROUND:url(selected-nav-r.jpg) no-repeat right top;

}

#nav A SPAN:hover{

	PADDING-RIGHT:14px; BACKGROUND:url(selected-nav-r.jpg) no-repeat right top;

}

#nav UL { padding:0; margin:0; display:inline;

}

#nav LI {

	FLOAT: left; MARGIN: 0px;  LIST-STYLE-TYPE: none; display:inline; padding:0 1px 0 1px;

}





.left-product{

   width:126px;

   height:122px;

   float:left;

}



.inner-product{

    width:395px;

	float:left;

	padding:6px 10px 5px 20px;

}

.inner-product-btm{

    width:395px;

	float:left;

	padding:10px 10px 5px 20px;

}

.right-product{

    width:224px;

	height:110px;

	float:left;

	padding-left:10px;

}



.right-product a{

   color:#c85e00;

   text-decoration:none;

}





.right-product a:hover{

   color:#000000;

   text-decoration:none;

}



.right-product1{

    width:224px;

	height:110px;

	float:left;

	padding-left:20px;

}



.right-product1 a{

   color:#1178ff;

   text-decoration:none;

}





.right-product1 a:hover{

   color:#002a61;

   text-decoration:none;

}



.upcome-pro{

    width:350px;

	float:left;

	padding:6px 20px 13px 20px;

}



.read-more a{

   color:#c85e00;

   text-decoration:none;

}





.read-more a:hover{

   color:#000000;

   text-decoration:none;

}



.pro-heading{

    color:#1178ff;

	font-size:14px;

}





.sp{

   width:150px;

   height:16px;

   float:left;

}

.spe{

   width:150px;

   height:28px;

   float:left;

}



.spc{

   width:150px;

   height:35px;

   float:left;

}



.message-b1{

   width:270px;

   min-height:50px;

   height:auto;

   padding:16px 0 0px 14px; 

   float:left;

   margin-left:10px;

}



.name1{

    width:86px;

	height:28px;

	padding-top:2px;

	float:left;

	 color:#5d5f62;

	font-size:12px;

}



.msg1{width:86px; 

	height:50px;

	float:left;

	color:#5d5f62;

	font-size:12px;

}



.search-bo1{

   width:160px;

   height:30px;

   float:left;

}

.search-box1{

    width:150px; 

	height:17px;

	padding:0 0 0 3px;

	border:1px solid #a7aaab;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

} 



.search-box2{

    width:150px; 

	height:19px;

	border:1px solid #a7aaab;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

} 



.message-box1{

 width:150px; 

 height:45px;

 padding:0 0 0 3px;

 border:1px solid #a7aaab;

 font-family:Arial, Helvetica, sans-serif;

 font-size:11px;

} 



.submit-button1{

   width:190px;

   float:left;

   padding:10px  0 15px 120px;   

}



.textbox {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #666666;

	text-decoration: none;

	height: 15px;

	width: 160px;

	border: 1px solid #999999;

}





.readmore1{

    width:120px;

    height:21px;

    float:left;

	padding:15px 0 0 50px;

}



.readmore1 a{

    color:#1178ff;

	font-size:12px;

}



.readmore1 a:hover{

    color:#000000;

	font-size:12px;

}



.textarea {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #666666;

	text-decoration: none;

	height: 50px;

	width: 160px;

	border: 1px solid #999999;

}



.textarea1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #666666;

	text-decoration: none;

	height: 60px;

	width: 200px;

	border: 1px solid #999999;

}



.left{

width:237px;

float:left;

font-family:Arial, Helvetica, sans-serif;

color:#333;

text-decoration:none;

}



.chk-box{

width:25px;

float:left;

padding-top:5px;

font-family:Arial, Helvetica, sans-serif;

color:#333;

text-decoration:none;

}



.left-top-middle{

width:212px;

float:left;

padding-top:7px;

padding-bottom:3px;

font-family:Arial, Helvetica, sans-serif;

color:#333;

text-decoration:none;

}



.left-form-text{

width:165px;

float:left;

padding:7px 0 0 0;

font-family:Arial, Helvetica, sans-serif;

color:#333;

text-decoration:none;

}





.left-form{

width:175px;

padding:5px 0 0 0;

float:left;

color:#333;



}



.left-form-duble{

width:175px;

padding:12px 0;

float:left;

font-family:Arial, Helvetica, sans-serif;

color:#333;

text-decoration:none;

}



.left-top-space{

width:237px;

float:left;

padding-top:10px;

font-family:Arial, Helvetica, sans-serif;

color:#333;

text-decoration:none;

}





.right1{

width:110px;

float:left;

font-family:Arial, Helvetica, sans-serif;

color:#333;

text-decoration:none;

}



.right-top-space{

width:110px;

float:left;

padding-top:7px;

padding-bottom:3px;

font-family:Arial, Helvetica, sans-serif;

color:#333;

text-decoration:none;

}



/*-----------new css ad by Sikandar 2 September 09-----------*/

.feature {float:left; width:351px; color:#747576;}

.feature strong{display:block; border-bottom:solid 1px #ddd; padding-bottom:10px;}

.feature ul

	{margin:0; padding:0; list-style:none; padding-top:10px;}

.feature ul li

	{background:url(checkmark.jpg) no-repeat left center; height:20px; padding-top:10px; padding-left:25px;}

	

/*.online, .order

	{display:inline-block;width:100px; height:28px; float:left;}

.online a, .order a{display:inline-block;width:100px; height:28px;float:left;}

.online a span, .order a span{display:none;}



.online a{background:#ccc url(sprite.gif) no-repeat left top;}

.order a{background:url(sprite.gif) no-repeat left -29px;}*/



img{border:none;}

a{color:#1178ff;}

a:hover{color:#000000;}

.colLeft

	{float:left; width:100px; text-align:center;}

.colRight

	{float:right; width:175px;text-align:center;}	

.colLeft span, .colRight span{display:inline-block; padding:5px 0;}



.productDispaly

	{float:left;width:395px;}

.productDispaly ul{margin:0; list-style:none; padding:0 15px;}

.productDispaly ul li{float:left; width:365px; border-bottom:solid 1px #ddd; padding:10px 0; }

.productDispaly ul li a{display:inline-block; text-decoration:none; padding:0 3px;}

.productDispaly ul li .thumb{float:left; width:126px;}

.productDispaly ul li .productDetils{float:right;width:224px;}



.supportForm, .supportForm p{float:left; width:350px;}

.supportForm form{margin:0; padding:0;}

.supportForm p{margin:0; padding:5px 0;}

.supportForm p label{padding-left:3px;}

.supportForm p input {margin:0; vertical-align:bottom;}

a:active, a:focus {outline: none;}



/*----------new css ad by sikandar 18/10/09-----------------*/

.sceeenShot

	{float:left; width:380px;}

.sceeenShot strong{display:block; padding-left:20px; font-weight:bold; padding-top:10px;color:#747576;}

.sceeenShot ul{margin:0; padding:0; list-style:none; padding-left:11px;}

.sceeenShot ul li{float:left; margin:10px; border:solid 1px #d3d3d3; text-align:center; width:162px; height:122px; margin-top:20px; color:#747576;}

.sceeenShot ul li span{display:inline-block; padding-top:5px;}

.gap{clear:both; height:20px;}