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

body {
/*background:#ffffff url(../images/bg.jpg) repeat-x;
*/background-image:url(../images/bg-body.jpg);
background-attachment:fixed;
/*background-repeat:repeat-x;*/
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;

}
form {
margin:0;
padding:0;
}
img {
margin:0;
padding:0;
}
li {list-style:none;margin:0;padding:0;}

.mainContainer {
	width:990px;
	margin:auto;
	background-color:#fff;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
/*background:yellow;*/
}

/* Header */

.topbar {
	margin-left:500px;
	position:absolute;
	color:#9e9e9e;
	font-size:11px;
	margin-top:12px;
	width: 470px;
	left: 74px;
	top: -3px;
}

.topbar ul {
margin:0;
padding:0;
list-style:none;
}
.topbar ul li {
display:inline;
margin:0 5px 0 0;
padding:0 8px  0 4px;
border-right:1px solid #9e9e9e;
}

.topbar ul li a {
color:#9e9e9e;
text-decoration:none;
}

.topbar ul li a:hover {
color:#0193bc;
text-decoration:underline;
}
.header {
min-height:89px;
height:auto!important;
height:89px;

}
.logopos {
position:absolute;
height:89px;
margin-left:15px;
}
.supportbtn {
position:absolute;
margin-left:860px;
margin-top:58px;
}

.topmenupos {
padding:45px 4px 0 340px;
font-family:Arial, Helvetica, sans-serif;
color:#3e4449;
font-size:14px;
font-weight:bold;
}

.thepet {
width:973px;
margin:auto;
font-size:12px;
line-height:18px;
/*padding:0px 0 12px 0;*/
padding:0px 0 0px 0;
}

.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;

}

.openpet{ /*class added to contents of 1st demo when they are open*/
background:url(../images/topmenu/dw-bullet.jpg) right no-repeat;
}

.topmenupos ul {
list-style:none;
margin:0;
padding:0;
}
.topmenupos ul li {
display:block;
margin-right:5px;
padding:2px 12px 0 12px;
float:left;
height:48px;

}
#navigation a 
{ 
color:#000; 
background:url(../images/bullet/top-bullet.jpg) right no-repeat;
text-decoration: none; 
padding-left:10px;
height:50px;

} 

#navigation a span 
{ 
background: url(../images/topmenu/right-tab.gif) right top no-repeat; 
padding-right: 10px;
padding-top:15px;
height:40px;

} 

#navigation a, #navigation a span 
{ 
display: block; 
float: left;

} 

/* Commented backslash hack hides rule from IE5-Mac \*/ 
#navigation a, #navigation a span 
{ 
float: none 
} 
/* End IE5-Mac hack */ 

#navigation a:hover 
{ 
color: #fff; 
background: #019EC1 url(../images/topmenu/left-tab-hover.gif) left top no-repeat; 
text-decoration: none; 
padding-left: 10px;
padding-top:0px;
height:48px;
cursor: hand;
cursor: pointer;

} 

#navigation a:hover span 
{ 
background: url(../images/topmenu/rt-tab-hover.gif) right top no-repeat; 
padding-right:10px;
padding-top:15px;
height:40px;
cursor: hand;
cursor: pointer;

} 

.topmenu-cont {
width:959px;
margin:auto;
font-weight:bold;
}

.topmenu-cont ul {
margin:0;
padding:0;
list-style:none;
background:url(../images/submenu-top-divider.jpg) right repeat-y;
width:220px;
float:left;
}

.topmenu-cont ul li {
height:40px;
padding:10px 0 8px 25px;
vertical-align:middle;
}
.topmenu-cont ul li img {
float:left;
padding-right:4px;
}
.topmenu-cont ul li a {
text-decoration:none;
color:#cb4506;
}
.topmenu-cont ul li a:hover {
text-decoration:underline;
color:#0193bc;
}
.topmenu-cont ul li span{
display:block;
padding-top:10px;
}


/*#navigation 
{ 
list-style: none; 
padding: 0; 
margin: 0 
} 

#navigation li 
{ 
float: left; 
display: block; 
margin: 0; 
padding: 0 
}*/


.orangeBar {
background:#ECAC24;
height:11px;
width:969px;
margin:0 auto;
position:relative;
z-index:1000;
}
.displayBox {
width:973px;
height:345px;
margin:0 auto;
/*background:url(../images/display-mid.jpg) bottom no-repeat;*/

}
.displayBoxcont {
margin:-5px 0;
width:950px;
float:left;
height:340px;
padding:0px 6px 0px 10px;
background:#ffffff url(../images/display-box-lt.png) left no-repeat;
}

.displayBoxcont h4 {
margin:0;
padding:20px 0 0 0;
font-size:32px;
}

.displayboxrt {
float:left;
background:url(../images/display-box-rt.png) left no-repeat;
width:2px;
height:339px;
margin-top:-4px;
}
.Content {
width:973px;
}

.Content table {
padding-top:8px;
}
.ColBox {
height:285px;
width:600px;
float:left;
}
.IstCont p {
font-size:12px;
color:#666666;
margin:4px 0px;
padding:0 12px 8px 0px;
line-height:18px;
}

.IstCont {
float:left;
width:380px;
height:181px;

}
.2ndCont {
float:left;
width:200px;
}

.Content hr {
margin:0;
padding:0;
border-top:1px solid #E7E7E7;
border-bottom:none;
border-left:none;
background:#E7E7E7;	
}

.Content a {
text-decoration:none;
color:#333333;
font-size:12px;
}
.Content a:hover {
text-decoration:underline;
color:#333333;
}
.viewDemo {
color:#9d9d9d;
font-size:16px;
font-weight:bold;
}
.viewDemo a {
text-decoration:none;
color:#9d9d9d;
font-size:16px;
}

.viewDemo a:hover {
text-decoration:underline;
color:#9d9d9d;
}
/* Whats New Box */

.wNBOx {
width:958px;
margin:0 auto;
height:64px;
padding:3px 0 12px 8px;
background:url(../images/whats-newbg.jpg) 0px 5px repeat-x;
}
.wNBOx table {
padding-top:12px;
padding-bottom:4px;
}
.wNBOx table table {
padding-top:0;
}
.wNBOx td ul {
margin:0;
padding:0;
list-style:none;
}

.wNBOx td ul li {
display:inline;
}

.graytxt {
font-size:14px;
color:#3e4449;
font-weight:bold;
}
.imgpos {
float:left; margin-bottom:4px; margin-right:27px;
margin-left:-8px;
}
/* midContainer */
.midContainer {
width:973px;
margin:auto;
}
/* RoundedCorner */
.IstmidCont {
float:left;
width:660px;
height:auto;
}

.IIndmidCont {
float:left;
width:310px;
}
#liquid-round {
width:100%;
margin:0px auto;
background:#fff url(../images/leftside.gif) repeat-y left top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}
.top {
width:100%;
height:20px;
background:url(../images/top.gif) no-repeat left top;
}
.top span {
display:block;
position:relative;
height:20px;
background:url(../images/top-right.gif) no-repeat right top;
}
.center-content {
position:relative;
background:url(../images/mynewBox/bg.png) repeat-y;
padding:1px 8px 1px 15px;
margin:-4px 0 -4px 0;
}

.center-contentf {
position:relative;
background:url(../images/big-box/bg.png) repeat-y;
padding:1px 5px 1px 5px;
width:978px;
margin:-3px 0 -1px 0;
}
.center-contentrt {
background:url(../images/mynewBox/smallbg.png) repeat-y;
padding:10px 9px 33px 12px;
margin:-4px 0 -2px 0;
}

.center-contentrt ul {
list-style:none;
margin:0;
padding:0;
}

.center-contentrt h4 {
background:url(../images/rt-hdtab.gif) left no-repeat;
font-size:14px;
height:27px;
padding:4px 18px 0 18px;
margin:0;
width:265px;
text-transform:uppercase;
}


.center-contentrt ul li {
font-size:12px;
color:#666666;
line-height:18px;
width:290px;
}
.center-contentrt ul li p {
padding:0 0 0 14px;
width:auto;
clear:both;
}
.center-contentrt table {
padding-top:8px;
}
.bottom {
width:100%;
height:60px;
background:url(../images/bottom.gif) no-repeat left bottom;
}
.bottom span {
display:block;
/*position:relative; */
height:60px;
background:url(../images/bottom-right.gif) no-repeat right top;
}
.bluelink {
color:#0193bc;
font-weight:bold;
}
.bluelink a {
color:#0193bc;
text-decoration:none;
font-weight:bold;
}
.bluelink a:hover {
color:#0193bc;
text-decoration:none;
}
.imgflt {
float:right;
margin:0 14px;
}

.txtfld {
background:url(../images/inputbg.jpg) top no-repeat;
padding:10px 12px;
height:16px;
border:none;
width:184px;
margin:0;
color:#999999;
font-size:11px;
}

/* footer */

.footer {
width:973px;
margin:auto;
font-size:12px;
}
.footer span {
color:#333333;
margin-left:8px;
font-size:11px;
}

.footer ul {
list-style:none;
float:left;
height:67px;
margin:0;
padding:0;

}

.footer a {
color:#333333;
text-decoration:none;
font-weight:normal;
}
.footer a:hover {
color:#0193bc;
text-decoration:underline;
}

.footer ul li {
line-height:22px;
padding:5px 20px;

}

.imgfltn{
margin-right:70px;

} 

.f-IstCol {
float:left;
width:930px;
/*border-right:2px solid #D3DFD3;*/
}

.f-IIndCol {
float:left;
width:264px;
padding:0 8px 0 12px;
height:auto;
}

.f-IIndCol table {
width:100%;
margin:0;
padding:0;
}

/* tabber */
ul.domtabs {
			margin:0;
			padding:0;
			list-style:none;
			border:none;
		}
ul.domtabs li{
	float:left;
	padding:0 0px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	font-weight:bold;
		
		}
		ul.domtabs a:link
		{
			width:110px;
			padding:8px 50px;
			display:block;
			background:#F9F9F9 url(../images/tabber/shade.jpg) left top no-repeat;
			color:#333333;
			height:23px;
			text-decoration:none;
		}
	

			
		ul.domtabs a:active,
		ul.domtabs a:hover,
		ul.domtabs a:visited {
				width:110px;
			padding:8px 50px;
			display:block;
			background:#F9F9F9 url(../images/tabber/shadeactive.jpg) left top no-repeat;
			color:#333333;
			height:23px;
			text-decoration:none;
		}
		
		ul.domtabs li.active a:link,
		ul.domtabs li.active a:visited,
		ul.domtabs li.active a:active,
		ul.domtabs li.active a:hover{
			width:110px;
			padding:8px 50px;
			display:block;
			background:#F9F9F9 url(../images/tabber/shadeactive.jpg) left top no-repeat;
			color:#333333;
			height:23px;
			text-decoration:none;
		}
		
			div.domtab div{
			clear:both;
			width:604px;
			background:#ffffff;
			color:#333333;
			line-height:18px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			border-left:1px solid #D5D5D5;
			border-right:1px solid #D5D5D5;
			padding:16px 12px;
			min-height:298px;
			height:auto!important;
			height:298px;
			margin-bottom:-1px;
		}

		
		.mytab ul{
		margin:0;
		padding:0;
		list-style:none;
		background:url(../images/dotted-bg.jpg) bottom repeat-x;
		min-height:26px;
		height:auto!important;
		height:26px;
		padding:12px 0;
		}
		
		.mytab ul li{
		float:left;
		clear:right;
		
		}
		
		.mytab-graytxt {
		color:#999999;
		width:114px;
		}
		
/*Contentglider */
		
		.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 968px;
margin-left:9px;

height: 350px; /* Set height to be able to contain height of largest content shown*/
/*border: 5px solid #687C98;*/
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background:none;
padding:0;
margin-top:-5px;
visibility: hidden;
width:973px;
z-index:1;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/
.glidecontenttoggler ul {
list-style:none;
margin:0;
padding:0;
}

.glidecontenttoggler ul li {
float:left;
}

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width:550px;
position:absolute;
margin-top:-2px;
z-index:5000;
margin-left:120px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
color: #2e6ab1;
margin-top:0px;
padding: 17px 3px 10px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
z-index:5000;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background:url(../images/bullet/select-arw.png) top center no-repeat;
color: black;
z-index:5000;
}

.glidecontenttoggler a:hover{
/*background: #E4EFFA;*/
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
/*background: #1A48A4 ;*/
color: white;
}
.pinktxt {
position:absolute; margin-left:240px; font-size:14px; font-weight:bold; color:#832b75; margin-top:62px;
width:80px;
border-right:1px solid #ededed;
text-align:right;
padding-right:12px;
}

.t {background: #F6F6F6  url(../images/roundtab/dot.jpg) 0 0 repeat-x; width:972px;}
.b {background: url(../images/roundtab/dot.jpg) 0 100% repeat-x}
.l {background: url(../images/roundtab/dot.jpg) 0 0 repeat-y}
.r {background: url(../images/roundtab/dot.jpg) 100% 0 repeat-y}
.bl {background: url(../images/roundtab/bl.jpg) 0 100% no-repeat}
.br {background: url(../images/roundtab/br.jpg) 100% 100% no-repeat}
.tl {background:url(../images/roundtab/tl.jpg) 0 0 no-repeat}
.tr {background:url(../images/roundtab/tr.jpg) 100% 0 no-repeat; padding:10px} 

.searBtn {
width:81px;
padding-left:2px;
border:1px solid #ABADB3;
color:#9e9e9e;
font-size:12px;
}
.srchbtn {
position:absolute; margin-left:-6px;
}




.services1 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 650px; PADDING-RIGHT: 0px;  PADDING-TOP: 2px
}
.services_row {
	PADDING-BOTTOM: 0px; MARGIN: 20px 0px 0px; PADDING-LEFT: 0px; WIDTH: 650px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.service_heading {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 23px; TEXT-INDENT: 42px; MARGIN: 36px 0px 0px; PADDING-LEFT: 0px; WIDTH: 308px; PADDING-RIGHT: 0px; FONT-FAMILY: "Trebuchet MS"; COLOR: #3e3f40; FONT-SIZE: 21px; PADDING-TOP: 0px
}

.service_heading  h1{
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 23px; TEXT-INDENT: 42px; MARGIN: 36px 0px 0px; PADDING-LEFT: 0px; WIDTH: 308px; PADDING-RIGHT: 0px; FONT-FAMILY: "Trebuchet MS"; COLOR: #3e3f40; FONT-SIZE: 21px; PADDING-TOP: 0px
}


.service_content {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 18px; MARGIN: 12px 0px 0px; PADDING-LEFT: 15px; WIDTH: 278px; PADDING-RIGHT: 15px; FONT-FAMILY: Arial; COLOR: #635a5a; CLEAR: both; FONT-SIZE: 11px; PADDING-TOP: 0px; height:127px;
}
.service_content  h1{
	TEXT-ALIGN: justify; PADDING-BOTTOM: 0px; LINE-HEIGHT: 18px; MARGIN: 12px 0px 0px; PADDING-LEFT: 15px; WIDTH: 278px; PADDING-RIGHT: 15px; FONT-FAMILY: Arial; COLOR: #635a5a; CLEAR: both; FONT-SIZE: 11px; PADDING-TOP: 0px; display:inline; padding:0; font-weight:normal;
}
.service_content  h2{
	TEXT-ALIGN: justify; PADDING-BOTTOM: 0px; LINE-HEIGHT: 18px; MARGIN: 12px 0px 0px; PADDING-LEFT: 15px; WIDTH: 278px; PADDING-RIGHT: 15px; FONT-FAMILY: Arial; COLOR: #F90; CLEAR: both; FONT-SIZE: 11px; PADDING-TOP: 0px; display:inline; padding:0; font-weight:bold;
}

.service_readmore {
	TEXT-ALIGN: right; PADDING-BOTTOM: 0px; LINE-HEIGHT: 18px; TEXT-TRANSFORM: uppercase; MARGIN: 20px 0px 0px; PADDING-LEFT: 0px; WIDTH: 292px; PADDING-RIGHT: 16px; FONT-FAMILY: Arial; COLOR: #ffffff; CLEAR: both; FONT-SIZE: 10px; PADDING-TOP: 0px
}
.service_readmore A {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff; TEXT-DECORATION: none
}
.service_readmore A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #cccccc; TEXT-DECORATION: none
}
.service_wd {
	PADDING-BOTTOM: 0px; MARGIN: 0px; margin-left:25px; PADDING-LEFT: 0px; WIDTH: 308px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/service-ld.jpg) no-repeat left top; FLOAT: left; HEIGHT: 240px; PADDING-TOP: 0px
}
.service_ld {
	PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px 0px; PADDING-LEFT: 0px; WIDTH: 308px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/service-wdv.jpg) no-repeat left top; FLOAT: left; HEIGHT: 240px; PADDING-TOP: 0px
}
.service_cid {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 308px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/service-seo.jpg) no-repeat left top; FLOAT: left; HEIGHT: 240px; PADDING-TOP: 0px
}
.service_fnb {
	PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px 25px; PADDING-LEFT: 0px; WIDTH: 308px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/service-fnb.jpg) no-repeat left top; FLOAT: left; HEIGHT: 240px; PADDING-TOP: 0px
}
.service_wdv {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 308px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/service-wdv.jpg) no-repeat left top; FLOAT: left; HEIGHT: 240px; PADDING-TOP: 0px
}
.service_seo {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 25px; PADDING-LEFT: 0px; WIDTH: 308px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/service-seo.jpg) no-repeat left top; FLOAT: left; HEIGHT: 240px; PADDING-TOP: 0px
}
.service_whst {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 308px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/service-whst.jpg) no-repeat left top; FLOAT: left; HEIGHT: 240px; PADDING-TOP: 0px
}
.service_fla {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 25px; PADDING-LEFT: 0px; WIDTH: 308px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/service-fla.jpg) no-repeat left top; FLOAT: left; HEIGHT: 185px; PADDING-TOP: 0px
}
.service_ecomm {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 308px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/service-e-comm.jpg) no-repeat left top; FLOAT: left; HEIGHT: 185px; PADDING-TOP: 0px
}


.whyus{
	padding:10px;
	padding-left:0;
	margin-top:20px;
	font-size:16px;
	font-weight:bold;
	color:#2a8bc2;
	float:left;
	width:580px;
}

.whyuscontent{
	width:580px;
	padding:10px;
	padding-left:0;
	float:left;
}

h1.heading1{
	margin:0;  margin-bottom:10px; color:#0078c1; font-size:16px;
}

h2.heading1{
	margin:0;  margin-bottom:10px; color:#0078c1; font-size:16px;
}

.sitetext{
	font-size:12px;
	line-height:19px;
	color:#545454;
}
.sitetext h1{
	font-size:12px;
	font-weight:normal;
	padding:0;
	display:inline;
	line-height:19px;
	color:#545454;
}