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

body  {
	
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.container { 
	width: 1020px;
	margin: 0px auto;
	text-align: left;
	background-color:#FFFFFF;

}
.header {
width:auto;
padding: 10px 50px 10px 50px
}

.headerlinks {
	position: absolute;
	z-index: 13; 
	width:261px;
	visibility: visible;
	top: 10px;
	Margin-left:890px; 	
	font: 14px Arial, Verdana, sans-serif;
	color:#959595;
}

.headerlinks a {
font: 12px Arial, Verdana, sans-serif;
color:#959595;
text-align:left;
text-decoration:none;
padding:0px;
}
.headerlinks a:hover {
font: 12px Arial, Verdana, sans-serif;
color:#1ab7ea;
}

.ccbtn {
	position: absolute;
	z-index: 15;
	width:150px;
	height:30px;
	visibility: visible;
	background: url(images/customer_carero.jpg) no-repeat;
	white-space: nowrap;
	display: block;
	float: left;
	Margin-left:550px;
	top: 35px;
	
	}

.ccbtn a {
	display: block;
	color: #000000;
	font-size: 11px;
	width:134px;
	height:28px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
}

.ccbtn img {
	width:150px;
	height:30px;
	border: 0;
}

* html a:hover
{
	visibility:visible
}

.ccbtn a:hover img
{
	visibility:hidden
}

.ccbtn span
{
	position: absolute;
	left: 35px;
	top: 15px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}








.lgbtn {
	position: absolute;
	z-index: 12;
	width:150px;
	height:30px;
	visibility: visible;
	background: url(images/customer_loginro.jpg) no-repeat;
	white-space: nowrap;
	display: block;
	float: left;
	Margin-left:700px;
	top: 35px;
	
	}

.lgbtn a {
	display: block;
	color: #000000;
	font-size: 11px;
	width:134px;
	height:28px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
}

.lgbtn img {
	width:150px;
	height:30px;
	border: 0;
}

* html a:hover
{
	visibility:visible
}

.lgbtn a:hover img
{
	visibility:hidden
}

.lgbtn span
{
	position: absolute;
	left: 35px;
	top: 15px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
.ftbtn {
	position: absolute;
	z-index: 12;
	width:150px;
	height:30px;
	visibility: visible;
	background: url(images/ftbttnro.jpg) no-repeat;
	white-space: nowrap;
	display: block;
	float: left;
	Margin-left:850px;
	top: 35px;
	
	}

.ftbtn a {
	display: block;
	color: #000000;
	font-size: 11px;
	width:134px;
	height:28px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
}

.ftbtn img {
	width:150px;
	height:30px;
	border: 0;
}

* html a:hover
{
	visibility:visible
}

.ftbtn a:hover img
{
	visibility:hidden
}

.ftbtn span
{
	position: absolute;
	left: 35px;
	top: 15px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

.frontpgcontainer {

padding-top:20px;
background-image: url(images/gradbg.png);
background-repeat:repeat-x;
}
/* new menu------------------------------------------------------------------------------------------------------*/
.menu {width:100%; height:32px; font-size:0.85em; position:relative; z-index:100;/*border-right:1px solid #000;*/font-family: arial, helvetica, sans-serif;color:#fff; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:100%; w\idth:100%;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:100%;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;width:190px;}
.menu  #enterprise {float:left;position:relative;width:190px;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:18px; text-align:center;text-decoration:none; color:#637384; width:100%; height:32px; /*font-weight:bold;border:1px solid #000; border-width:1px 0 1px 1px; background:#758279; padding-left:10px;*/ line-height:34px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:auto; w\idth:auto;}



/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:35px; width:auto;/*border-top:3px solid #f79623;*/}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#ffffff; color: #005dab; height:auto; line-height:1.5em; padding:5px 10px; width:190px;border-left:1px solid #005dab;border-right:1px solid #005dab; border-top:1px solid #005dab; text-align:left; font-weight:normal; font-size:14px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:400px;w\idth:190px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#1ab7ea;/* background:#000;*/}
.menu :hover > a, .menu ul ul :hover > a {color:#1ab7ea;/*background:#fff;*/}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

#lastBottom {
Border-bottom:1px solid #005dab;width:212px;}

.TwoColumContainer{
padding: 20px 50px 10px 50px;

}
.TwoColumContainer #crail{
width: 741px;
padding-right:10px;
font: 12px Arial, Verdana, sans-serif;
color:#637384;
line-height:20px;
}
.TwoColumContainer #rrail{
width: 200px;
}
TwoColumContainer h1{
font: 10px Arial, Verdana, sans-serif;
color:#637384;
/*border-bottom:1px dotted #000;*/
}
.TwoColumContainer h2{
font: 12px Arial, Verdana, sans-serif;
color:#000;
font-weight:bold;
margin-bottom:-3px;

}

.ThreeColumContainer{
padding: 20px 20px 10px 20px;

}
.ThreeColumContainer #lrail{
width: 200px;
padding-right:0px;
}
.ThreeColumContainer #crail{
width: 541px;
padding-right:10px;
font: 12px Arial, Verdana, sans-serif;
color:#637384;
line-height:20px;
}
.ThreeColumContainer #rrail{
width: 200px;
}

.ThreeColumContainer h1{
font: 10px Arial, Verdana, sans-serif;
color:#637384;
/*border-bottom:1px dotted #000;*/
}



.ThreeColumContainer h2{
font: 12px Arial, Verdana, sans-serif;
color:#000;
font-weight:bold;
margin-bottom:-3px;

}
.quickoverviewarea {
border:1px solid #bfd6ea;
padding: 10px 15px 10px 20px;
background:#e9f8fd;
}
.quickoverviewarea  a
{

padding-left: 5px;
text-align: left;
font: 12px Arial, Verdana, sans-serif;
text-decoration: none;
color:#1ab7ea ;

}

.quickoverviewarea  a:hover
{
color: #47535f;
}


#sectiondivid{
border-bottom:1px dotted #000;
padding: 5px 0px 5px 0px;
}

#crail ul{
background:#f7f7f8;
font: 12px Arial, Verdana, sans-serif;
color:#1ab7ea;
font-weight:bold;
}
#crail li{
line-height:20px;padding-bottom:10px;
}
.fphero {
Padding-bottom: 10px;
}
.usertypetitle {
font: 20px Arial, Verdana, sans-serif;
color:#292f34;
font-weight:bold;
padding:5px 0px 10px 0px;
}
.usertype {
font: 12px Arial, Verdana, sans-serif;
color:#000;
line-height:18px;
border-top:1px solid #959595;
border-bottom:1px solid #959595;
width:726px;


}
/* Two Colums .usertype td{
background-image: url(images/upgdbg.png);
background-repeat:repeat-x;
background-position:bottom;
padding:10px;
width:365px;
}*/
.usertype td{
background-image: url(images/upgdbg.png);
background-repeat:repeat-x;
background-position:bottom;
padding:10px 5px 10px 5px;


}
.usertype #buttons{
padding-top:5px;
width:243px;
height:0px;
background-image:none;
background:#dff5fc;
}

.usertype #dbluetxt {
font: 18px Arial, Verdana, sans-serif;
color:#005dab;
}
.usertype #lbluetxt {
font: 18px Arial, Verdana, sans-serif;
color:#1ab7ea;
font-weight:bolder;
}
.mobilefrntimage {
float:left;
width:100px;
/*padding:10px;*/
margin-left:10px;
margin-right:10px;

}
.scribbs{
font: 12px Arial, Verdana, sans-serif;
color:#000;
line-height:18px;
width:727px;


}
.scribbs a { color: #005dab; text-decoration:underline; }
.scribbs a:visited { color: #1ab7ea; }
.scribbs a:hover { color: #1ab7ea; text-decoration:underline;}


.scribbs #dbluetxt {
font: 18px Arial, Verdana, sans-serif;
color:#005dab;
}
.scribbs #lbluetxt {
font: 18px Arial, Verdana, sans-serif;
color:#1ab7ea;
font-weight:bolder;
}
.usertypeimg {
float:right;
width:50px;
padding:10px;
margin-right:10px;
margin-bottom:10px;

}


/*
Bottom Tabs of each sheet-------------------------------------------------
--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {

}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 10px 10px 10px 10px;
background-color: #3a6ca7;
font: 10px Arial, Verdana, sans-serif;

}

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

ul.tabbernav li a
{
 padding: 5px 10px 3px 10px;
 /*margin-left: 3px;
 border: 1px solid #778;*/
 border-bottom: none;
 /*background: #DDE;*/
 text-decoration: none;
/*border-top: 1px solid #bbbdbe;*/
border-right: 1px dotted #fff;
/*border-left: 1px solid #bbbdbe;*/
 }

ul.tabbernav li a:link { color: #fff; }
ul.tabbernav li a:visited { color: #1ab7ea; }

ul.tabbernav li a:hover
{
 color: #1ab7ea;
 /*background: #AAE;*
 border-top: 1px solid #f79623;
border-right: 1px solid #f79623;
border-left: 1px solid #f79623;
background-color:#f79623;*/
}

ul.tabbernav li.tabberactive a
{
/* background-color: #535152;*/
 border-bottom: 0px solid #535152;
 color:#fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color:#1ab7ea;
  /*background: white;
border-bottom: 1px solid white;*/
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px 10px 5px 13px;
 /*border:1px solid #aaa;*/
 border-top:0;
 font: 12px Arial, Verdana, sans-serif;
 background-color:#eff9fd;
 line-height:20px;
 color: #4e637c;
 
	/*background-image: url(images/TabberBg.gif);
	background-position:top;
	background-image: url(images/TabberContainBg.gif);
	background-position:bottom;*/

 

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h1 {
 font: 10px Verdana, Arial,  sans-serif;
  color:#373737;
  font-style:italic
  }
.tabberlive .tabbertab h2 {
 font: 10px Verdana, Arial,  sans-serif;
 font-weight:bold;
 color:#373737;
 display:none;
  }
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {

 overflow:auto;
}
.footer {
font: 10px Arial, Verdana, sans-serif;
color: #637384;
background: #f7f7f8;
Padding:10px 0px 10px 0px;


}

.footer a {
font: 10px Arial, Verdana, sans-serif;
color:#637384;
text-align:center;
text-decoration:none;
padding:0px;
}

.footer a:hover {
font: 10px Arial, Verdana, sans-serif;
color:#f79522;
text-align:right;
text-decoration:none;
padding:0px;}

.offeringsbttn {
width:200px;
} 
/*.dlbtn {
	position: absolute;
	z-index: 14;
	width:200px;
	height:80px;
	visibility: visible;
	background: url(images/dlfreeicon.png) no-repeat;
	white-space: nowrap;
	display: block;
	float: left;
	Margin-left:0px;
	top: 147px;
	
	}

.dlbtn a {
	display: block;
	color: #000000;
	font-size: 11px;
	width:200px;
	height:70px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
}

.dlbtn img {
	width:200px;
	height:80px;
	border: 0;
}

* html a:hover
{
	visibility:visible
}

.dlbtn a:hover img
{
	visibility:hidden
}

.dlbtn span
{
	position: absolute;
	left: 35px;
	top: 15px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}*/
div.dlbtn {
height: 80px;
width: 200px;
margin:0;
padding:0;
background-image:url("images/dlfreeicon.png");
}

div.dlbtn  a, div.dlbtn  a:link, div.dlbtn  a:visited {
display:block;
}

div.dlbtn  {
width:200px;
height:80px;
border:0;
}

div.dlbtn  a:hover img {
visibility:hidden;
}
div.hwbtn {
height: 80px;
width: 200px;
margin:0;
padding:0;
background-image:url("images/hworksiconro.png");
}

div.hwbtn  a, div.hwbtn  a:link, div.hwbtn a:visited {
display:block;
}

div.hwbtn  {
width:200px;
height:80px;
border:0;
}

div.hwbtn a:hover img {
visibility:hidden;
}
div.pibtn {
height: 80px;
width: 200px;
margin:0;
padding:0;
background-image:url("images/purchaseiconro.png");
}

div.pibtn  a, div.pibtn  a:link, div.pibtn a:visited {
display:block;
}

div.pibtn  {
width:200px;
height:80px;
border:0;

}

div.pibtn a:hover img {
visibility:hidden;
}

div.yesbttn {
height: 26px;
width: 75px;
margin:0;
padding:0;
background-image:url("images/yesbttnro.png");
float:right;
z-index:4;

top:100px;


}

div.yesbttn a, div.yesbttn a:link, div.yesbttn a:visited {
display:block;
}

div.yesbttnimg {
width:75px;
height:26px;
border:0;
}

div.yesbttn a:hover img {
visibility:hidden;
}
.verticalslist {
padding-left:10px;
}

.verticalslist ul {
list-style-type: none;
text-align: left;
margin-left:0px;
margin:0px;

padding-left:10px;
line-height: 24px;
}
.verticalslist li {
border-bottom:1px dotted #959595;
}
.verticalslist ul li a
{
background: url(images/listoff.gif) left center no-repeat;
padding-left: 15px;
text-align: left;
font: 12px Arial, Verdana, sans-serif;
text-decoration: none;
color: #47535f;
}

.verticalslist ul li a:hover
{
background: url(images/liston.gif) left center no-repeat;
color: #1ab7ea;
}
.verticalslist #lbluetxt {
font: 18px Arial, Verdana, sans-serif;
color:#1ab7ea;

}
.compare {
border-bottom:1px dotted #959595;
padding-left:10px;
font: 14px Arial, Verdana, sans-serif;
color:#292f34;
font-weight:bold;
}
.compare #def{

font: 12px Arial, Verdana, sans-serif;
color:#292f34;

}
.compare a { color: #005dab; text-decoration:none }
.compare a:visited { color: #1ab7ea; }
.compare a:hover { color: #1ab7ea;}

.compare ul {
list-style-type: none;
text-align: left;
margin-left:0px;
margin:0px;
margin-top:-10px;
padding-left:10px;

}

.compare ul li 
{
background: transparent url(images/redx.png) left center no-repeat;
padding-left: 15px;
text-align: left;
font: 12px Arial, Verdana, sans-serif;
text-decoration: none;
color: #47535f;line-height: 19px;
}

.compare #lbluetxt {
font: 18px Arial, Verdana, sans-serif;
color:#1ab7ea;
}
.compare #dbluetxt {
font: 18px Arial, Verdana, sans-serif;
color:#005dab;
}
.clasp {
	background-color:#eff9fd;
	width:auto;
	text-align:left;
	margin-top:5px;
}
#page_content .clasp a, #page_content .clasp a:hover {
	text-decoration:none;
	color:#000;
}
.lunchbox {
	display:none;
	font-size:12px;
	color:#4e637c;
	width:auto;
	text-align:left;
	line-height:20px;
	background-color:#eff9fd;
}
.clasp a {
	text-decoration:underline;
	color:#005dab;
	
}
/*.clasp2 {
	width:150px;
	border:1px solid #66ccff;
}
#page_content .clasp2 a, #page_content .clasp2 a:hover {
	text-decoration:none;
	color:#66ccff;
}
.lunchbox2 {
	font-size:11px;
	display:none;
	width:146px;
	text-align:right;
	background-color:#66ccff;
	color:#ffffff;
	padding:3px;
}*/
.clasp {
text-align:left;
}
.lunchbox {
display:none;
}
.lnav {
padding-top:65px;
padding-right:20px;
}
.lnav ul {
list-style-type: none;
text-align: left;
margin-left:0px;
margin:0px;

padding-left:0px;
line-height: 24px;
}
.lnav li {
border-bottom:1px dotted #959595;
}
.lnav ul li a
{
background: transparent url(images/listoff.gif) left center no-repeat;
padding-left: 15px;
text-align: left;
font: 14px Arial, Verdana, sans-serif;
text-decoration: none;
color: #47535f;
font-weight:bolder;
}

.lnav ul li a:hover
{
background: transparent url(images/liston.gif) left center no-repeat;
color: #1ab7ea;
}
.lnav #lbluetxt {
font: 14px Arial, Verdana, sans-serif;
color:#1ab7ea;
}

#dbluetxt {
font: 24px Arial, Verdana, sans-serif;
color:#005dab;
}

#lbluetxt {
font: 24px Arial, Verdana, sans-serif;
color:#1ab7ea;
font-weight:bolder;
}
.contentimg {
float:right;
width:217px;
/*padding:10px;*/
margin-left:5px;
margin-bottom:10px;
margin-right:10px;

}
.lnsectionlinks {
padding-right:10px;
padding-top:20px;
}

.lnsectionlinks ul {
list-style-type: none;
text-align: left;
margin-left:0px;
margin:0px;

padding-left:0px;
line-height: 24px;
}
.lnsectionlinks li {
/*border-bottom:1px dotted #959595;*/
}
.lnsectionlinks ul li a
{
background: transparent url(images/listoff.gif) left center no-repeat;
padding-left: 15px;
text-align: left;
font: 12px Arial, Verdana, sans-serif;
text-decoration: none;
color: #47535f;
}

.lnsectionlinks ul li a:hover
{
background: transparent url(images/liston.gif) left center no-repeat;
color: #1ab7ea;
}
.lnsectionlinks #lbluetxt {
font: 18px Arial, Verdana, sans-serif;
color:#1ab7ea;

}
.pricing {
width:%100;
text-align: left;
font: 12px Arial, Verdana, sans-serif;
text-decoration: none;
color: #000;
border:1px solid #8e8e8e;
padding:5px 5px 5px 5px;
}
.pricing  td{
border-bottom:1px solid #8e8e8e;
}
.pricing  th{
border-bottom:1px solid #8e8e8e;

}


.pricing  #colone {
background-color:#e8f3fd;
padding:10px 5px 10px 5px;


}
.pricing  #coltwo {
background-color:#d3e3f1;
padding:10px 5px 10px 5px;
border-left:2px solid #fff;

}
.pricing  #colthree {
background-color:#bfd6ea;
padding:10px 5px 10px 5px;
border-left:2px solid #fff;
}
.pricing  #colfour {
background-color:#abc4da;
padding:10px 5px 10px 5px;
border-left:2px solid #fff;
}
.pricing  #section {
background-color:#000;
padding:10px 5px 10px 5px;
border:none;
color:#fff;
}
.pricing  #coloneprice {
border-left:1px solid #8e8e8e;
padding:10px 5px 10px 5px;
font: 16px Arial, Verdana, sans-serif;
text-decoration: none;
color: #52ab5d;

border-top:none;
background-color:#dfffdd;



}
.pricing  #coltwoprice {
border-left:1px solid #8e8e8e;
padding:10px 5px 10px 5px;
font: 16px Arial, Verdana, sans-serif;
text-decoration: none;
color: #52ab5d;
background-color:#dfffdd;

}
.pricing  #colthreeprice {

border-left:1px solid #8e8e8e;
padding:10px 5px 10px 5px;
font: 16px Arial, Verdana, sans-serif;
text-decoration: none;
color: #52ab5d;
background-color:#dfffdd;
}
.pricing  #colfourprice {
border-left:1px solid #8e8e8e;
padding:10px 5px 10px 5px;
font: 16px Arial, Verdana, sans-serif;
text-decoration: none;
color: #52ab5d;
background-color:#dfffdd;
}

.pricing #purchasebttn {
padding:10px 5px 10px 5px;
border-bottom:none;
border-top:none;

}

.comparison {
width:%100;
text-align: left;
font: 12px Arial, Verdana, sans-serif;
text-decoration: none;
color: #000;
border:1px solid #8e8e8e;
padding:5px 5px 5px 5px;
font-weight:700;
}

.comparison #odd {
background-color:#e8f3fd;

}
.comparison td {
padding:5px;
border-right:3px solid #fff;

}
.comparison th {
font: 14px Arial, Verdana, sans-serif;
padding:12px;
border-right:3px solid #fff;
background-color:#d3e3f1;
font-weight:700;
}

img, div { behavior: url(iepngfix.htc) }
img {
border:none;}

.mask {
position: absolute;
	z-index: 12;
	visibility: visible;
	margin-left:223px;
}


.videopromo {
width: 590px;
padding: 0px 50px 10px 0px;
}

.videopromo #fpmovie {
width: 590px;
height:275px;
background-color:#000;
border:1px solid #000;
padding-top:00px;

}
.promo {
position: absolute;
	z-index: 13; 
	width:261px;
	visibility: visible;
	top: 149px;
	Margin-left:645px; 	
	}
/* lp code */
.lp {
padding: 20px 50px 10px 50px;

}
.lp #crail{
width: 600px;
padding-right:10px;
font: 12px Arial, Verdana, sans-serif;
color:#637384;
line-height:20px;
}
.lp #rrail{
width: 341px;
}
.lp h1{
font: 10px Arial, Verdana, sans-serif;
color:#637384;
/*border-bottom:1px dotted #000;*/
}
.lp h2{
font: 12px Arial, Verdana, sans-serif;
color:#000;
font-weight:bold;
margin-bottom:-3px;

}