@charset "utf-8";

/* CSS Document */
/* 
	content:
	- PRESETS
	- LAYOUT
		topmenu
		footer
	- SIDEBAR
	- COMMON
	- MAIN


	COLOR SET:

	.color00 - bialy (#ffffff)
	.color01 - czarny (#000)
	.color02 - niebieski (#0066ff)
	.color03 - czerwony (#ff0000)
	.color04 - szary jasny (#999)
	.color05 - szary sredni (#666)	
	.color06 - szary ciemny (#333)	
	
*/



/* ------------------------------------------------------------------ */
/* PRESETS */

	@import url("presets.css");
	

/* ------------------------------------------------------------------ */
/* LAYUOT */	



	#container {
		width:880px;
		margin:0 auto;
	}

	#menuTop { clear:both }

	#body {
		clear:both;
		background:url(../images/body_bg.gif) repeat-y 0 0;
		overflow:hidden
	}
	
	#body div.body-top, #body div.body-bottom {	
		clear:both;
		height:10px;
		font-size:0
	}	

	#body div.body-top { background:url(../images/body_bg_top.gif) no-repeat 0 0 }
	#body div.body-bottom {	background:url(../images/body_bg_bottom.gif) no-repeat 0 0 }

	#content { 
		clear:both; 
		padding:0 1px 
	}

	div.consultant {
		width:252px;
		height:460px;
		float:left
	}	

	div.page-body {
		width:602px;
		overflow:hidden;
		margin-left:10px;
		display:inline;
		float:left;
		padding-top:30px;
		
	}




	/* ------------------------------------------------------------------ */
	/* header */	

		#header {
			clear:both;
			height:77px;
			border-bottom:1px solid #e0e0e0
		}
		
		#header * { font-size:11px }
		
		#header h1 {
			width:470px;
			height:76px;
			float:left;
			background:url(../images/top_logo.gif) no-repeat 0 0
		}
		
		#header h1 span {	
			float:left;
			display:block;
			text-indent:-5000px	
		}
		
		#header h1 a {
			width:210px;
			height:76px;
			float:left;
			display:block;
			text-indent:-5000px
		}
		
		#lang {
			width:140px;
			height:46px;
			float:left;
			text-align:center;
			padding-top:30px
		}
		
		
		#loginForm {
			width:270px;
			height:76px;
			float:right
		}
		
		#loginForm table {
			float:right;
			margin-top:7px
		}
	
		#loginForm a, #loginForm a:visited {
			color:#059EE4;
			text-decoration:none
		}
		
		#loginForm a:hover { text-decoration:underline }
		
		#loginForm td {
			padding:2px 4px 2px 0;
			color:#707070;
			vertical-align:middle
		}
	
		#loginForm input.text {
			width:100px;
			border:1px solid #ccc;
			padding:2px		
		}
	
		
	/* ------------------------------------------------------------------ */
	/* footer */	
	
		#footer { clear:both; position:relative }
		
		#footer #logos {
			position:absolute;
			right:0;
			top:0
		}
		
		#footer * { font-size:11px }
		
		#footer p {
			color:#707070;
			display:block;
			clear:both;
			margin:10px 0
		}
		
		#footer ul {
			list-style-type:none;
			margin:0;
			padding:10px 0 0 0;
			overflow:hidden
		}
		
		#footer li {	
			display:block;
			float:left;
			padding:0 13px 0 10px;
			background:url(../images/greydot.gif) no-repeat right 3px;
			position:relative;
			left:-10px
		}
		
		#footer li a { text-decoration:none }
		#footer li a:hover { text-decoration:underline }
			
		

	


	div.line-solid {
		clear:both;
		height:0;
		border-bottom:1px solid #bfe4f5;
		font-size:0;
		line-height:0;
		margin:0;
		padding:0;
	}
	
	
/* ------------------------------------------------------------------ */
/* MAIN */		

	div.main-left {
		width:512px;
		float:left;		
	}
	
	div.main-right {
		width:366px;
		float:left
	}

	div.main-bottom { clear:both }


	/* ------------------------------------------------------------------ */
	/* main packages */		
	
		/*
		div.main-window {
			width:168px;
			height:230px;
			background:url(../images/main_window_bg.gif) no-repeat 0 0;
			float:left;
			display:inline;
			margin:10px 0 0 12px
		}
		
		
		div.main-window h2 {
			height:37px;
			display:block;
			clear:both;
			color:#fff;
			font:bold 16px Arial, Tahoma, Verdana;
			padding:17px 0 8px 10px;
			line-height:18px
		}
		*/
		/*
		div.main-window.p3 h2 { 
			height:47px;
			padding:15px 0 0 15px
		}
		*/
		/*
		div.main-window div.info {
			height:105px;
			clear:both;		
			color:#036ba6;
			font-size:12px	
		}
		
		div.main-window.p1 div.info { background:url(../images/main_window_p1.png) no-repeat 0 0 }
		div.main-window.p2 div.info { background:url(../images/main_window_p2.png) no-repeat 0 0 }	
		div.main-window.p3 div.info { background:url(../images/main_window_p3.png) no-repeat 0 0 }
		div.main-window.p4 div.info { background:url(../images/main_window_p4.png) no-repeat 0 0 }
		
		div.main-window div.info p { padding:10px }
		
		div.main-window a.learn, div.main-window a.learn:visited {
			color:#049de4;
			text-transform:uppercase;
			text-decoration:none;
			font:bold 11px Arial, Tahoma, Verdana
		}
		
		div.main-window a.learn:hover { text-decoration:underline }
		
		div.main-window a.trial {
			width:87px;
			height:25px;
			display:block;
			text-indent:-5000px;
			margin:7px auto
		}
		*/
		
		div.main-role {
			width:348px;
			clear:both;
			overflow:hidden;
			background:url(../images/main_roles_bg.gif) repeat-y 0 0;
			margin-bottom:7px
		}
		
		div.main-role div.bg-top { background:url(../images/main_roles_bgtop.gif) no-repeat 0 top }
		
		div.main-role div.bg-bottom { background:url(../images/main_roles_bgbottom.gif) no-repeat 0 bottom	}
		
		div.main-role h2 {
			font:bold 18px Arial, Tahoma, Verdana;
			color:#fff;
			padding:7px 0 9px 0
		}

		div.main-role h2 a {
  		font:bold 18px Arial, Tahoma, Verdana;
     		color:#fff;
		text-decoration:none
		}
		
		div.main-role p {
			font:normal 12px Arial, Tahoma, Verdana;
			color:#036ba6		
		}
		
		div.main-role p img { vertical-align:middle }	
		
		div.main-role table { width:100% }
		
		div.main-role td.role-content {
			width:245px; 
			padding-bottom:9px; 
			padding-left:15px
		}
	
		div.main-role td.role-image { width:88px }
	
		div.main-role.r1 td.role-image { background:url(../images/main_window_p1.png) no-repeat right bottom }
		div.main-role.r2 td.role-image { background:url(../images/main_window_p2.png) no-repeat right bottom }
		div.main-role.r3 td.role-image { background:url(../images/main_window_p3.png) no-repeat right bottom }
		div.main-role.r4 td.role-image { background:url(../images/main_window_p4.png) no-repeat right bottom }			
		
		div.main-role td.role-links {
			padding-bottom:8px
		}
		
		div.main-role td.role-links a {
			height:22px;
			float:left;
			display:inline; 
			text-indent:-5000px		
		}
		
		div.main-role td.role-links a.c1 {	
			width:51px; 
			margin-left:11px
		}
	
		div.main-role td.role-links a.c2 {	
			width:71px; 
			margin-left:5px
		}
	
		div.main-role td.role-links a.c3 {	
			width:61px; 
			margin-left:111px;
			position:relative; 
			left:4px
		}		

		div.main-role td.role-links a.c4 {	
			width:72px; 
			margin-left:11px			
		}
		
	
	/* ------------------------------------------------------------------ */
	/* main topnav */		
		
		div.main-topnav {
			width:847px;
			height:37px;
			margin:0 auto;
			background:url(../images/main_topnav.gif) no-repeat 0 0;
			padding-top:10px
		}
		
		div.main-topnav a, div.main-topnav a:visited {	
			color:#707070;
			font:bold 15px Arial, Tahoma, Verdana;
			text-decoration:none
		}
		
		div.main-topnav a:hover { text-decoration:underline }
		
		div.main-topnav div {
			float:left;
			text-align:center;
		}
		
		div.main-topnav div.link1 { width:498px }
		div.main-topnav div.link2 { width:346px }

	
	/* ------------------------------------------------------------------ */
	/* main quotes */			
		
		div.main-quotes {
			width:344px; 
			float:left;
			padding:20px 20px 20px 0
		}
		
		div.main-quotes img {
			float:left;
			margin:0 6px 0 0
		}
	
		div.main-quotes p {
			color:#707070;
			text-align:right;
			font-size:12px
		}
		
		div.main-quotes p.text {
			font-style:italic;		
			font-size:12px;
			font-weight:bold;
			padding-top:13px;
			text-align:left
		}	

		
	/* ------------------------------------------------------------------ */
	/* main test */	

		div.form-test {
			clear:both;
			background:url(../images/txt_tryiton.gif) no-repeat 5px 5px;
			padding-left:110px;
			padding-bottom:15px;
			padding-top:20px
		}
		
		div.form-test input { vertical-align:middle }
		
		div.form-test input.ftext {
			border:2px solid #bfe4f5;
			padding:3px;
			width:250px;
			margin-left:10px
		}
		
	/* ------------------------------------------------------------------ */
	/* main box */				
	
		div.main-box {
			clear:both;
			overflow:hidden;
			background:url(../images/main_box_bg.gif) repeat-y 0 0;
			margin-left:10px;
			margin-top:15px
		}
	
		* html div.main-box { height:1% }
		
		div.main-box div.top { 
			clear:both; 
			height:5px; 
			background:url(../images/main_box_sprites.gif) no-repeat 0 0 
		}
		
		div.main-box div.bottom {
			clear:both; 
			height:5px; 
			background:url(../images/main_box_sprites.gif) no-repeat 0 -5px 
		}
		
		div.main-box div.body { clear:both }
		
		div.main-box div.p1, div.main-box div.p2 {
			width:203px;		
			float:left;
			padding:17px 17px 5px
		}
		
		div.main-box p { 
			font-size:11px;
			color:#666;
			line-height:13px
		}

		div.bx-newsletter {
			width:192px;
			height:100px;
			clear:both;
			background:url(../images/newsletter_bg.gif) no-repeat 0 0;
			margin-top:20px;
			position:relative;
			left:-5px;
			padding:15px 10px 15px 15px
		}
		
		div.bx-newsletter td { 
			padding:0 7px 2px 0;
			color:#666
		}
		
		div.bx-newsletter input.ftext { 
			width:115px;
			padding:1px;
			border:1px solid #ccc
		}
		
		div.bx-newsletter table {
			margin:10px 0 3px
		}
		
	/* ------------------------------------------------------------------ */
	/* main links */			
		
		div.main-links {
			clear:both;
			padding:7px 15px 0;
			overflow:hidden
		}
		
		* html div.main-links { height:23px }
		
		div.main-links div.float-left, div.main-links div.float-right { padding-bottom:10px }
		* html div.main-links div.float-left, * html div.main-links div.float-right { padding-bottom:0 }
		
		div.main-links a, div.main-links a:visited {
			color:#049de4;
			font:bold 14px Arial, Tahoma, Verdana;
			text-decoration:none;
			line-height:14px;
		}
		
		div.main-links a:hover { color:#F9A717 }
		
		div.main-links img { margin-right:3px }


	/* ------------------------------------------------------------------ */
	/* main packages */	
	
	/* 	table.main-packages {
			width:475px;
			background:url(../images/main_packages_bg.gif) repeat-y 0 0;
			margin-left:19px
		}
		
		table.main-packages thead th {
			width:475px;
			height:50px;
			background:url(../images/main_packages_sprites.gif) no-repeat 0 0
		}
		
		table.main-packages tfoot td {
			width:475px;
			height:50px;
			background:url(../images/main_packages_sprites.gif) no-repeat 0 -49px
		}	
		
		table.main-packages tfoot td a, table.main-packages thead th a {
			width:92px;
			height:29px;
			display:inline;
			float:left;
			text-indent:-5000px;;
			margin-top:7px
		}	
		
		table.main-packages thead th a {
			width:112px;
			position:relative;
			top:5px
		}
	
		table.main-packages tfoot a.link1 { margin-left:18px }
		table.main-packages tfoot a.link2 { margin-left:82px }
		table.main-packages tfoot a.link3 { margin-left:85px }
		
		table.main-packages thead a.link1 { margin-left:10px }
		table.main-packages thead a.link2 { margin-left:18px; width:175px }
		table.main-packages thead a.link3 { margin-left:45px }
			
		
		table.main-packages tbody td { padding:0 10px }
		
		table.main-packages tbody td p { 
			font:bold 12px Arial, Tahoma, Verdana;
			color:#888;
			padding-bottom:5px
		}
		
		table.main-packages tbody td.pack1 { width:108px }
		table.main-packages tbody td.pack2 { width:204px }
		table.main-packages tbody td.pack3 { width:103px }
	
		table.main-packages p.price {
			color:#F9A717;
			font:bold 11px Arial, Tahoma, Verdana;
			padding:5px 0 10px;
			text-align:center
		}
	 */
		div.main-packages {
			background:transparent url(../images/main_packages_bg.gif) repeat-y scroll 0 0;
			margin-left:19px;
			width:475px;
			overflow:hidden
		}
		div.main-packages div.package1,
		div.main-packages div.package2 {
			float:left
		}
		
		div.main-packages div.package1 { width:186px }
		div.main-packages div.package2 { width:289px }
	
		div.main-packages div.package1 a.link1,
		div.main-packages div.package2 a.link2 {
			display:block;
			height:50px;
			text-indent:-5000px
		}	
	
		div.main-packages div.package1 a.link1 {
			width:186px;
			background:url(../images/main_packages_sprites.gif) no-repeat 0 0
		}
		div.main-packages div.package2 a.link2 {
			width:289px;
			background:url(../images/main_packages_sprites.gif) no-repeat -186px 0		
		}
	
		div.main-packages p {
			color:#888888;
			font:bold 12px Arial,Tahoma,Verdana;
			padding:0 22px 5px;
			height:50px;
			overflow:hidden
		}
		
		div.main-packages div.package2 p.p1 { height:33px }
		div.main-packages div.package2 p.p2 { height:11px }
	
		div.main-packages p.price {
			color:#F9A717;
			font:bold 11px Arial,Tahoma,Verdana;
			padding:5px 22px 0;
			height:35px;
			overflow:hidden
		}	
	
		div.main-packages a.link-bottom1,
		div.main-packages a.link-bottom2,
		div.main-packages a.link-bottom3,
		div.main-packages a.link-bottom4 {
			display:inline;
			text-indent:-5000px;
			width:86px;
			height:25px;
			float:left;
			margin-top:8px
		}	
		
		div.main-packages a.link-bottom2,
		div.main-packages a.link-bottom4 {
			width:64px;
		}				
	
		div.main-packages a.link-bottom1 { margin-left:20px }
		div.main-packages a.link-bottom2 { margin-left:6px }
		div.main-packages a.link-bottom3 { margin-left:33px }
		div.main-packages a.link-bottom4 { margin-left:6px }

		
		div.main-packages div.bottom-links {
			clear:both;
			height:50px;
			background:url(../images/main_packages_sprites.gif) no-repeat 0 -50px;
			overflow:hidden
		}


	/* ------------------------------------------------------------------ */
	/* bottom info */		
	
		div.main-addinfo {
			float:left;
			padding:20px;
			width:454px	
		}
		
		div.main-addinfo h2 {
			color:#f89f1a;
			font:bold 12px Arial, Tahoma, Verdana;
			padding-bottom:7px
		}
		
		div.main-addinfo p.info { 
			font-size:10px;
			padding-bottom:10px;
			color:#666
		}
	
		div.newsletter { clear:both }
		
		div.newsletter p {
			color:#049de4;
			font:bold 12px Arial, Tahoma, Verdana;
			padding:8px 0
		}	
		
		div.newsletter label, div.newsletter input {	
			display:inline;
			float:left;
			font-size:11px;
		}
		
		div.newsletter label {
			padding:3px 10px 0 0;
			color:#666
		}
		
		div.newsletter input.ftext {
			width:103px;
			border:1px solid #ccc;
			padding:2px;
			margin-right:15px
		}
		
		div.newsletter input.fimage {
			position:relative;
			top:-3px
		}

/* ------------------------------------------------------------------ */
/* UNIQUE SITES */	


	/* ------------------------------------------------------------------ */
	/* how it works */	
	
		#howitworks {
			background:url(../images/dot01.gif) repeat-y center 0; 
			margin:30px 0 10px;
			padding-top:0
		}
	
		#howitworks div.col-left {	
			width:281px; 
			float:left;
			padding:10px 20px 0 10px
		}
		
		#howitworks div.col-right {	
			width:281px; 
			float:left;
			padding:10px 0 0 10px
		}	
		
		
	/* ------------------------------------------------------------------ */
	/* areas of application */	
		
		#areasofapplication div.box01 { margin:10px 0 }

		
	/* ------------------------------------------------------------------ */
	/* features */	

		table.comparison-chart {
			width:600px;
			background:url(../images/comparison_bg.gif) repeat-y 0 0
		}
	
		table.comparison-chart th {
			height:51px;
			vertical-align:middle;
			text-align:center;
			font:bold 13px Arial, Tahoma, Verdana;
			color:#707070
		}
	
		table.comparison-chart th.t1 {
			width:182px;
			background:url(../images/comparison_sprites.gif) no-repeat 0 0;
		}
	
		table.comparison-chart th.t2 {
			width:170px;
			background:url(../images/comparison_sprites.gif) no-repeat -182px 0;		
		}
	
		table.comparison-chart th.t3 {
			width:124px;
			background:url(../images/comparison_sprites.gif) no-repeat -228px 0;
		}
	
		table.comparison-chart th.t4 {
			width:124px;
			background:url(../images/comparison_sprites.gif) no-repeat -476px 0;
		}
	
		table.comparison-chart tfoot td {
			height:5px;
			background:url(../images/comparison_sprites.gif) no-repeat 0 -51px;
			font-size:0;
			line-height:0;
			padding:0
		}
	
		table.comparison-chart td { padding:8px 10px }
	
		table.comparison-chart td.attr {
			font:bold 12px Arial, Tahoma, Verdana;
			color:#25aae8
		}
	
		table.comparison-chart td.value {
			text-align:center;
			font:normal 12px Arial, Tahoma, Verdana;
			color:#707070		
		}
	/* ------------------------------------------------------------------ */
	/* your avatars list */	
	
		table.avatars-chart {
			width:800px;
/*
			background:url(../images/comparison_bg.gif) repeat-y 0 0
*/			
		}
	
		table.avatars-chart th {
			height:51px;
			vertical-align:middle;
			text-align:center;
			font:bold 13px Arial, Tahoma, Verdana;
			color:#707070
		}
	
		table.avatars-chart th.t1 {
			width:110px;
			background-color: #F0F9FD;
			border: #BFE4F5 1px solid;
		}
	
		table.avatars-chart th.t2 {
			width:124px;
			background-color: #F0F9FD;
			border: #BFE4F5 1px solid;
		}
	
		table.avatars-chart th.t3 {
			width:160px;
			background-color: #F0F9FD;
			border: #BFE4F5 1px solid;
		}
	
		table.avatars-chart th.t4 {
			width:200px;
			background-color: #F0F9FD;
			border: #BFE4F5 1px solid;
		}
	
		table.avatars-chart th.t5 {
			width:110px;
			background-color: #F0F9FD;
			border: #BFE4F5 1px solid;
		}
	
		table.avatars-chart tfoot td {
			height:5px;
			background:url(../images/comparison_sprites.gif) no-repeat 0 -51px;
			font-size:0;
			line-height:0;
			padding:0
		}
	
		table.avatars-chart td { padding:8px 10px }
	
		table.avatars-chart td.attr {
			font:bold 12px Arial, Tahoma, Verdana;
			background-color: #F0F9FD;
			color:#25aae8;
			border: #AACBDA 1px solid;
		}
	
		table.avatars-chart td.value {
			text-align:center;
			font:normal 12px Arial, Tahoma, Verdana;
			color:#707070;
			background-color: #FFFFFF;
			border: #AACBDA 1px dashed;
		}

		table.avatars-chart td.dialog {
			text-align:center;
			font:normal 12px Arial, Tahoma, Verdana;
			color:#707070;
			background-color: #FFFFFF;
			border-right: #AACBDA 1px dashed;
			text-align: left;
		}
	
	
	
	/* ------------------------------------------------------------------ */
	
	/* section title */	
	
	.section-title {
		width: 800px;
		padding-top: 20px;
		padding-bottom: 10px;
		color: #F79B1C;
		text-align: left;
	}


	/* ------------------------------------------------------------------ */
	
	/* pricing list chart */	
	
		table.pricing-chart {
			width:600px;
			margin-left:1px;
/*
			background:url(../images/comparison_bg.gif) repeat-y 0 0
*/			
		}
	
		table.pricing-chart th {
			height:51px;
			vertical-align:middle;
			text-align:center;
			font:bold 13px Arial, Tahoma, Verdana;
			color:#707070
		}
	
		table.pricing-chart th.t1 {
			width:179px;
			background-color: #F0F9FD;
			border: #BFE4F5 1px solid;
		}
	
		table.pricing-chart th.t2 {
			width:139px;
			background-color: #F0F9FD;
			border: #BFE4F5 1px solid;
		}
	
		table.pricing-chart th.t3 {
			width:139px;
			background-color: #F0F9FD;
			border: #BFE4F5 1px solid;
		}
	
		table.pricing-chart th.t4 {
			width:139px;
			background-color: #F0F9FD;
			border: #BFE4F5 1px solid;
		}
	
		table.pricing-chart tfoot td {
			height:5px;
			background:url(../images/comparison_sprites.gif) no-repeat 0 -51px;
			font-size:0;
			line-height:0;
			padding:0
		}
	
		table.pricing-chart td { padding:8px 10px }
	
		table.pricing-chart td.attr {
			font:bold 12px Arial, Tahoma, Verdana;
			background-color: #F0F9FD;
			color:#25aae8;
			border: #AACBDA 1px dashed;
		}
	
		table.pricing-chart td.value {
			text-align:center;
			font:normal 12px Arial, Tahoma, Verdana;
			color:#707070;
			background-color: #FFFFFF;
			border: #AACBDA 1px dashed;
		}
		
		
		
	/* ------------------------------------------------------------------ */
	
	/* examples chart */	
	
		table.examples-chart {
			width:600px;
			margin-left:1px;
/*
			background:url(../images/comparison_bg.gif) repeat-y 0 0
*/			
		}
	
		table.examples-chart th {
			height:31px;
			vertical-align:middle;
			text-align:center;
			font:bold 16px Arial, Tahoma, Verdana;
			color:#FF9305
		}
	
		table.examples-chart th.t1 {
			width:299px;
			background-color: #F0F9FD;
			border: #BFE4F5 1px solid;
		}
	
		table.examples-chart th.t2 {
			width:299px;
			background-color: #F0F9FD;
			border: #BFE4F5 1px solid;
		}
	
		table.examples-chart tfoot td {
			height:5px;
			background:url(../images/comparison_sprites.gif) no-repeat 0 -51px;
			font-size:0;
			line-height:0;
			padding:0
		}
	
		table.examples-chart td { padding:8px 10px }
	
		table.examples-chart td.attr {
			font:bold 12px Arial, Tahoma, Verdana;
			background-color: #F0F9FD;
			color:#25aae8;
			/*border: #AACBDA 1px dashed;*/
		}
	
		table.examples-chart td.picture {
			text-align:center;
			font:normal 12px Arial, Tahoma, Verdana;
			color:#707070;
			background-color: #F0F9FD;
			/*border: #AACBDA 1px dashed;*/
		}	
	/* ------------------------------------------------------------------ */
	
	/* testimonials */	
		
		#testimonials { width:597px }
	
		#testimonials div.main-quotes {
			width:357px; 
			padding-left:0;
			padding-top:0;
			padding-bottom:0			
		}
	
		#testimonials div.main-quotes div {
			clear:both;
			zoom:1
		}
		
		#testimonials div.main-quotes div.logo {	
			padding-bottom:10px;
			overflow:hidden
		}
		
		#testimonials div.quotes-cnt {
			clear:both;
			padding:15px 0;
			overflow:hidden
		}


	/* ------------------------------------------------------------------ */
	/* bussiness benefits */	

		#bussinessbenefits p  { padding-top:5px }
				
		#bussinessbenefits ul  {
			margin-top:10px;
			margin-bottom:10px
		}
		
		#bussinessbenefits li  { padding-bottom:7px }



	/* ------------------------------------------------------------------ */
	/* examples  */	

		#examples div.box02 { 
			float:left; 
			display:inline;
			margin:10px 40px 30px 40px 
		}
		
		#examples div.center { margin:10px 0 30px 190px }
		
		#examples p.title { 
			width:204px; 
			height:38px; 
			margin:10px auto 0 auto; 
			text-indent:-5000px; 
			padding:0 
		}
		
		#examples p.t1 { background:url(../images/examples_titles.gif) no-repeat 0 0 }
		#examples p.t2 { background:url(../images/examples_titles.gif) no-repeat 0 -38px }
		#examples p.t3 { background:url(../images/examples_titles.gif) no-repeat 0 -76px }


	/* ------------------------------------------------------------------ */
	/* sign up  */	

		#signup table.form-table { width:100% }



	/* ------------------------------------------------------------------ */
	/* customercare  */	
	
		#customercare {
			width:870px;
			background:url(../images/dot01.gif) repeat-y 550px 0; 
			margin:30px 0 10px;
			padding-top:0
		}
	
		#customercare div.col-left {	
			width:510px; 
			float:left;
			padding:10px 20px 0 20px
		}
		
		#customercare div.col-right {
			width:290px; 
			float:left;
			padding:10px 10px 0 20px
		}	

		#customercare div.col-right ul { margin:10px 0 10px 20px }

		#customercare div.col-right li, 
		#customercare div.col-right li a, 
		#customercare div.col-right li a:visited {
			color:#059EE4;
			text-decoration:none
		}

		#customercare div.col-right li a:hover { text-decoration:underline }




	/* ------------------------------------------------------------------ */
	/* my account  */	
	
		#myaccount {
			width:870px;
			margin:30px 0 10px;
			padding-top:0
		}
	
		#myaccount div.col-left {	
			width:494px; 
			float:left;
			padding:10px 0 0 20px
		}
		
		#myaccount div.col-right {
			width:324px; 
			float:left;
			padding:10px 0 0 20px
		}	

		#myaccount h2 {
			padding-bottom:10px;
			color:#707070
		}
		
		#myaccount p { padding-bottom:10px }

		#myaccount div.col-left table.account-settings { width:434px }	

		#myaccount div.col-right table.account-settings { 
			width:279px;
			margin:20px auto
		}		



	/* ------------------------------------------------------------------ */
	/* areas  */	
	
		div.areas-cnt {
			width:595px;
			clear:both
		}
	
		div.areas-cnt div.top {
			height:52px;
			clear:both;
			background:url(../images/img_areas_top.png) no-repeat 0 0;
			overflow:hidden
		}
	
		div.areas-cnt div.images {
			clear:both;
			padding:10px 0;
			background:url(../images/img_areas_bg.gif) no-repeat 0 0;
			text-align:center;
			overflow:hidden
		}	
		
		* html div.areas-cnt div.images { height:1% }
		
		div.areas-cnt div.images img.img1 { margin:0 36px }
		div.areas-cnt div.images img.img2 { margin:0 38px }	
		/* div.areas-cnt div.images img.img3 { margin:0 26px } */
	
		div.areas-cnt div.bottom {
			clear:both;
			background:url(../images/img_areas_bg.gif) no-repeat 0 bottom;
			overflow:hidden;
			padding-bottom:20px
		}
		
		* html div.areas-cnt div.bottom { height:1% }
		
		div.areas-cnt div.top a {
			width:297px;
			height:52px;
			display:block;
			float:left;
			text-indent:-5000px;
			position:relative
		}
		
		div.areas-cnt div.bottom a {
			width:64px;
			height:30px;
			display:inlilne;
			float:left;
			text-indent:-5000px;
			position:relative
		}
		
		div.areas-cnt div.bottom a.link1 { margin-left:43px }
		div.areas-cnt div.bottom a.link2 { margin-left:6px }		
		div.areas-cnt div.bottom a.link3 { margin-left:137px }
		div.areas-cnt div.bottom a.link4 { margin-left:6px }			
		
		div.areas-cnt div.bottom a.link2,
		div.areas-cnt div.bottom a.link4 {
			width:90px
		}
		
		div.areas-cnt div.bottom p {
			width:223px;
			float:left;
			font:bold 16px Arial, Tahoma, Verdana;
			letter-spacing:-1px;
			padding:10px 37px
		}
	


	/* ------------------------------------------------------------------ */
	/* packages: starting kit, professional, enterprise  */	


		#packages {
			width:616px;
			padding-top:20px
		}
	
		div.package-top {
			width:615px;
			height:152px;
			clear:both			
		}
		
		#startingkit { background:url(../images/package_bg_startingkit.png) no-repeat 0 0 }
		#professional { background:url(../images/package_bg_professional.png) no-repeat 0 0 }
		#enterprise { background:url(../images/package_bg_enterprise.png) no-repeat 0 0 }		
		
		div.package-top ul { padding:60px 0 0 20px }
	
		#packages div.col-left {
			width:460px; 
			float:left;
			padding:30px 20px 0 10px
		}
		
		#packages div.col-right {
			width:104px; 
			float:left;
			padding:30px 0 0 10px
		}	
	
		#packages div.col-left h1 { padding-bottom:20px }
		#packages div.col-right p { padding-bottom:10px }	
		#packages div.col-right img { margin:10px 0 }

		div.testimonials-cnt {
			width:194px;
			background:url(../images/testimonials_bg.gif) repeat-y 0 0
		}
		
		div.testimonials-cnt h1 {	
			clear:both;
			display:block;
			height:27px;
			font:normal 20px Arial, Tahoma, Verdana;
			text-align:center;
			color:#707070;
			padding-top:14px;
			background:url(../images/testimonials_sprites.gif) no-repeat 0 0
		}
		
		div.testimonials-cnt ul {
			list-style-type:none;
			margin:10px 15px;
			padding:0
		}
		
		div.testimonials-cnt li { padding:10px 0 0 }
		
		div.testimonials-cnt li cite {
			font:italic bold 12px Arial, Tahoma, Verdana;
			color:#707070;
			line-height:14px
		}
		
		div.testimonials-cnt li span {
			color:#d0ebf8;
			font:bold 50px Georgia, "Times New Roman", Times, serif;
			height:25px;
			overflow:hidden;
			float:left;
			position:relative;
			top:-2px;
		}
		
		div.testimonials-cnt li p {	
			text-align:right;
			font-size:11px;
			padding-top:5px;
			padding-bottom:0
		}
		
		div.testimonials-cnt div {
			clear:both;
			height:5px;
			background:url(../images/testimonials_sprites.gif) no-repeat 0 -41px
		}
		
		table.packages {
			width:610px;
			background:url(../images/packages_bg.gif) repeat-y 0 0;	
		}
		
		table.packages thead th {
			width:610px;
			height:69px;
			background:url(../images/packages_sprites.gif) no-repeat 0 0
		}
		
		table.packages tfoot td {
			width:610px;
			height:39px;
			background:url(../images/packages_sprites.gif) no-repeat 0 bottom
		}	

		#popupContent table.packages tfoot td { height:10px }	
			
		table.packages tfoot td a {
			width:92px;
			height:29px;
			display:inline;
			float:left;
			text-indent:-5000px
		}	
		
		table.packages tfoot a.link1 { margin-left:91px }
		table.packages tfoot a.link2 { margin-left:215px }
		
		table.packages thead th a {
			width:144px;
			height:30px;
			display:inline;
			float:left;
			text-indent:-5000px;
			margin-top:17px
		}	

		table.packages thead a.link1 { margin-left:80px }
		table.packages thead a.link2 { margin-left:158px }
			
		table.packages tbody td { padding:5px 42px }
		
		table.packages tbody td p { 
			width:221px;
			font:normal 12px Arial, Tahoma, Verdana;
			color:#888;
			padding-bottom:5px
		}
	
		table.packages tbody td.lead1 p,
		table.packages tbody td.lead2 p { 
			font:italic bold 15px Arial, Tahoma, Verdana;
		}
	
		table.packages tbody td.lead1 p.price,
		table.packages tbody td.lead2 p.price { 
			font:normal bold 15px Arial, Tahoma, Verdana;
			color:#707070;
			padding-top:0;
			padding-bottom:20px;
			position:relative;
			top:-10px
		}
		
		/*table.packages tbody td.pack1, table.packages tbody td.pack2 { width:148px }
		table.packages tbody td.pack2 { width:148px }*/
	
		table.packages tbody td.lead1 p,
		table.packages tbody td.lead2 p { text-align:center }
	
		table.packages p.price {
			color:#F9A717;
			font:bold 11px Arial, Tahoma, Verdana;
			padding:5px 0 10px;
			text-align:center
		}	
		
		table.packages td.spacer { padding:0 1px }
		
		table.packages td.spacer div {
			background:#fff; 
			height:15px; 
			clear:both	
		}
		
		table.packages td.category { 
			height:35px;
			background:url(../images/packages_cat_bg.png) no-repeat 0 0;
			text-align:center;
			font:bold 16px Arial, Tahoma, Verdana;
			color:#fff;
			vertical-align:middle
		}
		
	
		table.packages tbody td.lead1 { background:url(../images/packages_bg_top.gif) no-repeat 0 0 }
		table.packages tbody td.lead2 { background:url(../images/packages_bg_top.gif) no-repeat -305px 0 }
			
		table.packages tbody td.thumb1 { background:url(../images/packages_bg_top.gif) no-repeat 0 bottom }
		table.packages tbody td.thumb2 { background:url(../images/packages_bg_top.gif) no-repeat -305px bottom }

	

	/* ------------------------------------------------------------------ */
	/* faq  */	
		
		#faq ul  {
			list-style-type:none;
			margin:10px 0 40px
		}
	
		#faq ul a, #faq ul a:visited {	
			color:#707070;
			text-decoration:none
		}
	
		#faq ul a:hover { text-decoration:underline	}	

	
	/* ------------------------------------------------------------------ */
	/* ecommerce  */		
		
		#ecommerce div.section33 {		
			width:169px; 
			float:left;
			padding:0 15px
		}
		
		#ecommerce div.section33 p.buttons {
			padding:0 0 10px 0; 
			overflow:hidden; 
			position:relative; 
			left:-4px
		}
		
		#ecommerce div.section33 p.buttons img { float:left }
	
	
/* ------------------------------------------------------------------ */
/* COMMON */		
	
	
	/* blue */
	.color07, a.color07:visited { color:#059EE4 !important }
	
	/* orange */
	.color08, a.color08:visited { color:#F9A717 !important }
	
	a.more, a.more:visited {
		color:#0290D2;
		text-decoration:none;
		font-weight:bold;
		font-size:12px
	}

	a.more:hover { color:#F9A717 }

	a.more img  { margin-right:5px }

	a.btn1 {
		width:118px;
		height:18px;
		text-align:center;
		display:block;
		color:#0290D2;
		text-transform:uppercase;
		font-size:11px;
		text-decoration:none;
		font-weight:bold;
		background:url(../images/btn_bg1.gif) no-repeat 0 0;
		padding-top:5px
	}
	
	a.btn2 {
		width:90px;
		height:23px;
		text-align:center;
		display:block;
		color:#036ba6;
		text-transform:uppercase;
		font-size:11px;
		text-decoration:none;
		font-weight:bold;
		background:url(../images/btn_bg2.gif) no-repeat 0 0;
		padding-top:8px
	}	

	a.btn3 {
		width:118px;
		height:18px;
		text-align:center;
		display:block;
		color:#0290D2;
		font-size:11px;
		text-decoration:none;
		font-weight:bold;
		background:url(../images/btn_bg1.gif) no-repeat 0 0;
		padding-top:5px
	}

	a.white, a.white:visited {
		color:#ffffff;
		text-decoration:none;
	}

	a.white:hover {
		color:#ffffff;
		text-decoration:none;
	}
	
	

	/* ------------------------------------------------------------------ */
	/* breadcrumbs */		
	
		div.breadcrumbs {
			clear:both;
			padding:0 20px;
			font-size:11px
		}
		
		div.breadcrumbs p {	padding-bottom:10px }
		
		div.breadcrumbs a, div.breadcrumbs a:visited {	
			margin:0 10px 0 0;
			text-decoration:none
		}
		
		div.breadcrumbs a:hover { text-decoration:underline }
		
		div.breadcrumbs span { margin-right:10px }
		

	/* ------------------------------------------------------------------ */
	/* forms */	
	
		table.form-table { margin:10px 0 }
		
		table.form-table td {
			color:#707070;
			font-size:12px;
			padding:4px 10px 4px 0;
			vertical-align:middle
		}
		
		table.form-table td img { vertical-align:middle }
	
		table.form-table input.text { 
			padding:2px; 
			border:1px solid #ccc 
		}
		
		table.form-table td.attr {
			white-space:nowrap
		}

		table.form-table td.value {
			width:100%
		}


	/* ------------------------------------------------------------------ */
	/* box01 */	
	
		div.box01 {
			width:600px;
			clear:both;
			background:url(../images/box01_bg.gif) repeat-y 0 0 #fff;
			overflow:hidden
		}
	
		div.box01 div.top, div.box01 div.bottom {
			height:5px;
			clear:both;
			overflow:hidden
		}
		
		div.box01 div.top { background:url(../images/box01_edges.gif) no-repeat 0 0 }
		div.box01 div.bottom { background:url(../images/box01_edges.gif) no-repeat 0 -5px }	
		
		* html div.box01 { height:1% }
	
		div.box01 div.content {
			clear:both;
			padding:0 30px
		}
		
		div.box01 h1 { font:bold 21px Arial, Tahoma, Verdana }
		
		div.box01 a, div.box01 a:visited { 
			color:#0290D2;
			text-decoration:none
		}
		div.box01 a:hover { color:#F9A717 }
	
		div.box01 p.more { padding-top:3px }



	/* ------------------------------------------------------------------ */
	/* box02 */	
	
		div.box02 {
			width:220px;
			float:right;
			background:url(../images/box02_bg.gif) repeat-y 0 0 #fff;
			overflow:hidden
		}
	
		div.box02 div.top, div.box02 div.bottom {
			height:5px;
			clear:both;
			overflow:hidden
		}
		
		div.box02 div.top { background:url(../images/box02_edges.gif) no-repeat 0 0 }
		div.box02 div.bottom { background:url(../images/box02_edges.gif) no-repeat 0 -5px }	
		
		* html div.box02 { height:1% }
	
		div.box02 div.content {
			clear:both;
			padding:10px 0 0;
			text-align:center
		}
		
		div.box02 a, div.box02 a:visited { 
			color:#0290D2;
			text-decoration:none
		}
		div.box02 a:hover { color:#F9A717 }

		div.box02 p.more { 
			padding-top:5px;
			text-align:left;
			margin-left:14px
		}
		
		div.box02 p.more img { vertical-align:middle }



	/* ------------------------------------------------------------------ */
	/* box03 */	
	
		div.box03 {
			width:494px;
			float:left;
			background:url(../images/box03_bg.gif) repeat-y 0 0 #fff;
			overflow:hidden
		}
	
		div.box03 div.top, div.box03 div.bottom {
			height:5px;
			clear:both;
			overflow:hidden
		}
		
		div.box03 div.top { background:url(../images/box03_edges.gif) no-repeat 0 0 }
		div.box03 div.bottom { background:url(../images/box03_edges.gif) no-repeat 0 -5px }	
		
		* html div.box03 { height:1% }
	
		div.box03 div.content {
			clear:both;
			padding:10px 0 0;
			text-align:center
		}
		
		div.box03 div.line {
			width:448px;
			height:1px;
			clear:both;
			margin:0 auto;
			background:url(../images/box03_line.gif) no-repeat 0 0;
			font-size:0;
			line-height:0
		}

	/* ------------------------------------------------------------------ */
	/* box04 */	
	
		div.box04 {
			width:324px;
			float:left;
			background:url(../images/box04_bg.gif) repeat-y 0 0 #fff;
			overflow:hidden;
			margin-bottom:20px;
		}
	
		div.box04 div.top, div.box04 div.bottom {
			height:5px;
			clear:both;
			overflow:hidden
		}
		
		div.box04 div.top { background:url(../images/box04_edges.gif) no-repeat 0 0 }
		div.box04 div.bottom { background:url(../images/box04_edges.gif) no-repeat 0 -5px }	
		
		* html div.box04 { height:1% }
	
		div.box04 div.content {
			clear:both;
			padding:10px 20px
		}		

		div.box04 div.line {
			width:258px;
			height:1px;
			clear:both;
			margin:0 auto;
			background:url(../images/box04_line.gif) no-repeat 0 0;
			font-size:0;
			line-height:0
		}



	/* ------------------------------------------------------------------ */
	/* account settings */	
		
		table.account-settings { margin:30px auto 30px auto }
		
		table.account-settings td {
			font-size:13px;
			color:#070707;
			padding:3px 20px 3px 0;
			vertical-align:middle;
			text-align:left
		}
		
		table.account-settings td.attr {	
			font-weight:bold;
			white-space:nowrap
		}
	
		table.account-settings td.value { width:100% }



	/* ------------------------------------------------------------------ */
	/* tabs */		

	
		div.tabs {
			width:596px;
			height:62px;
			clear:both			
		}
		
		div.tabs ul {
			list-style-type:none;
			margin:0 !important;
			padding:0
		}
	
		div.tabs a, div.tabs li {
			height:34px;
			display:block;
			float:left;
			text-indent:-5000px
		}
		
		div.tabs01 { background:url(../images/sprites_tabs01.gif) no-repeat 0 -34px }
		
		div.tabs01 li.on01 { background:url(../images/sprites_tabs01.gif) no-repeat 0 0 }
		div.tabs01 li.on02 { background:url(../images/sprites_tabs01.gif) no-repeat -199px 0 }
		div.tabs01 li.on03 { background:url(../images/sprites_tabs01.gif) no-repeat -398px 0 }		
		
		div.tabs01 a, div.tabs01 li { width:198px }
		
		
		
		

		div.tabs02 { background:url(../images/sprites_tabs02.gif) no-repeat 0 -34px }

		div.tabs02 li.on01 { background:url(../images/sprites_tabs02.gif) no-repeat 0 0 }
		div.tabs02 li.on02 { background:url(../images/sprites_tabs02.gif) no-repeat -148px 0 }
		div.tabs02 li.on03 { background:url(../images/sprites_tabs02.gif) no-repeat -297px 0 }		
		div.tabs02 li.on04 { background:url(../images/sprites_tabs02.gif) no-repeat -446px 0 }				
		
		div.tabs02 a, div.tabs02 li { width:148px }		
	
		div.tabs03 { background:url(../images/sprites_tabs03.gif) no-repeat 0 -34px }

		div.tabs03 li.on01 { background:url(../images/sprites_tabs03.gif) no-repeat 0 0 }
		div.tabs03 li.on02 { background:url(../images/sprites_tabs03.gif) no-repeat -148px 0 }
		div.tabs03 li.on03 { background:url(../images/sprites_tabs03.gif) no-repeat -297px 0 }		
		div.tabs03 li.on04 { background:url(../images/sprites_tabs03.gif) no-repeat -446px 0 }				
		
		div.tabs03 a, div.tabs03 li { width:148px }	

			/* afiliate tabs */	

		div.tabs04 { background:url(../images/sprites_tabs04.gif) no-repeat 0 -34px }
		
		div.tabs04 li.on01 { background:url(../images/sprites_tabs04.gif) no-repeat 0 0 }
		div.tabs04 li.on02 { background:url(../images/sprites_tabs04.gif) no-repeat -199px 0 }
		div.tabs04 li.on03 { background:url(../images/sprites_tabs04.gif) no-repeat -398px 0 }		
		
		div.tabs04 a, div.tabs04 li { width:198px }
		
		#bannercode{font-family: Arial, Verdana, Helvetica; font-size: 8pt; width: 560px; height: 150px; background-color: #ffffff; border-width: 1px; overflow: scroll; overflow-y: scroll; overflow-x: hidden; overflow:-moz-scrollbars-vertical;}
	

	/* ------------------------------------------------------------------ */
	/* text content */	

		div.text-content h1 {
			font:bold 18px Arial, Tahoma, Verdana;
			color:#F79B1C;
			padding:10px 0
		}
		
		div.text-content h2 {
			font:normal 16px Arial, Tahoma, Verdana;
			color:#707070;
			padding:10px 0
		}
		
		div.text-content h3 {
			font:bold 13px Arial, Tahoma, Verdana;
			color:#707070;
			padding:15px 0 10px
		}
				
		
		div.text-content p { padding-bottom:10px }
			
		div.text-content p, div.text-content li {
			color:#707070;
			font-size:0.750em
		}
		
		div.text-content ol { margin:0 0 10px 40px }		
		
		div.text-content ul {
			list-style-type:disc;
			margin:0 0 10px 40px
		}
		
		div.text-content ul.micropoint02 {
			list-style-type:none;
			margin:0 0 10px 0;
			padding:0
		}		
		
		div.text-content ul.micropoint02 li {
			padding:0 0 6px 20px;
			background:url(../images/micropoint02.gif) no-repeat 0 0;
		}
		
		div.text-content .e11 { font-size:0.689em !important }
		div.text-content .e12 { font-size:0.750em !important }		
		div.text-content .e13 { font-size:0.814em !important }
		div.text-content .e14 { font-size:0.875em !important }
		div.text-content .e15 { font-size:0.938em !important }
		div.text-content .e16 { font-size:1.000em !important }
		
		

/* ------------------------------------------------------------------ */
/* POPUP */			
	
	body { margin:10px }
	
	#popupContainer { background:#EEF8FD }
	
	#popupTop, #popupBottom {
		height:10px;
		clear:both;
		overflow:hidden
	}
	
	#popupTop { background:url(../images/popup_border.gif) repeat-x 0 top }
	#popupBottom { background:url(../images/popup_border.gif) repeat-x 0 bottom }			

	#popupTop div.left, #popupTop div.right, #popupBottom div.left, #popupBottom div.right {
		width:10px;
		height:10px;
		float:left;
	}
	
	#popupTop div.left { background:url(../images/popup_sprites.gif) no-repeat 0 0 }
	#popupBottom div.left { background:url(../images/popup_sprites.gif) no-repeat 0 -10px }

	#popupTop div.right {
		float:right;
		background:url(../images/popup_sprites.gif) no-repeat -10px 0;
	}

	#popupBottom div.right {
		float:right;
		background:url(../images/popup_sprites.gif) no-repeat -10px -10px;
	}			

	#popupContent {
		clear:both;
		border-left:1px solid #c0e5f6;
		border-right:1px solid #c0e5f6;	
		padding:10px 20px			
	}

	* html #popupContent { height:1% }			
				

/* ------------------------------------------------------------------ */
/* main buttons */						

	div.main-buttons {		
		width:168px;
		height:47px;
		float:left;	
		margin:10px 0 15px 7px;
	}
	

	div.main-buttons a {
		display:inline;
		width:133px;
		height:34px;
		float:left;		
		line-height:0;
		font-size:0;
	}
	
	div.main-buttons a.main-a1 {
		margin-left:20px;
		margin-right:32px;
	}
	
	
	/* affilaites*/	

		table.affil {
			font: 12px Arial, Tahoma, Verdana;
			background-color:#c2e2f2;
			border-color:#c2e2f2;
			border-style: solid;
			border-width: 1px;
			}
	
		table.affil  th {
			height:25px;
			vertical-align:middle;
			font:bold 12px Arial, Tahoma, Verdana;
			background-color:#cdebf8;
			padding: 5px 10px;
		}
		
		table.affil td { 
			padding:5px 10px;
			border-spacing: 5px;
			border-width: 1px;
			}
			
		table.affil tr { 
		background-color:#ffffff;}
		
		table.affil tfoot { 
		background-color:#f2fafe;}