@charset "utf-8";
/* CSS Document */
@import url("reset.css");
@import url("common.css");

body{margin:0; padding-top:20px; background:#05197A url(../images/bg.jpg) repeat-x left top; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333;}

*html {margin:0px; padding:0px;}

#main-container{ width:746px; padding-right:0px; margin:auto; background:url(../images/shadow-bg2.png) repeat-y right top;}
	#main-container a{_position:relative;}

/*header css start here*/
	#header{width:740px; background:url(../images/header-bg.jpg) repeat-x left top; height:133px; color:#fff;}
		.header-left{width:9px; float:left;}
		.header-content{width:621px; float:left}
			.main-nav ul{ margin:0px; padding:0px;}
				.main-nav ul li{margin:0px; padding:0px 5px; float:left; list-style-type:none;}
					.main-nav ul li a{ color:#fff; text-decoration:none;}
					.main-nav ul li a:hover{ text-decoration:none;}
			
			.sub-nav{ margin-top:10px;}
			.sub-nav ul{ margin:0px; padding:0px;}
				.sub-nav ul li{margin:0px; padding:0px 5px; float:left; list-style-type:none; font-weight:bold;}
					.sub-nav ul li a{ color:#fff; text-decoration:none;}
					.sub-nav ul li a:hover{ text-decoration:underline;}
				
		.logo{width:110px; float:left;}
		
/*flash css start here*/
.header-flash{width:740px;}

/*body contents css start here*/
#body-container{background-color:#fff; width:740px; }
	.home-container{width:700px; padding:0px 20px; text-align:justify;}
		.home-container h2{ margin:0px; padding-top:20px; color:#333333; font-size:12px; font-weight:bold; line-height:20px;}
		.home-container h3{ margin:0px; padding:10px 0px 15px 0px; color:#333333; font-size:12px; font-weight:bold; line-height:20px;}
		.home-container h4{ margin:0px; padding:0px; font-size:13pt; color:#150A96; padding-bottom:15px; font-weight:normal; padding-top:25px;}
		.home-container a{color:#0202B0; font-size:10px; text-decoration:none; display:block; padding-top:20px; padding-bottom:35px;}
		.home-container a:hover{text-decoration:underline;}
		
/*footer contents css start here*/
#footer{ width:740px; text-align:center; padding-top:20px;}
	#footer .hline{ border:none; background-color:#E6E6E6; height:1px; line-height:1px; color:E6E6E6; font-size:1px; margin-bottom:10px;}
		#footer a{ color:#313131; text-decoration:none; padding:0px 3px; font-size:10px; line-height:18px;}
		#footer a:hover{ text-decoration:underline;}
		
/*copyrigts contents css start here*/
#footer-bottom{width:748px; padding:0px; margin:auto;}
	.copyright{width:360px; float:left; color:#A7A7F5; font-size:10px; line-height:27px; padding-left:10px; background:none!important;}
		.copyright a{ color:#A7A7F5; text-decoration:none;}
		.copyright a:hover{ color:#fff; text-decoration:none;}
	
	.designby{width:360px; float:left; text-align:right; line-height:27px; padding-right:10px; color:#A7A7F5;}
		.designby span{display:block; float:right; line-height:27px;}
		.designby a{ color:#A7A7F5; text-decoration:none;}
		.designby a:hover{ color:#fff; text-decoration:none;}

/*inner contents css start here*/
.inner-container{width:720px; padding:0px 10px;}
		.inner-container h2{ margin:0px; padding-top:20px; color:#333333; font-size:12px; font-weight:bold; line-height:20px;}

			#left-container{width:192px; float:left; color:#333333; padding-top:25px;}
				#left-container h3{ margin:0px; padding:0px; font-size:11pt; color:#150A96; padding-bottom:25px;}
				#left-container ul{margin:0px; padding:0px;}
				#left-container ul li{margin:0px; padding-left:5px; list-style-type:none;}
				#left-container ul li a{ color:#333; text-decoration:none; line-height:20px;}
				#left-container ul li a:hover{ color:#0304FB;}
				#left-container ul li .activelink{color:#0304FB;}

			
			
			
			#right-container{width:518px; float:left; color:#333333; padding-top:25px; padding-right:10px; text-align:justify;}
				#right-container h4{ margin:0px; padding:0px; font-size:13pt; color:#150A96; padding-bottom:15px; font-weight:normal;}
				#right-container .bullet-text ul{margin:0px; padding:0px;}
				#right-container .bullet-text ul li{margin:0px; padding:0px; list-style-type:none; background:url(../images/regular-bullets.jpg) no-repeat left 4px; padding-bottom:15px; padding-left:15px;}
				#right-container .bullet-text ul li span{color:#150A96; font-weight:bold;}
				#right-container .bullet-text ul li a{color:#150A96;}
				
				#right-container .bullet-text3 ul{margin:0px; padding:0px;}
				#right-container .bullet-text3 ul li{margin:0px; padding:0px; list-style-type:none;  padding-bottom:15px;}
				#right-container .bullet-text3 ul li span{color:#150A96; font-weight:bold;}
				
				
				#right-container span{color:#150A96; font-weight:bold;}
				
				#right-container .bullet-point ul{margin:0px; padding-left:20px;}
				#right-container .bullet-point ul li{margin:0px; padding:0px; list-style-type:none; background:url(../images/regular-bullets.jpg) no-repeat left 4px; padding-bottom:15px; padding-left:15px;}
				#right-container .bullet-point ul li span{color:#150A96; font-weight:bold;}
				#right-container h5{ margin:0px; padding:0px; font-size:10pt; color:#150A96; padding-top:15px; padding-bottom:10px; font-weight:bold;}
				
				#right-container .image-thumb{float:right; padding:0px 0px 30px 30px;}
				#right-container .lightbox-imagelist ul{margin:0px; padding:0px;}
				#right-container .lightbox-imagelist ul li{margin:0px; padding:0px; list-style-type:none; float:left!important; padding-right:4px;}
				.pad-rightnone{padding-right:0px!Important;}
				
				.product-holder{width:236px; float:left; padding-right:4px; padding-bottom:12px;}
				.product-bg{/*background:url(../images/product-holderbg.jpg) repeat-y left top;*/ padding:12px 20px 0px 9px;}
				.product-bg h5{ margin:0px; padding:0px; font-size:11px; font-weight:bold; color:#150A96; padding:5px 0px;}
				.product-bg h5 a{color:#150A96; text-decoration:none; margin:0px!important; padding:0px!important; font-size:10pt!important;}
				.product-bg h5 a:hover{color:#06004A; text-decoration:none;}
				.product-bg a{font-size:11px; color:#150A96; text-decoration:none; display:block; padding-top:0px;}
				.product-bg a:hover{text-decoration:underline;}
				
				a.bluelink {font-size:11px; color:#150A96; text-decoration:none; display:inline-block;}
				a.bluelink:hover{text-decoration:underline;}
				
				.product-bg2{background:url(../images/product-holderbg.jpg) repeat-y left top; padding:0px 20px 0px 9px;}
				.product-bg2 h6{ margin:0px; padding:0px; font-size:11px; font-weight:bold; color:#150A96; padding:10px 0px;}
				
				
				.detail-holder{width:525px; float:left; padding-bottom:12px;}
				.detail-bg{background:url(../images/product-detail-bg.jpg) repeat-y left top; padding:0px 20px 10px 9px;}
				.detail-bg h5{ margin:0px; padding:0px; font-size:11px; font-weight:bold; color:#150A96; padding:5px 0px; float:left;}
				.detail-bg .product-thumb{float:left; width:215px; padding-right:10px; padding-bottom:10px;}
				.detail-bg .product-thumb a{ border:none; padding-top:0px!important;}
				.detail-bg .contents{width:270px; float:left;}
				.detail-bg a{font-size:11px; color:#150A96; text-decoration:none; display:block; padding-top:10px;}
				.detail-bg a:hover{text-decoration:underline;}
				
					.tabular-container{/*border:1px solid #D5E6E2;*/}
					.tabular-container td{padding:5px; /*border:1px solid #D5E6E2*/}
					.row1{background-color:#F6FAF9;}
					.enquiry-form{background-color:#f7f7f7; border:1px solid #f0efef;}
					.enquiry-form input{border:1px solid #e0dfdf;}
					.enquiry-form select{border:1px solid #e0dfdf;}
					.enquiry-form textarea{border:1px solid #e0dfdf;}
					.submit{background:url(../images/submit-bg.gif) no-repeat left 5px; width:100px; height:30px!important; line-height:18px; color: #fff; border:none!important; font-size:11px; font-weight:bold; }
				
				
				
/*button css start here*/
.button { cursor:pointer; text-decoration:none; /*background: url(../images/top-nav.gif) no-repeat right top #f3f8fe;*/ padding-right:6px; display:inline-block;line-height:12px; height:15px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}

	span.button { vertical-align: middle;}
	
	.button span { /*background: url(../images/top-nav.gif) no-repeat left top #f3f8fe;	*/ padding-left:6px; line-height:12px; height:15px; display:inline-block;}
	
	.button span span { background:none; padding:0;}
	
	.button span input { cursor:pointer; font-family: inherit; background:transparent; border:0; padding-top:5px; font-size:10px; color:#FFFFFF;}
	
	
	.button:hover { cursor:pointer; text-decoration:none; display:inline-block; font: 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background: url(../images/top-nav.gif) no-repeat right top #0201E3; padding-right:6px; line-height:12px; height:15px;}
	
	.button:hover span { cursor:pointer; text-decoration:none; display:inline-block; font: 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background: url(../images/top-nav.gif) no-repeat left top #0201E3; padding-left:6px; line-height:12px; height:15px;}
	

/*button active css start here*/

.button-active { cursor:pointer; text-decoration:none; background: url(../images/top-nav.gif) no-repeat right top #0201E3; padding-right:6px; display:inline-block;line-height:12px; height:15px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}

	span.button-active { vertical-align: middle;}
	
	.button-active span { background: url(../images/top-nav.gif) no-repeat left top #0201E3; padding-left:6px; line-height:12px; height:15px; display:inline-block;}
	
	.button-active span span { background:none; padding:0;}
	
	.button-active span input { cursor:pointer; font-family: inherit; background:transparent; border:0; padding-top:5px; font-size:10px; color:#FFFFFF;}
	
	
	.button-active:hover { cursor:pointer; text-decoration:none; display:inline-block; font: 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; /*background: url(../images/top-nav.gif) no-repeat right top #0201E3;*/ padding-right:6px; line-height:12px; height:15px;}
	
	.button-active:hover span { cursor:pointer; text-decoration:none; display:inline-block; font: 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; /*background: url(../images/top-nav.gif) no-repeat left top #0201E3;*/ padding-left:6px; line-height:12px; height:15px;}
	
	
	
