/*--------------------------------------------------------------
*Filename:			style.css
*Description:		Style CSS
*Version:			1.0.0(2010.02.23)
*Website:			Calsoft
*Author:			Ohmkumar.J
--------------------------------------------------------------*/
body{
	background:#fff url(../img/main-bg.jpg) repeat-x scroll 0 0;
	margin:auto;
	}
#wrapper{
	background:transparent url(../img/banner-bg.jpg) no-repeat scroll 0 0;
	margin:auto;
	width:985px;
	}
/*------------------ Header Content Start ------------------*/	
#header{
	height:120px;
	margin:auto;
	}
#header h1 {
	width:150px;
	float:left;
	padding:0px 0 0 0px;
	}
#header h2 {
	text-indent:-1000px;
	}
#header h1 a {
	background:url(../img/calsoft_logo.png) no-repeat top left;
	height:164px;
	width: 280px;
	text-indent:-99999px;
	display:block;
	clear:both;
	cursor:pointer;
	}
#header h1 a:hover {
	text-decoration:none;
	}
#header form{
	width:170px;
	_width:175px;	
	margin:20px 0 0 0;
	float:right;
	}
#header form div.ipt_src{
	background:transparent url(../img/bg-search.png) no-repeat top left ;
	height:24px;
	float:left;
	}
#header form div.ipt_src label{
	display:none;
	}	
#header form .home_search{
	background:transparent url(../img/src_ipt_bg.png) repeat-x scroll 0 50%;
	border:0;
	padding:0;
	margin:4px 0 0 10px;
	height:15px;
	float:left;
	width:130px;
	font-size:12px;
	color:#000;
	}
	
#header form .home_submit{
	background:transparent url(../img/ico-search.png) no-repeat scroll 0 0;
	height:24px;
	text-indent:-3000px;
	display:block;
	cursor:pointer;
	border:0;
	width:28px;
	}
.bottom_slider{
	clear:both;
	margin:10px;
	padding:10px;
	}

/*------------------ Header Content End ------------------*/	
/*clearfix code start*/
.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
}
.clearfix {
	display:inline-block;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
*+html .clearfix {
	display: inline-block;
}
.content {
	background:#FFFFFF;
	margin:0 auto;
	width:760px;
	margin-top:32px;
	font-size:11px;
	color:#7f7f7f;
}
/*clearfix code end*/	
/*------------------ Top Nav Start ------------------*/	
#home_menu_top{
clear:both;
float:right;
margin:-50px 0 0 0;
padding:0;
}

.home_menu_sub, .home_popular_sub, .home_new_sub, .home_hot_sub, .home_career_sub, .home_contact_sub{
width:640px;
/*border:1px solid #FF6816;*/
/*border-right:1px solid #15334D;
border-bottom:1px solid #15334D;*/
padding:20px;
background:#ff9900;
display:none;
position:absolute;
margin:7px 0 0 -12px;
float:left;
z-index:9999;
}

.home_menu_drop_box_1{
	float: left;
	width:190px;
	margin-right: 20px;
	font-size:11px;
	line-height: 15px;
	color:#000;
}

.home_menu_drop_box_1 p{
	font-size:11px;
	line-height: 15px;
	margin: 10px 0px 0px 0px;
}
.home_menu_drop_box_1 p.knowmore a{
font-size:11px;
line-height: 2px;
color: #000;
font-weight: lighter;
text-decoration: none;
padding: 10px 0px 0px 0px;
margin: 10px 0px 0px 0px;
}

.home_menu_drop_box_1 p.knowmore a:hover{
font-size:11px;
line-height: 2px;
color: #fff;
font-weight: lighter;
text-decoration: none;
padding: 10px 0px 0px 0px;
}
.home_menu_drop_box_2{
	float: left;
	width:200px;
	margin-right: 10px;
	margin-top:2px;
	font-size:11px;
	color:#000;
}

.home_menu_drop_box_2 p{
	font-size:11px;
	line-height: 15px;
	color: #000;
	margin: 12px 0px 0px 0px;
}

#home_menu_top ul li .home_menu_drop_box_2 p a{
	font-size:11px;
	line-height: 15px;
	color: #000;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#home_menu_top ul li .home_menu_drop_box_2 p a:hover{
	font-size:11px;
	line-height: 15px;
	color: #ffffff;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
.home_menu_drop_box_2 p.knowmore a{
font-size:11px;
line-height: 2px;
color: #000;
font-weight: lighter;
text-decoration: none;
padding: 10px 0px 0px 0px;
margin: 10px 0px 0px 0px;
}

.home_menu_drop_box_2 p.knowmore a:hover{
font-size:11px;
line-height: 2px;
color: #fff;
font-weight: lighter;
text-decoration: none;
padding: 10px 0px 0px 0px;
}

.home_menu_drop_box_3{
	float: left;
	width:190px;
	margin-right: 20px;
	font-size:11px;
	line-height: 15px;
	color:#000;
}

.home_menu_drop_box_3 p{
	font-size:11px;
	line-height: 15px;
	margin: 10px 0px 0px 0px;
}
.home_menu_drop_box_3 p.knowmore a{
font-size:11px;
line-height: 2px;
color: #000;
font-weight: lighter;
text-decoration: none;
padding: 10px 0px 0px 0px;
margin: 10px 0px 0px 0px;
}

.home_menu_drop_box_3 p.knowmore a:hover{
font-size:11px;
line-height: 2px;
color: #fff;
font-weight: lighter;
text-decoration: none;
padding: 10px 0px 0px 0px;
}

.home_menu_drop_box_4{
	float: left;
	width:250px;
	margin-left: 50px;
	font-size:11px;
	line-height: 15px;
	color:#000;
}

.home_menu_drop_box_4 p{
	font-size:11px;
	line-height: 15px;
	margin: 10px 0px 0px 0px;
}
.home_menu_drop_box_4 p.knowmore a{
font-size:11px;
line-height: 2px;
color: #000;
font-weight: lighter;
text-decoration: none;
padding: 10px 0px 0px 0px;
margin: 10px 0px 0px 0px;
}

.home_menu_drop_box_4 p.knowmore a:hover{
font-size:11px;
line-height: 2px;
color: #fff;
font-weight: lighter;
text-decoration: none;
padding: 10px 0px 0px 0px;
}

.home_new_sub{
margin:4px 0 0 -5px;
z-index:2;
}
.home_popular_sub
{
margin:4px 0 0 -136px;
}
.home_new_sub{
margin:4px 0 0 -269px;
}
.home_hot_sub{
margin:4px 0 0 -370px;
}
.home_career_sub{
margin:4px 0 0 -488px;
}
.home_contact_sub{
margin:4px 0 0 -582px;
}
.over{display:block;}
#home_menu_top ul{
margin:0;
padding:0;
float:left;
width:681px;
}
#home_menu_top ul li{
cursor:pointer;
float:left;
padding:5px 12px 7px 12px;
}
#home_menu_top ul li:hover, #home_menu_top ul li.active{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
/*-moz-border-radius:4px;*/
background:#ff9900;
color:#fff;
padding:5px 12px 7px 12px;
}
#home_menu_top ul li:hover, #home_menu_top ul li a:hover{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
/*-moz-border-radius:4px;*/
color:#000;
padding:5px 12px 7px 12px;
}
#home_menu_top ul li a{
text-decoration:none;
color:#fff;
font-size:12px;
font-weight:bold;
padding:5px 12px 7px 12px;
}
#home_menu_top ul li div a{
display:block;
text-indent:0;
color:#fff;
}
/*------------------ Top Nav End ------------------*/
#home_menu_top ul#home_sub_column{
float:left;
width:640px;
margin:0;
padding:0;
border:0;
}
#home_menu_top ul#home_sub_column li{
color:#000;
float:left;
width:190px;
_width:180px;
font-size:11px;
line-height:16px;
}
#home_menu_top ul#home_sub_column li p a{
font-size:11px;
}
#home_menu_top ul#home_sub_column li p a:hover{
padding:3px;
}
#home_menu_top ul#home_sub_column li a{
color:#000;
}
#home_menu_top ul#home_sub_column li a:hover{
color:#fff;
}
#home_menu_top ul#home_sub_column li:hover{
text-decoration:none;
padding:5px 10px 7px;
margin:0;
color:#000;
cursor:default;
}

#home_menu_top ul#home_sub_column li ul{
padding:0; margin:0;
}
#home_menu_top ul#home_sub_column li ul li a{
margin:0; padding:0; color:#000;
text-decoration:none;
font-size:11px;
}
#home_menu_top ul#home_sub_column li ul li a:hover{
text-decoration:underline;
}
#slider{
margin:65px 0 0 10px;
height:300px;
}


/*------------------ jcarousel Start ------------------*/	
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li, .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}
.jcarousel-prev {
    z-index: 3;
    display: none;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    padding:10px 13px 10px 13px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    height: 155px;
}
.jcarousel-skin-tango .jcarousel-item {
	background:transparent url(../img/jq_caro_bg.png) no-repeat scroll 0 0;
    width: 300px;
    height: 155px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 65px;
    right: -20px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/next-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 65px;
    left: -25px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
ul#mycarousel li img{
margin:10px;
border:1px solid #fff;
}
.slider_wrap, .slider_lft, .slider_rgt{
float:left;
font-size:11px;
line-height:16px;
color:#666;
}
.slider_rgt{
margin:10px 10px 0 0;
width:145px;
height:95px;
overflow:hidden;
}
.slider_more a{
background:transparent url(../img/scroll_more.png) no-repeat scroll 100% 50%;
width:127px;
height:20px;
float:left;
text-align:right;
text-decoration:none;
padding:0 18px 0 0px;
color:#ccc;
}
.slider_more a:hover{
text-decoration:underline;
}
/*------------------ jcarousel End ------------------*/	
/*------------------ Footer Start ------------------*/	
#footer {
	overflow: hidden;
	background-image: url(../img/fotter_bg.png);
	background-repeat: repeat-x;
	padding: 25px 0 15px 20px;
	font-size: 11px;
	line-height: 18px;
	color: #999999;
}

#footer a {
	color: #999999;
	text-decoration: none;
}
#footer a:hover {
	color: #4E6374;
	text-decoration: none;
}
.footerleft {
	width: 33%;
	float: left;
}
.footermiddle {
	width: 33%;
	float: left;
	text-align: center;
}
.footerright {
	width: 33%;
	float: left;
	text-align: right;
}
/*------------------ Footer End ------------------*/	
#home_menu_top ul li ul{
margin:10px 0 0 0;
width:156px;
float:left;
}
#home_menu_top ul li ul li{
float:none;
}
#home_menu_top ul li ul li a{
font-weight:normal;
padding:3px;
color:#15334D;
}
#home_menu_top ul li ul li a:hover{
color:#ff6816;
}
#home_menu_top ul li ul li:hover{
background:none;
text-decoration:underline;
color:#ff6816;
}
#home_menu_top ul li ul.no-border{
border-right:0px;
}

/*------------------ Footer End ------------------*/	
/*------------------ Reflection Nav Start ------------------*/
#content{
float:right;
width:15%;
}		
#nav-reflection {
background: url(../images/page-shadow.jpg) top center no-repeat;
list-style: none;
}
#nav-reflection li {
margin-right:0px;
width: 25px;
float: left;
}
#nav-reflection a, #nav-reflection a:visited, #nav-reflection a:hover {
width: 25px;
height: 23px;
text-indent: -9999px;
overflow: hidden;
background: url(../img/icons.png) no-repeat;
display: block;
}
#nav-reflection span {
margin-top: 1px;
width: 25px;
height: 23px;
text-align: center;
background: url(../img/reflection.png) no-repeat;
display: block;
}
#nav-reflection li a{
text-indent:-10000px;
}
/* Button Colors */
#nav-reflection li.button-color-1 a {
background-position: 0px -3px;
}
#nav-reflection li.button-color-2 a {
background-position: -23px -3px;
}
#nav-reflection li.button-color-3 a {
background-position: -48px -3px;
}
#nav-reflection li.button-color-4 a {
background-position: -73px -3px;
}
#nav-reflection li.button-color-5 a {
background-position: -98px -3px;
}
/* Button Reflection Color */
#nav-reflection li.button-color-1 span {
background-position: 0 0;
}
#nav-reflection li.button-color-2 span {
background-position: -23px 0;
}
#nav-reflection li.button-color-3 span {
background-position: -48px 0;
}
#nav-reflection li.button-color-4 span {
background-position: -73px 0;
}
#nav-reflection li.button-color-5 span {
background-position: -98px 0;
}			
/*------------------ Reflection Nav End ------------------*/

/*------------------ Subpage Page ------------------*/

#wrapper_subpage{
	margin:auto;
	width:960x;
	float: left;
	margin: 20px 0px 20px 10px;
}
.subpage_content{
	width: 720px;
	_width:700px;	
	float: left;
	padding-right: 30px;
}

.subpage_content ul {
/*float:left; list-style: none;/*
/*width:100%;*/ 
margin:0em 0em 0.2em 0em; 
padding:0em 0em 0em 0em; 
}
.subpage_content li {
line-height:18px;  
font-size:12px; 
width:100%; 
padding:0em 0em 0.6em 1.2em; 
margin: 0em 0em 0em 0em; 
display:block; 
background-image: url(../img/li.jpg); 
background-repeat: no-repeat; 
background-position: 0 8px;
}

.subpage_content li a {
line-height:18px;  
font-size:12px;
color: #336699;
text-decoration: none;
}

.subpage_content li a:hover {
line-height:18px;  
font-size:12px;
color: #ff6816;
text-decoration: none;
}

.banner{
	width: 720px;
	float: left;
	margin: 0px 0px 15px 0px;
}
#wrapper_subpage h2{
	
	font-size: 20px;
	color: #142E45;
	margin: 0px 0px 12px 0px;
	font-weight: lighter;
}

#wrapper_subpage p.header{
	
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	line-height:22px;
	margin: 0px 0px 15px 0px;
}

#wrapper_subpage p.headernext{
	
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	line-height:22px;
	margin: -8px 0px 24px 0px;
}

#wrapper_subpage h3{
	font-size: 13px;
	color: #005092;
	font-weight: bold;
	margin: 0px 0px 4px 0px;
}
#wrapper_subpage h4{
	font-size: 12px;
	color: #FF7800;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}
#wrapper_subpage h5{
	font-size: 12px;
	color: #000;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
}
#wrapper_subpage h6{
	font-size: 12px;
	color: #000;
	font-weight: bold;
	margin: 0px 0px 18px 0px;
}

#wrapper_subpage p{
	font-size: 12px;
	font-weight: normal;
	color: #000;
	line-height:18px;
	margin: 0px 0px 15px 0px;
}
#wrapper_subpage p a{
	font-size: 12px;
	font-weight: normal;
	color: #005092;
	text-decoration: none;
}

#wrapper_subpage p a.more{
	font-size: 12px;
	font-weight: normal;
	color: #336699;
	text-decoration: none;
	text-align:right;
}

#wrapper_subpage p a:hover{

	font-size: 12px;
	font-weight: normal;
	color: #ff6816;
	line-height:18px;
}
#wrapper_subpage ul li {
	font-size: 12px;
	font-weight: normal;
	color: #000;
	line-height:21px;
	margin-left: 12px;
	list-style-position: inside;
}
.mediakitbox{
width: 220px;
float: left;
margin-right: 20px;
}
#rightside {
width: 210px;
float: left;
}
#subpage_sidebar{
margin: 0px 0px 0px 20px;
}
#subpage_sidebar ul{
min-height:40px;
}
#rightsidelink{
height: 31px;
margin:0 0 0 20px;
border-bottom:1px solid #DCE9F5;
}
#rightsidelink ul{
margin:3px 0 0 76px;
padding:0 0 5px 0;
}
#rightsidelink ul li{
width: 25px;
float: left;
margin:0 0 0 0px;
padding:0 0 0 13px;
list-style:none;
}
#rightsidelink ul li img{
opacity:0.5;
}
#rightsidelink ul li img:hover{
opacity:1.0;
}
#subpage_sidebar ul li{
margin:0 0 0 0px;
padding:4px 0px 4px 10px;
border-bottom:1px solid #DCE9F5;
font-size:12px;
list-style: none;
list-style-image:none;
}
#subpage_sidebar ul li a{
text-decoration:none;
color:#000;
}
#subpage_sidebar ul li a:hover{
color:#ff6600;
}
#subpage_sidebar ul li.active{
font-weight:bold;

}
/*------------------ sidebox right Starts ------------------*/
#subpage_sidebar .sidebox-quotes{
padding: 10px; 
margin: 20px 0px 0px 0px;
width: 170px;
background:#f5f7f9;
-moz-border-radius:5px;
border:1px solid #f3f3f3;
}
#subpage_sidebar .quotesdiv{
width: 25px;
float: left;
}

#subpage_sidebar .quotestop{
width: 20px;
float: left;
}

#subpage_sidebar .p .quotestop{
border: solid red 1px;
float: right;
overflow: auto;
}

#subpage_sidebar .p{
color: #000;
font-size: 12px;
line-height: 25px;
font-style: italic;
width: 150px;
margin: 0px 0px 0px 22px;
}
.p span{
font-size:30px;
color:#000066;
}
#subpage_sidebar .author{
color: #ff9900;
font-weight: bold;
line-height: 18px;
font-size: 12px;
font-style: normal;
margin: 10px 0px 0px 0px;
}

/*------------------ Landing page sidebox right Starts ------------------*/

.landingquotes{
position: absolute;
top: 0px;
display: none;
opacity: 1;
width: 260px;
}

.sidebox-quotes{
padding: 0px; 
margin: 0px 0px 0px 0px;
width: 280px;
}
.quotesdiv{
width: 25px;
float: left;
}

.quotestop{
width: 20px;
float: left;
}

.p .quotestop{
border: solid red 1px;
float: right;
overflow: auto;
}

.p{
color: #000;
font-size: 11px;
line-height: 18px;
font-style: italic;
width: 250px;
margin: 0px 0px 0px 0px;
}

.author{
color: #ff9900;
font-weight: bold;
line-height: 18px;
font-size: 11px;
font-style: normal;
margin: 10px 0px 0px 0px;
}
.author span{
font-size:11px;
font-weight:normal;
color:#295D8C;
}

/*------------------ Landing page sidebox right Starts ------------------*/


#subpage_sidebar .sidebox{
background-color: #666666; 
padding: 10px; 
margin: 20px 0px 0px 0px;
width: 170px;
}
#subpage_sidebar .sidebox p{
font-size: 11px;
font-weight: normal;
color: #000;
line-height:15px;
margin: 10px 0px 0px 0px;
}
#subpage_sidebar .sidebox p.download {
font-size: 11px;
font-weight:600;
color: #000;
line-height:15px;
text-decoration:none;
margin: -3px 0px 0px 0px;
padding: 0px;
}
#subpage_sidebar .sidebox p.downloadlink {
font-size: 11px;
color: #000;
line-height:18px;
text-decoration:none;
margin: 7px 0px 0px 0px;
padding: 0px;
}
#subpage_sidebar .sidebox p.downloadlink a {
font-size: 11px;
font-weight: normal;
color: #000;
line-height:15px;
text-decoration:none;
margin: 0px;
padding: 10px 0px 0px 0px;
}
#subpage_sidebar .sidebox p.downloadlink a:hover {
color: #ff6816;
line-height:15px;
text-decoration:none;
margin: 0px;
padding: 0px;
}

#subpage_sidebar .down_ico{
background:#EEECE1 url(../img/icon_download.png) no-repeat scroll 93% 52%;
padding:10px; 
width: 170px;
}
#subpage_sidebar .down_ico p{
margin:0px;
}

#subpage_sidebar .sidebox p.morelink{
font-size: 11px;
font-weight: normal;
color: #fff;
line-height:15px;
margin: 10px 0px 0px 0px;
text-align: right;
}

#subpage_sidebar .sidebox p.morelink a{
font-size: 11px;
font-weight: normal;
color: #fff;
text-align: right;
text-decoration: none;
}

#subpage_sidebar .sidebox p.morelink a:hover{
font-size: 11px;
font-weight: normal;
color: #ff6816;
text-align: right;
text-decoration: none;
}

.newsbox{
padding: 0px; 
font-size: 12px;
margin: 20px 0px 0px 10px;
width: 170px;
}

.newsbox h3{
font-size: 12px;
color: #005092;
font-weight: bold;
}
.newsbox a{
color: #000;
font-size: 12px;
text-decoration: none;
}
.newsbox a:hover{
color: #ff6816;
text-decoration: none;
}
.newsbox p{
font-size: 11px;
font-weight: normal;
color: #000;
line-height:18px;
margin: 10px 0px 0px 0px;
}

.newsbox p.morelink{
font-size: 12px;
font-weight: normal;
color: #fff;
line-height:15px;
margin: 0px 0px 0px 0px;
text-align: right;
}

.newsbox p.morelink a{
font-size: 12px;
font-weight: normal;
color: #336699;
line-height:15px;
text-align: right;
text-decoration: none;
}

.newsbox p.morelink a:hover{
font-size: 12px;
font-weight: normal;
color: #ff6816;
text-align: right;
text-decoration: none;
}


/*------------------ sidebox right Ends ------------------*/
.rightsidebar{
float:right;
width:480px;
_width:470px;
padding: 0px 0px 0px 0px;
}
/*------------------ sidebox left Starts ------------------*/
.leftsidebar{
float:left;
width:170px;
padding: 0px 30px 0px 0px;
}

.sideboxshare {
background-color:#DCE9F5;
border:1px solid #DCE9F5;
float:left;
margin:0 0 20px;
padding:19px 22px 14px 0;
width:168px;
}

.sideboxleft{
background-color: #DCE9F5; 
padding: 10px; 
margin: 0px 0px 20px 0px;
width: 170px;
float: left;
border: solid #DCE9F5 1px;
}
#wrapper_subpage .sideboxleft p{
font-size: 11px;
font-weight: normal;
color: #000;
line-height:15px;
margin: 10px 0px 0px 0px;
}

#wrapper_subpage .sideboxleft p a{
font-size: 11px;
font-weight: normal;
color: #000;
line-height:15px;
margin: 10px 0px 0px 0px;
text-decoration: none;
}

#wrapper_subpage .sideboxleft p a:hover{
font-size: 11px;
font-weight: normal;
color: #ff6816;
line-height:15px;
margin: 10px 0px 0px 0px;
text-decoration: none;
}

.sideboxleft p.morelink{
font-size: 11px;
font-weight: normal;
color: #000;
line-height:15px;
margin: 10px 0px 0px 0px;
text-align: right;
}

.sideboxleft p.morelink a{
font-size: 11px;
font-weight: normal;
color: #000;
text-align: right;
text-decoration: none;
}

.sideboxleft p.morelink a:hover{
font-size: 11px;
font-weight: normal;
color: #ff6816;
text-align: right;
text-decoration: none;
}

#wrapper_subpage .sideboxleft p.text{
font-size: 11px;
font-weight: normal;
color: #000;
line-height:15px;
margin: 0px 0px 0px 0px;
}

/*------------------ sidebox left Ends ------------------*/
#login{
background:transparent url(../img/top_login.png) no-repeat scroll 0 -1px;
width:100px;
height:20px;
position: absolute;
top:0;
right:10px;
text-indent:-1000px;
display:block;
cursor:pointer;
display:none;
}
#login_drop{
width:200px;
height:120px;
position:absolute;
top:0;
right:10px;
background:url(../img/top_login.png) no-repeat scroll 105px 100px;
display:none;
}
#login_drop div{
height:101px;
width:200px;
background:#fff;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
}
/*---------- Subpage box  ------------------------*/
/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding:10px 0 0 0;}

	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 280px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 900px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 900px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a{text-indent:-1000px; background:transparent url(../img/sld_bg.png) no-repeat scroll 0 0; display:block; height:10px; width:10px; cursor:pointer;}
	.coda-nav ul li a.current {text-indent:-1000px; background:transparent url(../img/sld_selected.png) no-repeat scroll 0 0; display:block; height:10px; width:10px; cursor:pointer;}
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 10px;  }
	
	/* Preloader */
	.coda-slider p.loading { padding: 10px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	#coda-nav-1 ul{ padding:10px 0 0 100px;}
	.coda-nav ul { clear: both; display: block; margin:auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left; height:280px }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-right a {	background:transparent url(../img/hori_large.png) no-repeat scroll 0px -30px;}
	.coda-nav-right a:hover { background:transparent url(../img/hori_large.png) no-repeat scroll -30px -30px;}
	.coda-nav-left a { background:transparent url(../img/hori_large.png) no-repeat scroll 0 0;}
	.coda-nav-left a:hover { background:transparent url(../img/hori_large.png) no-repeat scroll -30px 0;}	
	.coda-nav-left a, .coda-nav-right a{
	width:20px;
	height:20px;
	text-indent:-1000px;
	display:none;
	cursor:pointer;
	margin:120px 0 0 0;
	}
.bread_sub{
padding: 3px 0 3px 20px;
font-size:11px;
margin:5px 0 0 0;
background:#FBFAF7;
border-top:1px dashed #f1f1f1;
border-bottom:1px dashed #f1f1f1;
}
.bread_sub a{
color:#6E6E6E;
text-decoration:none;
}
.bread_sub a:hover{
text-decoration:underline;
}

/*---------- Management Content Box Strats ------------------------*/

.manag-box {
background:transparent url(../img/manag_box.png) no-repeat scroll 0 0px;
padding: 10px;
margin: 5px 0px 5px 0px;
height: 130px;
width: 220px;
float: left;
}
.manag-box img{
float:left;
margin:0 10px 0 0;
}
#wrapper_subpage .manag-box p{
float:left;
height:85px;
width:107px;
}

.manag-box p a{
text-align: right;
color: #999999;
text-decoration: none;
}

.manag-box p a:hover{
color: #FF6633;
}

/*---------- Management Content Box Ends  ------------------------*/
.dsp_no{
display:none;
}
		#wrapper_subpage .subpage_content ul.gallery{
		margin:0;
		padding:0;
		float: right;
		}
		#wrapper_subpage .subpage_content ul.gallery li{
		list-style:none;
		list-style-image:none;
		background-image:none;
		margin:-10px 12px -10px -10px;
		_margin:-10px 12px -10px -35px;		
		padding:1px 0px 0px 0px;
		}
		#wrapper_subpage .subpage_content ul.gallery li a{
		text-decoration:none;
		}
		#wrapper_subpage .subpage_content ul.gallery li a:hover{
		text-decoration:none;
		}
		#wrapper_subpage .subpage_content ul.gallery li.top{
		margin:0 0 0 0px;
		padding:0;
		}
		#wrapper_subpage .subpage_content ul.gallery li.clickhere{
		margin:6px 0 0 0;
		padding:0;
		}
		p.knowmore{
		width:215px;
		}
.or-sld-lft{
float:left;
width:360px;
height:260px;
overflow:hidden;
}
.or-sld-rgt{
float:left;
width:510px;
height:260px;
overflow:hidden;
margin:30px 0 0 25px;
}
.or-sld-rgt h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	text-transform:uppercase;
	margin:30px 0 0 0;
	color:#000;
	}
.or-sld-rgt h1 span{
	color:#FF6816;
	}
.or-sld-rgt p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: normal;
	color:#19374F;
	line-height:20px;
	margin:10px 0px 20px 0px;
	}		

      div.rotator { position: relative; height: 250px; width: 930px; margin:5px 10px 5px 10px; padding: 10px;}
      div.r1 p { margin-top: 10px; }
      div.navigation { position: absolute; bottom:0; left:450px; }
      div.navigation div.current, div.navigation a { width: 20px; height: 20px; margin: 0 8px 0 0; float: left; overflow: hidden; }
      div.navigation a:hover { text-decoration: none; }
      div.navigation div.current { text-indent:-1000px; background:transparent url(../img/sld_selected.png) no-repeat scroll 0 0; display:block; height:20px; width:20px; cursor:pointer; }
      div.navigation a { text-indent:-1000px; background:transparent url(../img/sld_bg.png) no-repeat scroll 0 0; display:block; height:20px; width:20px; cursor:pointer; }

/*---------- Landing page content below banner Starts ------------------------*/
.landcont{
width:963px;
padding: 40px 0px 0px 20px;
margin-bottom: 30px;
overflow: auto;
}
.landcont p{
font-size: 12px;
font-weight: normal;
color: #000;
line-height:18px;
margin:5px;
}
.landcont p a{
font-size: 11px;
font-weight: normal;
color: #FB7226;
text-decoration: none;
line-height:15px;
}
.landcont p a:hover{
color: #005092;
}
.landcontleft{
float: left;
width: 653px;
}
.landcontleft ul{
width:640px;
margin:0;
padding:0;
float:left;
}
.landcontleft ul li{
float:left;
width:318px;
height:74px;
}
.landcontleft ul li div{
padding:3px;
}
.landcontleft ul li div img{
margin:10px 0 0 10px;
float:left;
}
.bor-bot{
border-bottom:1px solid #D8E1EB;
}
.bor-top{
border-top:1px solid #D8E1EB;
}
.bor-lft{
border-left:1px solid #D8E1EB;
}
.bor-rgt{
border-right:1px solid #D8E1EB;
}
.landcontleftbox1{
border-bottom: solid #D8E1EB 1px;
border-right: solid #D8E1EB 1px;
width: 295px;
float: left;
height: 65px;
padding: 5px 0px 5px 5px
}
.landcontleftbox2{
border-bottom: solid #D8E1EB 1px;
width: 290px;
float: left;
height: 65px;
padding: 5px 0px 5px 10px
}
.landcontleftbox3{
width: 295px;
float: left;
height: 65px;
padding: 5px 0px 5px 5px
}
.landcontleftbox4{
border-left: solid #D8E1EB 1px;
width: 290px;
float: left;
height: 65px;
padding: 5px 0px 5px 10px
}
.landcontright{
float: left;
/* border: solid #D8E1EB 1px; */
padding: 12px;
background:#f5f7f9;
-moz-border-radius:5px;
border:1px solid #f3f3f3;
}
/*---------- Landing page content below banner Ends ------------------------*/

.samimg{
margin-right:15px;
}

.contactuscont {
width: 240px;
float: left;
margin-bottom: 10px;
}
/*---------- Media room grid view content Starts ------------------------*/

.newscont{
width: 99%; 
overflow: auto;
border-bottom: solid 1px #DCE9F5;
padding-bottom: 10px;
margin-left:0;
}
#wrapper_subpage .newscont p{
font-size:12px;
color: #999999;
margin: 0px;
}
.newscont .newsdate{
width: 125px;
float: left;
padding-right: 20px;
}
.newscont .newsdata{
width: 65%; 
float: left; 
padding-left: 20px; 
height: 38px; 
overflow:hidden;
}
.newscontmedia{
width: 99%; 
overflow: auto; 
margin-bottom: 10px;
margin-left:0;
padding-bottom: 10px;
border-bottom: solid 1px #DCE9F5;
}
#wrapper_subpage .newscontmedia p{
font-size:12px;
color: #999999;
margin: 0px;
}
.newscontmedia .newsdate{
width: 125px;
float: left;
padding-right: 20px;
font-size: 12px;
}
.newscontmedia .newsdata{
width: 65%; 
float: left; 
padding-left: 20px; 
height: 38px; 
overflow:hidden;
}

.newscont .newsdatemore {
float:left;
font-size:12px;
padding-right:20px;
width:160px;
}

.newscont .newsdatamore {
float:left;
height:39px;
overflow:hidden;
padding-left:20px;
width:70%;
}


/*---------- Media room grid view content Ends ------------------------*/

/*---------- Investors content Ends ------------------------*/
.investorsbox {
background-color: #DCE9F5;
float:left;
height:175px;
margin:15px 15px 0px 0;
padding:10px;
width:210px;
}

.investorsboxright {
background-color: #DCE9F5;
float:left;
height:175px;
padding:10px;
padding:10px 10px 5px 10px;
width:210px;
_width:170px;
margin:15px 0 0 0;
}

#wrapper_subpage p.link {
color:#000000;
font-size:12px;
font-weight:normal;
line-height:26px;
margin:0 0 15px;
}

#wrapper_subpage p.link a {
color:#005092;
font-size:12px;
font-weight:normal;
text-decoration:none;
line-height:26px;
}

#wrapper_subpage p.link a:hover {
color:#ff6816;
font-size:12px;
font-weight:normal;
text-decoration:none;
line-height:26px;
}
#hor-minimalist-b {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border-collapse:collapse;
font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
font-size:12px;
margin:0px;
text-align:left;
width:720px;
}
#hor-minimalist-b th {
border-bottom:1px solid #CCDFF0;
color:#000;
font-size:12px;
line-height:18px;
font-weight:normal;
padding:0px 8px 10px 0px;
}
#hor-minimalist-b td {
border-bottom:1px solid #F1F6FC;
color:#000;
padding:6px 8px 6px 0px;
}

#hor-minimalist-b td a {
color:#000;
text-decoration: none;
padding:6px 8px 6px 0px;
}

#hor-minimalist-b td a:hover {
color:#ff6816;
text-decoration: underline;
padding:6px 8px 6px 0px;
}

#hor-minimalist-b tbody tr:hover td {
color:#000099;
background-color: #F5F8FD;
}
/*---------- Financials page Vertical Tab Starts ------------------------*/
#wrapper_subpage .subpage_content #vtab {
            margin: 10px 0px 0px 0px;
            width: 800px;
            height: 100%;
        }
#wrapper_subpage .subpage_content #vtab > div {
			border:1px solid #DCE9F5;
			margin-left:100px;
			padding:15px 0px 0px 10px;
			width:590px;
        }
#wrapper_subpage .subpage_content #vtab > ul {
            float: left;
			list-style-image: none;
            text-align: left;
            display: block;
            margin: auto 0;
            padding: 0;
            position: relative;
        }
#wrapper_subpage .subpage_content #vtab > ul > li {
            width: 90px;
			height: 30px;
            background-color: #fff !important;
            list-style-image: none;
            display: block;
            margin: 0;
            border: 1px solid #fff;
            position: relative;
            border-right: none;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
			padding:10px 0px 0px 10px;
			background-image:none;
			cursor:pointer;
        }
#wrapper_subpage .subpage_content #vtab > ul > li.selected {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            border: 1px solid #DCE9F5;
            border-right: none;
            z-index: 10;
            position: relative;
			padding:10px 0 0 10px;
        }
		
.qcont{
width: 540px;
overflow: auto;
border-bottom: solid 1px #DCE9F5;
margin-bottom:12px;
}
#wrapper_subpage .qdata p{
font-size:12px;
color: #999999;
margin: 0px 0px 10px 0px; 
}
.qcontend{
width: 540px;
overflow: auto;
}
.qcontend .qdate{
float: left;
padding-right: 20px;
}
.qcontend .qdata{
margin-left:61px;
padding-top:0;
width:479px;
}		

.qcont .qdate{
float: left;
padding-right: 20px;
}
.qcont .qdata{
float:left;
margin:0px;
padding-top:0;
width:479px;
}		

/*---------- Vertical Tab Ends ------------------------*/

/*---------- Directors Content Box Strats ------------------------*/

.director-box {
margin:10px 20px 20px 0;
padding:0 33px 0 0;
height:133px;
width: 155px;
float: left;
text-align: center;
width: 126px;
border-right: solid whitesmoke 1px;
}

#wrapper_subpage .director-box p{
color: #000;
margin-top: 5px;
}

#wrapper_subpage .director-box p a{
color: #000;
text-decoration: none;
}

#wrapper_subpage .director-box p a:hover{
color: #FF6633;
}

#wrapper_subpage .subpage_content .director-box ul.gallery {
float:none;
margin:0;
padding:0;
text-align: inherit;
}

#wrapper_subpage .subpage_content .director-box ul.gallery li {
margin:0px;
padding:0px;
}

#wrapper_subpage ul li {
margin-left:0px;
}
/*---------- Directors Content Box Ends  ------------------------*/

#wrapper_popuppage{
	margin:auto;
	width:960x;
	float: left;
	margin: 30px 0px 0px 0px;
	text-align: center;
	z-index: inherit;
}

/*---------- Careers Form Box starts  ------------------------*/
input, select, textarea{
font-size:12px;
}
.jobsearch-box {
font-size:12px;
margin:0px;
text-align:left;
width:350px;
}
.jobsearch-box td {
padding:8px 0px 5px 0px;
}
.smalltext{
font-size: 11px;
color: #999999;
}

.smalltext a{
font-size: 11px;
color: #999999;
text-decoration: none;
}

.smalltext a:hover{
font-size: 11px;
color: #ff6816;
}

.combobox{
width: 200px;
}

.textfield{
width: 200px;
border: solid #7F9DB9 1px;
}
.textfield:hover{
width: 200px;
border: solid #000 1px;
}

.textfieldregi{
width: 222px;
border: solid #7F9DB9 1px;
}
.textfieldregi:hover{
width: 222px;
border: solid #000 1px;
}

.textfieldcont{
width: 160px;
font-size: 10px;
padding: 3px;
margin-bottom: 2px;
border: solid #7F9DB9 1px;
font-family: Arial, Helvetica, sans-serif;
}
.textfieldcont:hover{
width: 160px;
border: solid #000 1px;
}
.enquiry{
background-color: #EEECE1; 
padding:10px; 
width: 170px;
}

#registor-table {
font-size:12px;
margin:0px;
text-align:left;
width:650px;
}
#registor-table td {
padding:8px 0px 5px 0px;
}

#wrapper_subpage .subpage_content .jobdetails ul li{
list-style-image: none;
background-image: none;
margin: 0px 0px 0px -12px; 
}
#rightside .send_friend{
width:300px;
height:200px;
background:#F1F6FA;
position:absolute;
margin:0 -90px; 0 0;
z-index:9999;
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#F4F4F4 none repeat scroll 0 0 !important;
border-color:#E8E8E8 #BABABA #BABABA #E8E8E8;
border-style:solid;
border-width:1px 2px 2px 1px;
display:none;
}
#rightside .send_friend h3{
margin:5px 0 0 10px;
padding:0;
}
#rightside .send_friend form{
background:#fff;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border-color:#BABABA #E8E8E8 #E8E8E8 #BABABA;
border-style:solid;
border-width:1px;
margin:5px;
padding:5px;
height:162px;
font-size:11px;
}
#rightside .friend_close{
float:right;
font-size:10px;
text-transform:uppercase;
margin:-12px 5px 0 0;
}
#rightside .send_friend form div{
padding:2px 0;
height:20px;
}
#rightside .send_friend form div label{
width:80px;
float:left;
}
#rightside .send_friend form div input{
float:left;
}
#rightside .send_friend form .fr_sub_button{
clear:both;
float:right;
margin:15px 15px 0 0;
background:#ff6600;
color:#fff;
font-weight:bold;
font-size:11px;
border:1px solid #ff7700;
-moz-border-radius:2px;
}

.partnersteable{
vertical-align: top;
border-bottom: solid 1px #DCE9F5;
padding: 10px 0px 10px 0px;
}
#cus_logo ul{
float:left;
width:721px;
}
#cus_logo ul li{
float:left;
border:1px solid #eee;
text-indent:-2000px;
width:179px;
height:101px;
padding:0;
margin:0;
}
#cus_logo ul li.lgo_blade{
background:url(../img/customers/Customers_01.jpg) no-repeat scroll 0 0;
border-right:0px;
}
#cus_logo ul li.lgo_rad{
background:url(../img/customers/Customers_02.jpg) no-repeat scroll 0 0;
border-right:0px;
}
#cus_logo ul li.lgo_ixia{
background:url(../img/customers/Customers_03.jpg) no-repeat scroll 0 0;
border-right:0px;
}
#cus_logo ul li.lgo_bix{
background:url(../img/customers/Customers_04.jpg) no-repeat scroll 0 0;
}
.validator{
float:right;
}
.validator a.xhtml{
background:url(../img/xhtml.png) no-repeat scroll 0 0;
display:block;
text-indent:-2000px;
cursor:pointer;
width:50px;
height:16px;
}
#slider .or-sld-rgt p span.cufon-canvas{
margin:10px 0 0px;
}