@charset "utf-8";
html, body {
   height: 100%;
}
body {
	padding:0;
	margin:0 auto;
/*	font-family: Georgia, Arial, Helvetica, sans-serif;*/
	font-family:  "Trebuchet MS", "trebuchet MS",  "Lucida Grande", Georgia, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
}
/*img, div, span, .png { behavior: url("/styles/iepngfix.htc") }*/
.content {
	margin:0 auto;
	width:1024px;
	overflow:hidden;
	text-align:left;
	padding:0px
}
.content_inner{padding:0 35px 0px 50px}
.main_splash { padding:0 40px 0 10px}
#header, #splash, #footer, #main_content, #tabsheader, #tabscontent, .symple_block{ 
display:table;
margin:0 auto;
width:100%;
}
#main_content{ margin:40px 0; background-color:#FFF}
#header{
height:52px;
background-color:#192B37
}
#splash,  #tabsheader {background-color:#29414F}
#tabscontent {background-color:#EDEDED}
/*-----TOP MENU -----*/
#topMenu {
	float:right;
	margin:10px 30px 0 0px;
}
.menu{
	padding:0px;
	font-size:14px;
	height:31px
}
.menu li{
	list-style:none;
	display:inline;
	line-height:31px;
	height:31px;
	background-image:url(/images/vert.gif);
	background-repeat:no-repeat;
	background-position: 0 -374px;
	padding:0;
	}
.menu .first{ background:none; }
.menu a {
	color:#FFF;
	text-decoration:none;
	text-align:center;
	line-height:31px;
	height:31px;
	margin:5px 15px;
	}
.menu a.buy{
	font-weight:bold;
	background-image:url(/images/vert.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	padding:0 0 0 15px
	} 	
.menu a:hover { text-decoration: underline}
/*-----END TOP MENU -----*/
#header #topLogo {float:left; margin:7px 0 0 0; width:108px; height:36px; display:block; text-decoration:none; background:url(/images/norepeat.png) no-repeat  0px 0px;}

/*-------LANGS-------*/
#flags {
margin : 17px 0 0 5px;
float : right;
width : 35px;
list-style : none;
padding : 0;
}
#flags li #langdiv {
width : 40px;
margin-top : 0;
margin-left : -4px;
border : 1px solid #ccc;
background : #fff;
list-style : none;
line-height : 18px;
padding : 0 4px 4px 4px;
z-index : 999;
display : none;
position : absolute;
}
#langdiv p {
clear : both;
height : auto;
margin : 8px 0 8px 0;
}
#flags li:hover #langdiv, #flags li p:hover #langdiv {
display : block;
}
#curlang {
width : 35px;
height : 16px;
padding : 0 0 0 0;
}
#curlang span {
width : 14px;
font-size : 10px;
height : 12px;
padding : 0 0 0;
float : left;
display : block;
}
#curlang .row {
	background-image:url(/images/vert.gif);
	background-repeat:no-repeat;
	background-position: -18px -598px;
	width : 7px;
	margin : 3px 0 0 0;
	height:7px
}
#curlang a {
cursor : default;
}
#curlang a:hover {
text-decoration : none;
}
#flags a {
margin : 0;
color : #0b335f;
text-decoration : none;
font-size : 11px;
width : 100%;
padding : 0;
}
#langdiv a {
padding : 0;
display : block;
}
#langdiv a:hover {
text-decoration : underline;
}
#langdiv a:hover span {
text-decoration : none;
}
.flag {
	padding : 0 0 0 0;
	width : 16px;
	font-size : 10px;
	height : 12px;
	float : left;
	margin : 3px 5px 0 0;
	background-image:url(/images/vert.gif);
	background-repeat:no-repeat;

}
.us {
		background-position: 0 -569px;
}

.en {
		background-position: 0 -584px;
}
.de {
		background-position: 0px -599px;
}
.fr {
		background-position: -19px -569px;
}
.jp {
		background-position: -19px -584px;
}

/*--------END------------------*/
/*-------SPLASH-----*/

.main_splash .splash_image{ margin:30px 25px 20px 0}
#splash .text h1{ color:#FFF;  font-weight:normal}
#splash .text p{ color:#94A0A7; font-style:italic; font-size:24px; padding:0; margin:0; line-height:1.5}
.main_splash h1{font-size:45px; margin:25px 0 10px 0}
.product_splash h1{font-size:30px; margin:15px 0 10px 0}
.product_splash{ padding:0 0 20px 0}
.product_splash .splash_image{ margin:15px 20px 20px 0}
.tabsheader {
    clear: both;
    height:42px;
	text-align:center;
	padding:30px 0 0 0
}
.tabsheader .tab {
    float:left;
	background:url(/images/norepeat.png)  0 -91px no-repeat;
	height:42px;
	width:522px;
	text-align:center;
	color:#899399;
	z-index:100;
	position:relative;
	cursor:pointer
}

.tabsheader .selTab {
	background:url(/images/norepeat.png)  0 -47px no-repeat;
	z-index:1000;
}
.tabsheader .selTab a, .os_select a {
	color:#29414F !important
}
.tabsheader .tab a, .os_select a {
color:#899399;
text-decoration:none;
font-size:14px;
line-height:41px;
font-weight:bold; 
}
.tabsheader .tab a{display:block}
.tabsheader .tab span, .os_select a {
padding:5px 0 5px 30px
}

.tabsheader .tab .mac span, .os_select .mac {
background : url(/images/vert.gif) no-repeat 0px -92px;
/*padding:5px 0 5px 30px*/
}
.tabsheader .tab .win span, .os_select .win {
background : url(/images/vert.gif) no-repeat 0px -173px;
/*padding:5px 0 5px 30px*/
}

.tabsheader .tab .features span{
background : url(/images/vert.gif) no-repeat 0px -1405px;
/*padding:5px 0 5px 30px*/
}

.tabsheader .tab .allfeature span {
background : url(/images/vert.gif) no-repeat 0px -1370px;
/*padding:5px 0 5px 30px*/
}


#tabscontent{ height:340px}
.tab_content{ padding:20px 0 0 0}
.tab_content .tab_content_image{ margin:15px 67px 0px 61px; float:right}
.tab_content .tab_content_text h1{color:#29414F; font-size:22px; margin-left:70px}
.tab_content .tab_content_text ul{ list-style:none; color:#29414F; font-size:15px}
.tab_content .tab_content_text li{ background-image:url(/images/norepeat.gif); background-repeat:no-repeat; background-position:-508px -245px; padding:0 0 0 25px; margin:20px 0 0 0}

/*--------END------------------*/

/*-----FEATURES--------*/
.feature{ float:left; width:47%; margin:0px 0 50px 0px}
.feature .feature_title{ border-left:5px solid #ADADAD; padding:0 0 0 10px}
.feature .feature_title h1{ margin:0; font-size:23px; font-weight:normal}
.feature .feature_title h3{ color:#959595; font-style:italic; font-size:16px; margin:5px 0 0 0; font-weight:normal}
.feature a{ color:#3F4FBF}
.feature p{font-size:15px; line-height:1.5}
.feature .feature_image{ float:right; margin:0 0 0 40px}
/*--------END FEATURES------------------*/
/*-----CASE--------*/
.case{ float:left; width:47%; border:3px solid #E5E5E5; background-color:#F3F3F3;font-size:13px; font-style: italic}
.case .case_inner{ padding:0px 10px 10px }
.case .case_image{ float:left; margin:0 10px 10px 0}
.case .text{ color:#98A3A9; line-height:2 }
.case .autor{color:#000; background:url(/images/vert.gif) 0 -347px no-repeat; padding:0 0 0 20px; clear:both; float:right}
.slash_left, .slash_right{ width:19px; height:19px;  }
.slash_left { background-position:0 -281px; margin:0 10px 0 0}
.slash_right { background-position:0 -316px; margin:0px 30px 0 10px; float:right !important }
/*--------END CASE------------------*/


h1{ font-size:18px}
h2{ font-size:16px}
a {
	font-weight:normal;
	text-decoration:underline;
	-moz-outline:none;
	color:#3344BB	
}
.bookman{font-family: Bookman Old Style, Georgia, Arial, Helvetica, sans-serif;}
.bookman_italic{font-family: Bookman Old Style, Georgia, Arial, Helvetica, sans-serif; font-style:italic}

.logo{ display:block; float:left; background-image: url(/images/vert.gif); background-repeat:no-repeat; }
img {
	border:0;
	margin:0;
	padding:0;
}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	overflow:hidden;
}
#cboxOverlay {
	position:fixed;
	width:100%;
	height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
	clear:left;
}
#cboxContent {
	position:relative;
	overflow:hidden;
}
#cboxLoadedContent {
	overflow:auto;
}
#cboxLoadedContent iframe {
	display:block;
	width:100%;
	height:100%;
	border:0;
}
#cboxTitle {
	margin:0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor:pointer;
}
/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay {
	background:url(/images/cb/overlay.png) 0 0 repeat;
}
#colorbox {
}
#cboxTopLeft {
	width:21px;
	height:21px;
	background:url(/images/cb/controls.png) -100px 0 no-repeat;
}
#cboxTopRight {
	width:21px;
	height:21px;
	background:url(/images/cb/controls.png) -129px 0 no-repeat;
}
#cboxBottomLeft {
	width:21px;
	height:21px;
	background:url(/images/cb/controls.png) -100px -29px no-repeat;
}
#cboxBottomRight {
	width:21px;
	height:21px;
	background:url(/images/cb/controls.png) -129px -29px no-repeat;
}
#cboxMiddleLeft {
	width:21px;
	background:url(/images/cb/controls.png) left top repeat-y;
}
#cboxMiddleRight {
	width:21px;
	background:url(/images/cb/controls.png) right top repeat-y;
}
#cboxTopCenter {
	height:21px;
	background:url(/images/cb/border.png) 0 0 repeat-x;
}
#cboxBottomCenter {
	height:21px;
	background:url(/images/cb/border.png) 0 -29px repeat-x;
}
#cboxContent {
	background:#fff;
	text-align:left
}
#cboxLoadedContent {
	margin-bottom:28px;
}
#cboxTitle {
	position:absolute;
	bottom:3px;
	left:0;
	text-align:center;
	width:100%;
	color:#949494;

}
#cboxCurrent {
	position:absolute;
	bottom:3px;
	left:58px;
	color:#949494;
}
#cboxSlideshow {
	position:absolute;
	bottom:3px;
	right:30px;
	color:#0092ef;
}
#cboxPrevious {
	position:absolute;
	bottom:0;
	left:0px;
	background:url(/images/cb/controls.png) -75px 0px no-repeat;
	width:25px;
	height:25px;
	text-indent:-9999px;
}
#cboxPrevious.hover {
	background-position:-75px -25px;
}
#cboxNext {
	position:absolute;
	bottom:0;
	left:27px;
	background:url(/images/cb/controls.png) -50px 0px no-repeat;
	width:25px;
	height:25px;
	text-indent:-9999px;
}
#cboxNext.hover {
	background-position:-50px -25px;
}
#cboxLoadingOverlay {
	background:url(/images/cb/loading_background.png) center center no-repeat;
}
#cboxLoadingGraphic {
	background:url(/images/cb/loading.gif) center center no-repeat;
}
#cboxClose {
	position:absolute;
	bottom:0;
	right:0;
	background:url(/images/cb/controls.png) -25px 0px no-repeat;
	width:25px;
	height:25px;
	text-indent:-9999px;
}
#cboxClose.hover {
	background-position:-25px -25px;
}

.cboxIE #cboxTopLeft {
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/cb/internet_explorer/borderTopLeft.png, sizingMethod='scale');
}
.cboxIE #cboxTopCenter {
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/cb/internet_explorer/borderTopCenter.png, sizingMethod='scale');
}
.cboxIE #cboxTopRight {
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/cb/internet_explorer/borderTopRight.png, sizingMethod='scale');
}
.cboxIE #cboxBottomLeft {
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/cb/internet_explorer/borderBottomLeft.png, sizingMethod='scale');
}
.cboxIE #cboxBottomCenter {
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/cb/internet_explorer/borderBottomCenter.png, sizingMethod='scale');
}
.cboxIE #cboxBottomRight {
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/cb/internet_explorer/borderBottomRight.png, sizingMethod='scale');
}
.cboxIE #cboxMiddleLeft {
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/cb/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');
}
.cboxIE #cboxMiddleRight {
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/cb/internet_explorer/borderMiddleRight.png, sizingMethod='scale');
}
/*--------------------------*/
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.floatr {
	float: right;
	
}
.floatl { 
	float: left;
}
.hidden{ display:none}
/*------------------------------*/
.e-button,
.e-button:link,
.e-button:visited
 {
    display:-moz-inline-box;
    display:inline-block;
    cursor:pointer;
    line-height:40px;
    height:40px;
    text-decoration:none;
    color:#fff;
    -moz-outline-width:0;
/*    font-family: Bookman Old Style, Georgia,  Arial, Helvetica, sans-serif;*/
	font-family:  "Trebuchet MS", "trebuchet MS",  "Lucida Grande", Georgia, Arial, Helvetica, sans-serif;
    font-size:20px;
    font-weight:bold;
	margin-right:10px;

	
}

.e-button .e-button-right,
.e-button:link .e-button-right,
.e-button:visited .e-button-right {
    display:-moz-inline-box;
    display:inline-block;
    height:40px;
    margin:0 0px 0 5px;
    line-height:40px;
    padding-right:5px;
    color:#fff;
}

.e-green { background:url(/images/norepeat.png) 0 -160px no-repeat;
 -moz-border-radius: 4px; /* Firefox */
  -webkit-border-radius: 4px; /* Safari, Chrome */
  -khtml-border-radius: 4px; /* KHTML */
  border-radius: 4px; /* CSS3 */
  border-top:1px solid #C5E7A1;
  border-bottom:1px solid #325D04;
  box-shadow: 0 2px 5px #333;
  -webkit-box-shadow: 0 2px 5px #333;
  -khtml-box-shadow: 0 2px 5px #333;
  -moz-box-shadow: 0 2px 5px #333;  	
 
 }
 
.e-green2 { background:url(/images/norepeat.png) 0 -136px no-repeat; height:22px; line-height:22px; width:72px; font-size:12px !important; text-align:center;
    display:-moz-inline-box;
    display:inline-block;
	color:#FFF
}
 
.e-blue { background:url(/images/norepeat.png) 0 -202px no-repeat;
-moz-border-radius: 4px; /* Firefox */
  -webkit-border-radius: 4px; /* Safari, Chrome */
  -khtml-border-radius: 4px; /* KHTML */
  border-radius: 4px; /* CSS3 */
  border-top:1px solid #AAD2EF;
  border-bottom:1px solid #104266;
  box-shadow: 0 2px 5px #333;
  -webkit-box-shadow: 0 2px 5px #333;
  -khtml-box-shadow: 0 2px 5px #333;
  -moz-box-shadow: 0 2px 5px #333;  	

 }
.e-gray { background:url(/images/norepeat.png) 0 -353px no-repeat;  height:36px; line-height:34px; }
 
/*.e-green .e-button-right { background:url(/images/norepeat.png) 100% -160px no-repeat; }
.e-blue .e-button-right { background:url(/images/norepeat.png) 100% -202px no-repeat ; }*/

.e-gray .e-button-right { background:url(/images/norepeat.png) 100% -353px no-repeat ; line-height:34px; height:36px }

.buybtn strong { background:url(/images/vert.png) 0 -18px no-repeat; padding:0 0 0 30px;} 
.downloadbtn strong { background:url(/images/vert.png) 0 -51px no-repeat; padding:0 0 0 30px;} 
.winbtn strong { background:url(/images/vert.png) 0 -205px no-repeat; font-size:18px; padding:0 0 0 30px;} 
.macbtn strong { background:url(/images/vert.png) 0 -120px no-repeat; padding:0 0 0 30px; text-align:left } 
.e-gray strong {line-height:34px; color:#000}
.e-green2 strong {line-height:22px !important;  font-size:12px !important; min-width:40px !important; padding-left:0 !important; margin:0 !important}

.macbtn .e-button-right { /*margin:0 0 0 30px !important*/}
.e-button strong {
    display:-moz-inline-box;
    display:inline-block;
    line-height:40px;
    min-width:88px;
    text-align:center;
	margin:0 10px;
	text-shadow:0 1px 1px #333
}
.e-button span,
 {
    display:block;
    text-align:center;
}
*html .e-button strong {
    width:88px;
    white-space:nowrap;
}
.border_top{ border-top:1px solid #C2C2C2}
.border_bottom{ border-bottom:1px solid #C2C2C2}
.grey_block{ background-color:#F3F3F3; }
.grey_block2{ background-color:#EDEDED;}
#footer{ background-color:#1B1B1B; padding:10px 0; color:#B3B3B3 }
#footer .content_inner{ text-align:center}
#footer .text{ margin:25px 0 0 0}
#footer .menu li{
	background-position: 0 -787px;
	}
#footer .text a, .link{ color:#B3B3B3}
a:hover{ text-decoration:none}
.description{ font-size:16px; line-height:1.5}
.h1{ border-left:5px solid #ADADAD; padding:0 0 0 10px; clear:both; height:46px; line-height:46px; font-size:23px; margin:20px 0; font-weight:normal }
.del, .plus{ height:16px; width:16px;}
.del{ background-position:0 -638px}
.plus{ background-position:0 -618px}
.description .plus, .description .del{ margin-top:5px}


.sticker{ width:203px; height:125px; /*display:block;*/ background-color:#F7F49E; padding:15px; font-size:16px; margin:15px 40px 0 0;
  -moz-box-shadow: 5px 5px 5px #000;
  -webkit-box-shadow: 5px 5px 5px #000;
  box-shadow: 5px 5px 5px #000; overflow:hidden }
.fl, .fx, .as  {width:60px; /*height:60px;*/ padding:45px 0 0 0; text-align:center}
.fl{ background:url(/images/norepeat.png) -262px -245px; margin:0px 12px 0px 0}  
.fx{ background:url(/images/norepeat.png) -315px -245px; margin:0px 11px 0px 0}  
.as{ background:url(/images/norepeat.png) -370px -245px; margin:0px 0px 0px 0}  
.tooltip {
	display:none;
	background-image:url(/images/norepeat.png);
	background-position:-0px -245px;
	background-repeat:no-repeat;
	height:90px;
	padding:5px 0px 0px 25px;
	width:230px;
	font-size:12px;
	color:#000;
	position:absolute;
	z-index:2000;

}
.tooltip ul{ list-style:none}
.tooltip ul li{ line-height:20px }
.attention{background:url(/images/vert.gif) 0px -657px no-repeat; padding:0 0 0 50px; line-height:36px; font-size:23px }
.tdborder{ border-left:1px solid #ADADAD; border-right:1px solid #ADADAD; }
.tdfirst{ border-top:1px solid #ADADAD; }
.tdlast{ border-bottom:1px solid #ADADAD; }
.rowdown{ display:block; width:100%; height:6px; background:url(/images/vert.gif) 50% -1158px no-repeat; position: relative; top:-2px}
.tdborder img{ padding:20px}
h1.number{ line-height:32px; width:auto !important; padding:0 0 0 50px; background-image:url(../images/vert.gif); background-repeat:no-repeat; font-size:23px; font-weight:normal}
.number{ width:32px; height:32px;}
.num1{background-position:0 -825px;}
.num2{background-position:0 -861px;}
.num3{background-position:0 -897px;}
.num4{background-position:0 -934px;}
.num5{background-position:0 -970px;}
.num6{background-position:0 -1006px;}
.num7{background-position:0 -1043px;}
.num8{background-position:0 -1080px;}
.num9{background-position:0 -1117px;}
.num10{background-position:0 -1240px;}
.num11{background-position:0 -1277px;}
.num12{background-position:0 -1314px;}



.howto_items{ margin:20px 0 0 0}
.howto_items_link{ margin:0 0 30px 0}
.howto_items_link h1{ font-size:23px; font-weight:normal}
.howto_items_link a{  color:#808080; margin:0 0 0 60px; line-height:27px; }
.howto_items_link .features{background:url(/images/vert.gif) 0px -749px no-repeat; padding:5px 0 0px 40px; }
.howto_items_link .allfeature{background:url(/images/vert.gif) 0px -707px no-repeat; padding:5px 0 0px 40px; }
.howto_items_link .active{ color: #000 !important; text-decoration:none}
.howto_items_link .mac{background:url(/images/vert.gif) 0px -710px no-repeat;}

ul.round_grey{ list-style:none; margin:0;  }

ul.round_grey li{  background:url(/images/vert.gif) 0px -689px no-repeat; padding:0px 0 0 30px; margin:0px 0 20px 20px; }
ul.width40 li{ display: inline; width:40%; display:block; float:left; margin:0px 0 20px 40px;   }
.hide{ display:none}