@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;
	background-color:#fff;
	margin:auto;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
/*background:yellow;*/
}

/* Header */

.topbar {
margin-left:630px;
position:absolute;
color:#9e9e9e;
font-size:11px;
margin-top:12px;
}

.topbar ul {
margin:0;
padding:0;
list-style:none;
}
.topbar ul li {
display:inline;
margin:0 2px 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;
}

.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(../../WebDevelopmentServices/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(../../WebDevelopmentServices/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;
margin:0 14px -5px 14px;
position:relative;
z-index:1000;
}

.displayBox {
width:973px;
height:345px;
margin:0 auto;
/*background:url(../images/display-mid.jpg) bottom no-repeat;*/

}
.displayBoxcont {
margin:6px 0 0 0;
width:950px;
float:left;
height:293px;
padding:0px 6px 0px 10px;
background:url(../images/explore-123/banner.png) top left no-repeat;
}

.displayBoxcont h4 {
margin:0;
padding:20px 0 0 0;
font-size:32px;
color:#ffffff;
font-weight:normal;
}

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

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

.IstCont a {
color:#ffffff;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

.IstCont a:hover {
color:#ffffff;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}

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

}

.toprt-tab {
background:url(../images/explore-123/top-rightbanner.png) center no-repeat;
position:absolute;
margin-left:420px;
padding:12px;
margin-top:12px;
height:152px;
width:223px;
}

.toprt-tab h4 {
color:#666666;
font-size:18px;
margin:4px 0 20px 0;
padding:0;
}
.toprt-tab p {
color:#333333;
}
.bl-btn {
color:#ffffff;
font-size:12px;
text-transform:uppercase;
}
.bl-btn a {
text-decoration:none;
background:url(../images/button/blubtn.gif) center no-repeat;
color:#ffffff;
height:15px;
width:97px;
padding:10px 15px;
font-weight:normal;
display:block;
}
.bl-btn a:hover{
text-decoration:none;
color:#ffffff;
font-weight:normal;
}



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

.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:25px 45px;
}
/* midContainer */
.midContainer {
width:990px;
margin:auto;
}
/* RoundedCorner */
.IstmidCont {
float:left;
width:224px;
height:auto;
}






#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/rightside.gif) repeat-y right top;
padding:1px 9px 1px 15px;
margin:-1px 0 -50px 0;
}
.center-contentf {
position:relative;
background:url(../images/big-box/bg.png) repeat-y;
padding:1px 5px 1px 0px;
width:978px;
margin:-3px 0 -1px 0;
}
.center-contentrt {
position:relative;
background:url(../images/rightside.gif) repeat-y right top;
padding:1px 9px 1px 12px;
margin:-1px 0 -50px 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:978px;
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:87px;

} 

.f-IstCol {
float:left;
width:950px;
/*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:12px;
		text-align:center;
		font-weight:bold;
		
		}
		ul.domtabs a:link
		{
			width:100px;
			padding:8px 55px;
			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:100px;
			padding:8px 55px;
			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 1em;
			min-height:265px;
			height:auto!important;
			height:265px;
			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: 973px;
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:960px;}
.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} 

/* left panel - graytab */
.left-menuBox {
width:auto;
height:auto;
padding-top:4px;
}

.left-menuBox ul {
margin:0;
padding:0;
list-style:none;
}
.left-menuBox h4{
margin:0 0 0 -8px;
padding:4px 11px 0 11px;
background:url(../images/roundtab/gratab/titlebg.jpg) repeat-x;
height:32px;
width:198px;
font-size:12px;
color:666666;
position:absolute;

}
.left-menuBox ul li {
background:url(../images/dotted-bg.jpg) bottom repeat-x;
font-size:12px;
}

.left-menuBox ul li a {
text-decoration:none;
display:block;
height:17px;
padding:8px 5px;
width:192px;
color:#666666;
}

.left-menuBox ul li a:hover {
text-decoration:none;
color:#ff0023;
padding:8px 5px;
font-size:12px;
}

/* IIndmid Cont  */
.infotab {
width:auto;
height:22px;
padding-top:4px;
font-size:12px;
}

.infotab ul {
margin:0;
padding:0;
list-style:none;
}
.infotab ul li {
display:inline;

}
.infotab h4 {
position:absolute;
display:inline;
width:109px;
background:url(../images/infotab/bg.jpg) no-repeat;
height:24px;
padding-top:7px;
padding-left:8px;
color:#666666;
margin-top:-8px;
margin-left:-8px;
font-size:12px;
}

.infotabn {
/*padding-top:12px;*/
}
.tab-menu{
background:url(../images/roundtab/gratab/titlebg.jpg) bottom repeat-x;
font-size:12px;
height:40px;
margin-top:-10px;
position:absolute;
margin-left:-9px;

}

.tab-menu ul {
margin:0;
padding:0;
list-style:none;
}
.tab-menu ul li {
display:block;
float:left;
}

.tab-menu ul li a {
display:block;
float:left;
background:url(../images/roundtab/gratab/titlebg.jpg) bottom repeat-x;
padding:8px 7px;
height:25px;
border-right:1px solid #CCCCCC;
text-decoration:none;
color:#333333;
}
.tab-menu ul li a:hover {
background:url(../images/tabber/blu-hovg.jpg) repeat-x;
color:#ffffff;
}

.tab-menu ul li a span{
	display:block;
	float:left;
	padding:8px 6px;
height:25px;
color:#333333;
}
.tab-menu ul li a:hover span{
	display:block;
	float:left;
    background:url(../images/tabber/blu-pointer.jpg) bottom center no-repeat;
	color:#ffffff;
	cursor:hand;
}
.tab-menu ul li a.current{
	display:block;
	float:left;
    background:url(../images/tabber/blu-hovg.jpg) repeat-x;
	color:#ffffff;
	cursor:hand;
}

.tab-menu ul li a.current span{
	display:block;
	float:left;
    background:url(../images/tabber/blu-pointer.jpg) bottom center no-repeat;
	color:#ffffff;
	cursor:hand;
}

.product-sec{
width:935px;
margin:auto;
background:url(../images/dragon1.jpg) top center no-repeat;
height:187px;
}

.product-secimgpos {
margin-left:35px;
float:left
}

.product-sec-cont{
margin-left:241px;
padding-right:35px;

}
.product-sec-cont p {
font-size:12px;
color:#666666;
line-height:18px;
text-align:justify;
}
.greentxt {
font-size:13px;
color:#4ab144;
padding-left:2px;
}
.greentxt a {
font-size:13px;
color:#4ab144;
text-decoration:none;
}
.greentxt a:hover {
font-size:13px;
color:#4ab144;
text-decoration:underline;
}


.bluetxt {
color:#0193bc;
font-weight:bold;
}

.infoalign {
margin-left:120px;
}
.infotab a {
text-decoration:none;
color:#666666;
}
.infotab a:hover {
text-decoration:none;
color:#0293bc;
}

/* IIndmidContainer */

.IIndmidCont {
float:left;
width:695px;
margin-left:15px;
}

.promidCont {
float:left;
width:935px;

}

.title-leftcont {
margin:30px 0 0 0;
background:url(../images/title-bg.jpg) bottom no-repeat;
font-size:18px;
padding-left:13px;
padding-top:12px;
height:37px;
color:#333333;
}

.left-Content {
width:auto;
height:auto;
padding:15px 15px 0 15px;
border-top:1px solid #C1C1C1;
border-left:1px solid #CCCCCC;
border-right:1px solid #cccccc;
margin-bottom:-8px;
}
.left-Content p {
margin:0;
padding:0;
font-size:12px;
color:#333333;
line-height:18px;
}
.left-Content h4 {
font-weight:bold;
font-size:12px;
}

.pro-left-Content {
width:auto;
height:auto;
padding:15px 15px 0 15px;
border-top:1px solid #C1C1C1;
border-left:1px solid #CCCCCC;
border-right:1px solid #cccccc;
margin-bottom:-8px;
margin-top:25px;
}
.pro-left-Content p {
margin:0;
padding:0;
font-size:12px;
color:#333333;
line-height:18px;
}
.pro-left-Content h4 {
font-weight:bold;
font-size:12px;
}

.pro-left-Content ul {
margin:0;
padding:0;
list-style:none;
}

.pro-left-Contentn {
width:auto;
height:auto;
padding:0px 0px 0 0px;


margin-bottom:-8px;
}
.pro-left-Contentn p {
margin:0;
padding:0;
font-size:12px;
color:#333333;
line-height:18px;
}
.pro-left-Contentn h4 {
font-weight:bold;
font-size:12px;
}

.pro-left-Contentn ul {
margin:0;
padding:0;
list-style:none;
}

ul.cont-tab  {
margin:0;
padding:0;
list-style:none;
position:absolute;
}

.cont-tab li {
float:left;
height:37px;
font-size:13px;
color:#666666;


}
.cont-tab li a {
text-decoration:none;
height:21px;
padding:8px 0;
color:#666666;
width:144px;
display:block;
text-align:center;

}

.cont-tab li a:hover{
height:21px;
padding:8px 0;
width:144px;
color:#666666;
text-decoration:none;
background:url(../images/tabber/small-shade.jpg) center no-repeat;
}





.tn {background: #ffffff  url(../images/roundtab/gratab/dot.jpg) 0 0 repeat-x; width:100%;}
.bn {background: url(../images/roundtab/gratab/dot.jpg) 0 100% repeat-x}
.ln {background: url(../images/roundtab/gratab/dot.jpg) 0 0 repeat-y}
.rn {background: url(../images/roundtab/gratab/dot.jpg) 100% 0 repeat-y}
.bln {background: url(../images/roundtab/gratab/bl.jpg) 0 100% no-repeat}
.brn {background: url(../images/roundtab/gratab/br.jpg) 100% 100% no-repeat}
.tln {background:url(../images/roundtab/gratab/tl.jpg) 0 0 no-repeat}
.trn {background:url(../images/roundtab/gratab/tr.jpg) 100% 0 no-repeat; padding:10px} 
/* New big Rounded Corners */

.bigBox {
width:auto;
margin-left:4px;

}
.bigBoxn {
width:auto;
margin-left:-4px;

}


.bigbox-cont {
background:url(../images/big-box/bg.png) 0px 23px repeat-y;
margin-top:-5px; 
padding:0 20px 0 20px;

}


.bigboxn-cont {
background:url(../images/big-box/bg.png) 0px 23px repeat-y;
width:960px;
margin-top:-5px;
padding:4px 10px 0 23px;
}

.bigboxn-cont ul {
list-style:none;
margin:0;
padding:0;

}

.bigboxn-cont ul li {
width:304px;
height:209px;
float:left;
margin-right:8px;
}

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

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