@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
}
img{
	border:0px;
}
form {
	margin: 0
}
.table-padding { padding: 5px 0 5px 10px;}
.font-2 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;}
.menu-text {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #353533; font-weight: bold; }
.footer-font {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666;  }
.phone-font {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #353533; font-weight: bold; }
.www {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #9cb8d9; }
.sub-heading-font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top:5px;
	padding-bottom: 5px;
	color: #ffffff;
	padding-left: 12px;
	font-weight: bold;
}
.style12 {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.Heading {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style7 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
a:link.productlink, a:visited.productlink { color:#0081BC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none; font-weight:bold;}
a:hover.productlink, a:active.productlink {  color:#0081BC; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;font-weight:bold;}

a:link.contactusCss, a:visited.contactusCss { color:#0081BC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none; }
a:hover.contactusCss, a:active.contactusCss {  color:#0081BC; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

a:link.simplelink, a:visited.simplelink { color:#ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none; font-weight:bold; }
a:hover.simplelink, a:active.simplelink {  color:#ffffff; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;font-weight:bold;}

a:link.simplelink1, a:visited.simplelink1 { color:#0033FF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-decoration:none; font-weight:bold; }
a:hover.simplelink1, a:active.simplelink1 {  color:#0033FF; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;font-weight:bold;}

a:link.news_heading, a:visited.news_heading { text-decoration:none; color:#000000; font-size: 10px; }
a:hover.news_heading, a:active.news_heading { text-decoration:underline;color:#000000; font-size: 10px;}

/* ---------------------- TOP MENU NAV - AHTSHAM ASGHAR ---------------------- */
#dolphincontainer{position:relative;height:54px;color:#E0E0E0;background:#143D55;width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;z-index: 101;}
#dolphinnav{position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url(../images/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;height: 33px;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#fff;background:transparent url(../images/dolphin_bg-OVER.gif) repeat-x bottom left; height:33px;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#1D6893 url(../images/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(../images/dolphin_right-ON.gif) no-repeat top right;height:33px;}
/* ---------------------- END TOP MENU nav ---------------------- */

#dolphincontainer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width:760px;
	height: 27px;
	font-size: 11px; 
	font-family: Tahoma, Arial; 
	position: relative;
	z-index: 101;
}

#dolphincontainer ul li {
	position: relative;
	float:left;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left - AHTSHAM ASGHAR */
	top: auto;
	left: auto;
	font-size: 11px; 
	font-family: Tahoma, Arial; 
	
	}

#dolphincontainer li a {
	display: block;
	height:35px;
	}

#dolphincontainer li:hover, 
#dolphincontainer li.over  {
	background: url(../images/dolphin_bg-OVER.gif) no-repeat center top;
}	
	
/*  Solution Area*/
#sol {
	position: relative;
	width:600px;
	border-left: none;
	font-size: 11px; 
	font-family: Tahoma, Arial; 
	
}
#sol li.first {
	background-color: #003366;
	padding-bottom: 0px;
	font-size: 11px; 
	font-family: Tahoma, Arial; 
	text-transform:none;
	width:250px;	
}
	
#sol li.second {
	background: #003366 url(../images/solutions_second_bg.gif) repeat-x bottom;
	font-size: 11px; 
	font-family: Tahoma, Arial; 
	text-transform:none;
}
	
#sol li.third {
	background: #006AAD url(../images/solutions_third_bg.gif) repeat-x top;
	font-size: 11px; 
	font-family: Tahoma, Arial; 
	text-transform:none;
	width:250px;	
}
ul#sol {
	width:250px;
	border-left: none;
	font-size: 11px; 
	font-family: Tahoma, Arial; 
}
#sol li {
	color:#fff;
	white-space: nowrap;
	font-weight:bold;
	padding: 15px 25px;
}
#sol b {
	color:#33CCFF;
	font-size: 11px; 
	font-family: Tahoma, Arial; 
}
#sol select {
	margin: 0px;
	margin-top: 1px;
	width:200px;
	font-size: 11px;
	font-family: Tahoma, Arial;
	
	}
#sol option.indent {
	padding-left: 10px;
	background: #fff;
	}
	
/* End Solution Area Ahtsham */	
	
.top {display:block; float:left; position:relative;}
/* End Services Area Ahtsham */	

.news-image {border:1px solid #CCCCCC; padding:3px; margin-right:10px; margin-bottom:3px;}
.bodyText { font-size: 12px; color:#000000; text-decoration:none;font-family: Arial, Helvetica, sans-serif; font-weight:normal  }

/*   For Pagination -    pagination - AHTSHAM ASGHAr */
.pagination a, .pagination a:visited{ border:1px solid #B2D232; padding:1px 5px 1px 5px; text-decoration:none; color:#000000; margin:1px;}
.pagination a:hover, .pagination a:active{ border: 1px solid #3E9246; color: #ffffff; background-color:#2c7ac4; }
.pagination b{background-color: #2e6ab1; color:#FFF !important; border-color:#2b66a5; font-weight:bold; cursor:default;}

/*   For Pagination -    pagination - AHTSHAM ASGHAr */
.headingGreen { font-size: 15px; font-weight: bold; color:#666666; }
.bodyText-bold { font-size: 12px; font-weight:bold; }
.bodyText-bold a{ text-decoration:none; color:#666666; }
.bodyText-bold a:hover{ text-decoration:underline; color:#666666; }
.bodyText-small { font-size: 11px; }
.bodyText-small a { font-weight:bold; text-decoration:none; color:#000000;  }
.bodyText-small a:hover { font-weight:bold; text-decoration:underline; color:#000000;}

/*  -    DROP DOWN MENU - AHTSHAM ASGHAr */



#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #FCFCFC;
	border: 1px solid #5970B2
}

#sddm div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #FCFCFC;
	color: #2875DE;
	font: 11px arial}

#sddm div a:hover
{	background: #49A3FF;
	color: #FFF
}
/*  -    END DROP DOWN MENU - AHTSHAM ASGHAr */

.quotebox {
	width:180px;
	padding:0px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	color:#5a7e92;
	line-height:20px;
	background:url(../images/bg-quote-top.gif) no-repeat;
	padding-bottom: 12px;
}
.quotefoot {
	height:18px;
	margin:0;
	padding:0;
	background-image:url(../images/bg-quote-bot.gif);
	font-size: 1px;
	line-height: 0px;
	width:180px;
}
.tall {
	background-image:url(../images/bg-c3-res-tall.jpg);
	background-repeat:no-repeat;
	/* height:500px; */
	padding-bottom: 30px;
}


/* Left Panel */
#scontentRight {
	width:194px;
	height:496px;
	padding:0px 0px 0px 10px;
	float:right;
	background:url(../images/scontentRight.gif) repeat-y;
}
#scontentleft {
	width:194px;
	height:496px;
	padding:0px 0px 0px 10px;
	float:right;
	background:url(../images/scontentRight.gif) repeat-y;
}
.txtbox{
	border:1px solid #cacaca;
	font:12px Arial, Helvetica, sans-serif;
	background-color:#fafafa;	
}
.btnsubmit{
	border:1px solid #cacaca;
	font:12px Arial, Helvetica, sans-serif;
	background-color:#fafafa;
	font-weight:bold;
	
	
}

/*=========================================================
	Added by parvez Customers and partners Verticals Tabs
=========================================================*/		

div.verticaltabs {
	background: url(../images/logo_tabs_bg_rt.gif) right top no-repeat;
	}

div.verticaltabs ul.verticals { 
	height:21px;
	background: url(../images/logo_tabs_bg_lt.gif) left top no-repeat;
	margin: 0;
	padding: 7px 0 7px 9px;
	}

div.verticaltabs ul.verticals li { 
	list-style-type: none;
	display: inline;
	display: block;
	float: left;
	font-size:9px;
	}
	
div.verticaltabs ul.verticals li a {
	cursor: pointer;
	text-decoration: none;
	color: #333; 
	display: block; 
	float: left;
	margin-left:0;
	margin-right: 2px;
	padding: 4px 0 6px 9px;
	font-weight: bold;
	margin-right: 2px;
	}
div.verticaltabs ul.verticals li a.last{
	margin-right: 0px;
	}	
div.verticaltabs ul.verticals li span{
	padding: 4px 9px 6px 0;
	}	
	
div.verticaltabs ul.verticals li.active a,
div.verticaltabs ul.verticals li.current a {
	color:#fff;
	background: url(../images/logo_tab_lt.gif) left top no-repeat;
	border: none;	
	}
div.verticaltabs ul.verticals li.active a span,
div.verticaltabs ul.verticals li.current a span{
	background: url(../images/logo_tab_rt.gif) right top no-repeat;
	}

div.verticaltabs ul.verticals li.none a:hover span,
div.verticaltabs ul.verticals li a:hover span,
div.verticaltabs ul.verticals li:hover a span{
	background: url(../images/logo_tab_rt.gif) right top no-repeat;
	}

div.verticaltabs ul.verticals li.none a:hover,
div.verticaltabs ul.verticals li a:hover,
div.verticaltabs ul.verticals li:hover a,
div.verticaltabs ul.verticals li.none:hover a.by_location{
	background: url(../images/logo_tab_lt.gif) left top no-repeat;
	text-decoration: none;
	color: #fff;
	}
	
div.verticaltabs ul.verticals li.none a {
	background: none;
	color: #333;
	}
div.verticaltabs ul.verticals li.none a span{
	background: none;
	}
	
/*left menu*/
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	/*width: 187px;*/ /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0; /* padding keeps the content of the div away from the edges */
	margin:0;
	background:none;
}
  #sidebar1 #left-menu {
	margin: 0;
	padding:0;
  }

  #sidebar1 #left-menu ul{
  	list-style:none;
	margin:0;
	padding:0;
  }
  #sidebar1 #left-menu ul li{
  	list-style-type:none;
	height:53px;
	display:block;
	margin:0 0 10px 0;
	padding:0;
  }
  #sidebar1 #left-menu ul li a{
  	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	text-align:left;
	color:#FFFFFF;
	text-decoration:none;
	background: none;
	height:53px;
	display:block;
	padding:0;
	margin:0;
  }
  #sidebar1 #left-menu ul li a:hover{
  	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	color:#cd0105;
	text-decoration:none;
	background: none;
  }

  #sidebar1 #left-menu ul li a.current_left{
  	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	color:#cd0105;
	text-decoration:none;
	background: none;
  }
  
  /* -----------Level Two----------- */	


.secondary ul.level2 li {
	background: url(../images/medium_dotted_h.gif) repeat-x bottom;
}
.curve {
	padding:0px 0px 10px 0px;
	background: url(../images/medium_dotted_h.gif) repeat-x bottom;
}
.secondary ul.level2 a {
	color: #006699;
	padding-right: 15px;
	}

.secondary ul.level2 b {
	font-weight: normal;
	}			
	
/*=========================================================
	Left Navigation
=========================================================*/

.secondary {
	margin-top: 8px;	
}

.secondary ul, .secondary li {
	padding: 0;
	margin:	0;
	list-style: none;
	white-space:nowrap;
}
.secondary label {
	display: block;
	color:#0081BC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none;
	padding:8px 0px;
	margin-right:2px;/*added by Ahtsham*/	
}

.secondary a {
	color:#0081BC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none;
	padding:8px 0px;
	margin-right:2px;/*added by Ahtsham*/	
}
	
.secondary a:hover {
	/* background: url(../images/left_hover_anim.gif) no-repeat right center; */
	text-decoration: underline;
}
.secondary ul.level2 #current a { 
	font-weight: bold;
}	
.secondary #current a { 
	background: url(../images/current_page.gif) no-repeat right center;
	font-weight: bold;
	cursor: default;
} 

.secondary li a.level1 {
	background: url(../images/current_section.gif) no-repeat right center;
	padding:0px 0px;
	font-weight: bold;
}

.secondary li a.level1:hover {
	background-image: url(../images/current_section_hover.gif);
}
ul.resources{
	padding:0;
	padding: 10px 0px 5px 6px;
	list-style: none;
	margin: 0;
	}	
.resources {
	padding: 15px 15px;
	margin:0;
	display: block;
	vertical-align: middle;
}
.resourcesPad{
	display: block;
	height: 30px;
	padding: 0px 0 7px 10px;
	text-decoration: none;
	color: #444;
}
resources a:hover {
	text-decoration: none;
	color: #444;
}
.headingBtn {
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
}
.sub-headingBtn {font-size: 12px}

.contactus-font-1 {font-size: 11px; font-family: Tahoma, Arial; }
.contactus-font-2 {
	font-size: 12px;
	font-family: Tahoma, Arial;
	color: 003366;
	font-weight: bold;
}
ul.tree {
	margin: 0;
	padding: 0;
	padding: 20px 0px 20px 20px;
	background: url("../images/bg_tree_list.gif") repeat-y top left;
}
ul.tree li{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/bullet_2.gif) no-repeat scroll left top;
	padding-bottom:5px;
	padding-left:10px;
}