@import "allbrowsers.css";
body
{
	margin:0 0 0 0;
	font-size:9pt;
	Arial, Helvetica, sans-serif;

	font-family:Calibri, "Trebuchet MS",Verdana,Arial,Sans-serif;
	/*font-family:'Trebuchet MS',Verdana,Arial,Sans-serif;" 
	font: normal 13px Calibri, Arial;*/
	position:relative;
	color:#666;
	line-height:18px;
	background-image:url('../images/bg-body.png');
	background-position:0px -125px;
	background-repeat: repeat-x ;
	background-color:#DCE7ED;

}

#accountinfo{background:#DCDCDC url('../images/bg-myprofile.gif') repeat-x;padding:10px 25px 10px 25px;}
.pendingmessage{background:url(../images/taskInfo32.png) no-repeat 0px 2px; padding:10px 10px 10px 35px;display:block;position:relative;text-align:center;margin:5px}

#contactusContainer{text-align:right;position:absolute;right:180px;z-index:100;top:100px;color:white;width:240px;font-size:1.1em;font-weight:bold;}

#freeiconcontainer{position:absolute;right:5px;z-index:100;top:40px;}
#freeicon{background:url(../images/signup.png) no-repeat; display:-moz-inline-block;display:inline-block;width:190px;height:87px;cursor:hand}

#outerContainer{float:left;padding-left:50%;width:49%;}

.genericContainer{float:left;padding-left:50%;width:49%;}
.genericContentContainer{padding:0px 0 10px 0;display:block;float:left;}
#f1{width:785px;}


.outer{position:relative;width:980px;margin-left:-490px;height:100%;padding-top:12px;}

#pct-100 li{display:inline;margin:0;padding:2px 0 7px 22px;font-size:1.1em;background:url(../images/tick.png) no-repeat;}
#pct-100 ul{padding:0px 5px 0px 5px;list-style:none;margin:0px 0px 0px 0px;} 


#topleft{float:left;display:inline;}
#central{}
#topright{float:right;display:inline;}

#tabnavcontainer{margin:0px;padding:0px;text-align:left;}
	#tabnav{float:left;width:980px;margin-left:10px}
	#tabnav ul{margin:0px;padding:0px;list-style:none;} 
	/*#tabnav ul li.dir:hover {display:block;margin-left:0px;padding-left:0px;border-left:solid 6px #1FA63F;} */
	#tabnav li{display:inline;margin:0px;padding:0px;}
	#tabnav ul li.dir a.topmenu{float:left;margin:0px 1px; background:url("../images/curves.png") no-repeat left top; padding:0 0 0 6px;text-decoration:none;}
    #tabnav ul li.dir a.homemenu{float:left;margin:0px 1px; background:url("../images/curves.png") no-repeat left top; padding:0 0 0 6px;text-decoration:none;}
/*
    #tabnav ul li.dir a.topmenu:hover{float:left;margin:0px 1px;background:url("../images/curves.png") no-repeat left top; padding:0 0 0 6px;text-decoration:none;}
*/
	#tabnav ul li.dir a.topmenu span{float:left;display:block;background:url("../images/curves.png") no-repeat right top;padding:0 6px 0 0;margin:0}
	#tabnav ul li.dir a.topmenu span span{cursor:pointer;cursor:hand;float:left;display:block;background:url("../images/bg.png") repeat-x; padding:0px; color:#000;height:26px;line-height:26px;text-align:center;padding:0px 20px;}
	#tabnav ul li.dir a.homemenu span{float:left;display:block;background:url("../images/curves.png") no-repeat right top;padding:0 6px 0 0;margin:0}
	#tabnav ul li.dir a.homemenu span span{cursor:pointer;cursor:hand;float:left;display:block;background:url("../images/bg.png") repeat-x; padding:0px; color:#000;height:26px;line-height:26px;text-align:center;padding:0px 20px;}
	
	#tabnav ul.dropdown li ul {border-left:solid 6px #3A6F85 !important;background:none !important;margin-left:1px;border-bottom:solid 1px #c1c1c1;border-right:solid 1px #c1c1c1;width:224px;border-top:solid 1px #c1c1c1}	
	#tabnav ul.dropdown li ul li a span span{width: 184px;cursor:pointer;cursor:hand;float:left;display:block;background:#eaeaea; padding:0px; color:#000;height:26px;line-height:26px;text-align:left;padding:0px 20px;}
	#tabnav ul li ul li a span span:hover{width: 184px;cursor:pointer;cursor:hand;float:left;display:block;background:url("../images/bg-body.png") repeat-x 200px; padding:0px; color:#fff;height:26px;line-height:26px;text-align:left;padding: 0px 20px;}

#tabnav a.on{background-position:0% -26px;}
	#tabnav a.on span{background-position:right -26px;}
	#tabnav a.on span span{background-position:0% -26px;color:#fff;}

#homepane{float:left;display:block;width:810px;position:relative;padding:0;margin:0;overflow:hidden;margin:0px 0 0px 0}
	/*top*/
	#hp-top{float:left;display:block;position:relative;width:784px;background:url("../images/curves.png") no-repeat left -111px;margin:0;padding:0 0 0 10px;}
	#hp-right{float:left;display:block;background:url("../images/curves.png") no-repeat right -111px;padding:0 10px 0 0px;width:100%;height:100%;}
	#hp-header{float:left;display:block;height:65px;overflow:hidden; background:url("../images/bg.png") repeat-x left -97px;width:100%;font-size:1.1em}
	#hp-header span{padding:15px;display:block;color:#164E68}
	
#visualsContainer{width:784px;}	

#p1.form{background-color:white;position:relative;width:100%}
#h1,#h2{padding:8px}

#slidebar{}
	.slideHeader{position:inherit; display:-moz-inline-box;display:-moz-inline-block;display:inline-block;width:50px;float:left;height:100%;cursor:hand;cursor:pointer;}
	.sh1{background:url(../images/hm-vtext03.png)}
	.sh2{background:url(../images/hm-vtext01.png)}
	.sh3{background:url(../images/hm-vtext02.png)}
	.slideContainer{padding:10px;float:left;display:none;width:600px;vertical-align:middle;}
	.shadow{float:left;position:relative;left:-10px;display:block;height:339px;width:77px;background:url(../images/hm-vshadow.png) no-repeat right !important;}
	
	#visual3{background: no-repeat;margin-top:23px !important;width:579px;height:316px;display:block}
	#visual1{background: no-repeat;margin-top:34px !important;margin-left:30px;width:488px;height:277px;display:block}
	#visual2{background: no-repeat;margin-top:0px !important;margin-left:24px;width:600px;height:326px;display:block}
	
	.showright{border-right:1px solid #9E9E9E;}
	.slideContainer.selected{display:-moz-inline-box;display:-moz-inline-block;display:inline-block;}

#contentContainer{padding:0px 0 10px 0;display:block;float:left;width:785px;}
	#leftpane{float:left;display:inline;width:785px;position:relative;padding:0;margin:0;overflow:hidden;}
	/*top*/
	#lp-top{float:left;display:block;position:relative;width:765px;background:url("../images/curves.png") no-repeat left -66px;margin:0;padding:0 0 0 10px;}
	#lp-right{float:left;display:block;background:url("../images/curves.png") no-repeat right -66px;padding:0 10px 0 0px;width:100%;height:100%;}
	#lp-header{float:left;display:block;height:45px;overflow:hidden; background:url("../images/bg.png") repeat-x left -52px;width:100%;line-height:45px}

	#lp-bottom{float:left;display:block;position:relative;width:767px;background:url("../images/curves.png") no-repeat left bottom;margin:0;padding:0 0 0 9px;height:10px}	
	#lp-bottomright{float:left;display:block;position:relative;width:100%;background:url("../images/curves.png") no-repeat right bottom;margin:0;padding:0 9px 0 0;height:10px}	
	#lp-bottomright span{background:#fff;display:block;float:left;width:100%;border-bottom:1px solid #BABABA;height:9px;}
	
	#hp-lp-body{float:left;display:block;width:800px;}
		#hp-lp-body ul{margin:0px;padding:0px;list-style:none}
		#hp-lp-body li p{line-height:18px}
	
	#lp-body{padding:20px;float:left;display:block;background:#fff;border-left:1px solid #BABABA;border-right:1px solid #BABABA;width:743px;border-top:5px solid #F58538;font-size: 11pt; color: #444444;}
	#lp-body td{margin:0;}
	td.last{border-right:0px solid white !important}	
	
	#lp-body tbody td{vertical-align:top;padding:10px 10px;border-right:1px solid #7E7D7B}	
	#lp-body thead td{font-weight:bold;text-align:left;padding-bottom:10px}	
	#lp-body tfoot td{font-weight:bold;text-align:center;font-size:.80em;padding-top:10px}	
	
	#lp-body p{line-height:18px;}
	#lp-body div{line-height:18px;margin:2px}

	#nesteddivs div {margin:5px 0 5px 20px;}
	#nesteddivs span, #distributionmodes span{background:url("../images/tick.png") no-repeat top left;display:block;padding-left:25px;}
	
	TABLE.featuresTable tbody td{border:none !important;}
	TABLE.featuresTable{border:1px solid #7A7A7A;}
	TABLE.featuresTable thead td{border:1px solid #7A7A7A;}
	

#rightpane{float:left;padding:0px 0 1px 0;width:170px;}
	/*top*/
	#rightnav{float:left;background:url("../images/curves.png") no-repeat left -52px;padding:7px 0 0 0;margin:0px 0px 0px 10px}
	/*bottom*/
	#rightnav #bottom {height:195px;float:left;display:block;background:url("../images/curves.png") no-repeat left 134px ;padding:0 0 5px 0;}
	#rightnav #right div {float:left;width:160px;display:block;height:100%;background:#fff url("../images/rightnav-bg.png") repeat-x;padding:0;}
	#rightnav #left{background:url("../images/rightnav-lr.png") repeat-y;padding:0 0 0 2px;float:left;display:block;height:100%}
	#rightnav #right{background:url("../images/rightnav-lr.png") repeat-y right top;padding:0 2px 0 0px;float:left;display:block;height:100%}
	#rightnav ul{margin:0px;list-style:none;padding:0}
	#rightnav li{background:url("../images/rightnav-hr.png") no-repeat left bottom;padding:4.5px;}
	#rightnav li img{margin-right:5px}
	#rightnav li.last{background-image:none !important;}
	#rightnav a{text-decoration:none;color:#1D7D96}
	#rightnav a:hover{color:black}
	
	#rightMenu{float:left;display:block; margin:38px 0 20px 0px;color:black}
	#rightMenu #rm-top{background:url("../images/rm-topcurve.png") no-repeat left top;padding:6px 0px 0 0;display:block;}
	#rightMenu #rm-bottom{background:url("../images/rm-bottomcurve.png") no-repeat bottom right;padding:0px 0px 6px 0;display:block;}
	#rightMenu #rm-bottom div{background:url("../images/px01.png");border-right:1px solid white;display:block;padding:5px 5px 5px 0px;width:164px;}
	
	
	
	#rightnavigationUL{list-style:none;margin:0;font-weight:bold;padding:0}
	#rightnavigationUL a{color:#7A7A7A;text-decoration:none;padding:5px 10px 5px 10px;display:block}
	#rightnavigationUL li{display:none;border-bottom:1px solid #BDCFD7;}
	#rightnavigationUL li.on a{background-color:#F58538;color:White;}
	
#footerContainer{float:left;position:relative;width:100%;background:url("../images/bg-footer.png") repeat-x;padding:7px 0 0 0;color:#757575;}
	#footerContainer a{color:#757575;text-decoration:none}
	#footerpositioning{padding-left:50%;position:relative;}
	#footer-logo{float:right;padding:50px 25px 0px 0px;font-size:.85em;line-height:1em}
	#footer-section1,#footer-section2,#footer-section3,#footer-section4{display:block;float:left;margin-right:50px;padding:0 0 0 0px;height:160px;width:140px;border-right:1px dashed #757575}
	#footer-section1 span,#footer-section2 span,#footer-section3 span,#footer-section4 span{font-weight:bold}
	#footer-section2,#footer-section3,#footer-section4 {margin-left:-40px}
	#footer-section1 ul,#footer-section2 ul,#footer-section3 ul, #footer-section4 ul{margin:0 0 0 0px;padding:0;list-style:none;} 
	#footer-text{margin-top:160px}
	#signuphover a {color:red}
	#signuphover a:hover {color:black}

	
#screen1{padding-left:450px;height:360px;margin:20px 0px -60px -20px;width:260px;position:relative}
#screenshot1{background: url(../images/scrn01.png) no-repeat -15px top;position:absolute;left:0px;width:522px;height:364px;}

#screen2{padding-right:480px;height:360px;margin-bottom:-40px;width:280px;position:relative}
#screenshot2{background: url(../images/scrn02.png) no-repeat top right;position:absolute;right:0px;width:522px;height:360px;}

#screen3{padding-left:450px;height:260px;margin:20px 0px -60px -20px;width:260px;position:relative;}
#screenshot3{background: url(../images/sc03.jpg) no-repeat 15px top;position:absolute;left:0px;width:430px;height:245px;}

	
div.blackslate, div.blackslatewithtitle{background: black url(../images/GRAY-BLACK-GRAD.jpg) repeat-x !important;color: white;}
div.blackslate a, div.blackslatewithtitle a{color: white;} 
div.blackslatewithtitle{background-position:left 30px !important;}



div.note{background:infobackground !important;font-style:italic;-moz-box-sizing:border-box;}


.featured{float:left;width:32%;}
.featured p{height:250px}


/*home page section*/
#h1 h3 a, #h2 h3 a{text-decoration:none;color:#164E68;line-height:1em;margin:0;display:block;font-size:1em}
#h1 li, #h2 li{background:url(../images/icon-read.png) no-repeat 0px 3px;padding:0px 0px 15px 25px;}
#h1 ul,#h2 ul {padding-top:10px}
#h1 a:hover, #h2 a:hover{color:black}


/******************************************/
/*BUTTONS
/******************************************/
.buttoncontainer{position:relative;height:24px;display:inline;}
.button{float:left;display:block;padding-left:9px !important;cursor:hand;cursor:pointer;}
.button .right{margin:0 !important;padding:0 10px 0px 0;display:block;float:left;height:24px}
.button .content{float:left;padding:0;margin:0 !important;}
.button a{height:24px;color:white;display:-moz-inline-block;display:inline-block;font-weight:bold;line-height:18px}

/*make the buttons green*/
.greenbutton{background:url(../images/btn-lr.png) no-repeat -9px 0px;}
.greenbutton .right{background:url(../images/btn-lr.png) no-repeat 0px 0px;}
.greenbutton a{background:url(../images/btn-bg.png) repeat-x;color:white !important;text-decoration:none;}

/*make the buttons blue*/
.bluebutton{background:url(../images/btn-lr.png) no-repeat -9px -24px;}
.bluebutton .right{background:url(../images/btn-lr.png) no-repeat 0px -24px;}
.bluebutton a{background:url(../images/btn-bg.png) repeat-x left -24px;color:white !important;text-decoration:none}

/*make the buttons orange*/
.orangebutton{background:url(../images/btn-lr.png) no-repeat -9px -48px;}
.orangebutton .right{background:url(../images/btn-lr.png) no-repeat 0px -48px}
.orangebutton a{background:url(../images/btn-bg.png) repeat-x left -48px;color:#663300 !important;text-decoration:none}

/*make the buttons orange*/
.blackbutton{background:url(../images/btn-lr.png) no-repeat -9px -72px;}
.blackbutton .right{background:url(../images/btn-lr.png) no-repeat 0px -72px}
.blackbutton a{background:url(../images/btn-bg.png) repeat-x left -72px;color:white !important;text-decoration:none}

/*rounded corners*/
b.corners{display:block;z-index:100}
b.corners *{display:block;height:1px;line-height:1px;font-size: 1px;overflow:hidden;border-style:solid;border-width: 01px;}

b.corners *{background-color: Transparent}
.tc{margin-bottom:-4px;}
.bc{margin-top:-4px;}

b.c1{border-width: 0 4px;}
b.c2{border-width: 0 2px;}
b.c3{border-width: 0 1px;}
b.c4{border-width: 0 1px;}

.tick{background:transparent url("../images/tick.png") no-repeat center;display:block;width:23px;height:19px;}	

#promosContainer{float:right;width:165px}
#partnerecosystem{margin-top:320px !important;}

/* snapshot gallery */
.snapgallery 
{text-align:left; position:relative; margin:0 auto;background-color: white; width: 400px;}

.snapgallery ul.menus 
{padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.snapgallery ul.menus li 
{display:block; width:158px; height:31px; float:left;}

.snapgallery ul.menus li a.menuheading 
{display:block; font-size:11px; width:156px; height:30px; text-align:center; line-height:30px; color:white; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.snapgallery ul.menus li a ul, 
.snapgallery ul.menus li ul 
{display:none;}

.snapgallery ul.menus li.current a
{background: #164E68;color: white;}

.snapgallery ul.menus li a:hover,
.snapgallery ul.menus li:hover a
{color:#fff; background:#164E68;}

.snapgallery ul.menus li.current ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:330px; background: #DCE7ED; width:490px; padding:40px 60px; border:10px solid #164E68; z-index:1;}

.snapgallery ul.menus li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:330px; background:#DCE7ED; width:490px; padding:40px 60px; border:10px solid #164E68; z-index:100;}

.snapgallery ul.menus li ul li
{display:inline; width:155px; height:110px; float:left; border:1px solid #fff; margin:1px;}

.snapgallery ul.menus li ul li a img
{display:block; width:150px; height:100px; border:5px solid #eee;}

.snapgallery ul.menus li a:hover ul li a:hover, 
.snapgallery ul.menus li:hover ul li a:hover 
{white-space:normal; position:relative;}

.snapgallery ul.menus li a:hover ul li a:hover img, 
.snapgallery ul.menus li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:160px; border-color:#F58538;}

.imgsize 
{display:block; width:683px; height:356px;}

.imgsizemid 
{display:block; width:700px; height:500px; }

.outerDivision
{text-align: center;}

.innerHeading
{height: 50px; background-color: #164E68}

.innerFirstHeading
{padding-top: 17px; color: white}

.imgCursor
{cursor: default; text-decoration: none }

.innerSecondHeading
{height: 30px; background-color: #F58538; padding-top: 5px; color: white}

.imgDescription
{text-align:justify;height: 60px; background-color: #aaa; padding:5px 5px 5px 5px; color: black}

#gallery1
{background-color: #ffffff; margin-top: 25px; width: 100%;position: relative}

#gallery2
{background-color: #ffffff; margin-top: 25px; width: 100%;position: relative}

#gallery3
{background-color: #ffffff; margin-top: 25px; width: 100%;position: relative}

#gallery4
{background-color: #ffffff; margin-top: 25px; width: 100%;position: relative}
/* snapshot gallery end*/

/* For dropdown menu */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 2.3em;
 vertical-align: middle;

}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 170%;
}

ul.dropdown ul li {
 float: none;

}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility:visible;
}

ul.dropdown li:hover > ul li {
 visibility:visible;
}


.featuregallery 
{text-align:left; position:relative; margin:0 auto;background-color: white; width: 750px;}

.featuregallery ul.featuremenu 
{padding:0; margin:0; list-style:none; width:750px; height:auto; position:relative; z-index:10;}

.featuregallery ul.featuremenu li 
{display: list-item; width:208px; height:31px;border:1px solid #ccc;}

.featuregallery ul.featuremenu li a.featuremenuheading,
.featuregallery ul.featuremenu li.featurecurrent a.featuremenuheading
{ position:absolute;margin-bottom: 0px;padding: 0px;display:list-item; font-size:11px;width:208px; height:31px; line-height:2.5em;text-align:center;color: Background;text-decoration:none; border:1px solid #ccc; border-width:0px 0px 0px 0px; background:white; font-family:verdana, arial, sans-serif;z-index:-1}

.featuregallery ul.featuremenu li a ul, 
.featuregallery ul.featuremenu li ul 
{display:none;}

.featuregallery ul.featuremenu li.featurecurrent a:hover,
.featuregallery ul.featuremenu li.featurecurrent a.featuremenuheading:hover
{background: #FFF8C6;color: #164E68;position:absolute;margin-bottom: 0px;padding: 0px;display:list-item; font-size:11px;width:208px; height:31px; line-height:2.5em;text-align:center;text-decoration:none; border:1px solid #ccc; border-width:0px 0px 0px 0px; background:white; font-family:verdana, arial, sans-serif;z-index:-1}

.featuregallery ul.featuremenu li a:hover,
.featuregallery ul.featuremenu li a.featuremenuheading:hover,
.featuregallery ul.featuremenu li.featurecurrent:hover a.featuremenuheading,
.featuregallery ul.featuremenu li:hover a
{background:#FFF8C6; text-decoration:none;color:#164E68;margin:0;display:block;font-size:1em}

.featuregallery ul.featuremenu li.featurecurrent ul
{display:list-item; position:absolute; left:0; top:0px; list-style:none; padding:0; margin-left:205px; height:650px; background: #FFF8C6; width:480px; padding:0px 20px; border:1px solid #ccc; z-index:1;}

.featuregallery ul.featuremenu li:hover ul
{display:list-item; position:absolute; left:0; top:0px; list-style:none; padding:0; margin-left:205px; height:650px; background:#FFF8C6; width:480px; padding:0px 20px; border:1px solid #ccc; z-index:1;}

.featuregallery ul.featuremenu li ul li
{display:list-item; width:155px; height:110px; float:left; border:1px solid #fff; margin:1px;}


.featuregallery ul.featuremenu li a:hover ul li a:hover, 
.featuregallery ul.featuremenu li:hover ul li a:hover 
{white-space:normal; position:relative;}