@charset "utf-8";
/* CSS Document */
html,body{height:100%}

body {
	min-width:820px;
	margin: 0; 
	padding: 0;
	min-height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#page{
	height:100%;
}
#LayerZero{
	background-image:url(images/central_background.png);
	background-color:#c3def2;
	background-position:center;
	background-repeat:repeat-y;
}

#LayerOne{
	background-position:top;
	background-repeat:repeat-x;
	background-image:url(images/header_background.png)
}

#LayerThree{
	background-image:url(images/main_header_background.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

#LayerFour{
background-image:url(images/main_footer_background.png);
	background-position:bottom;
	background-repeat:no-repeat;
}

#page{
	margin:auto;
	width:800px;
	text-align:left;
	color:#111111;
}
#content{
	margin: 0 40px 0 40px;
}
#header{
	height:150px;
	vertical-align:top;
	padding-top:20px;
	text-align:right;
	padding-right:9px;
}

#mainCotainer{padding-bottom:70px; vertical-align:top}

#footer{
	text-align:right;
	padding-right:20px;
	padding-left:20px;
	color:#FFFFFF;
	height:70px;
	padding-bottom:30px;
	vertical-align:bottom;
}
#shots {
	position:absolute;
	width:100%;
	height:700px;
	min-width:800px;
	display:none; 
	top:30px;
	left:0;
	text-align:center;
}

#inshots{
	background-image:url(images/shotsback.png);
	margin:auto;
	text-align:center;
	width:650px;
	height:615px;
	padding:40px 75px 0 75px;
}
#inshots a{position:relative}
#inshots h1{
	padding:0;
	margin:0 0 5px 0;
}
#tumbs{
	float:right;
	width:230px;
	margin-top:60px;
	clear:both;
}
#tumbs img{
	margin-bottom:4px;
	vertical-align:top;
}
#tumbs a, .shot a{
	cursor: url(images/zoom.cur);
}
#tumbs.noJStumbs{
	float:none;
	margin-left:450px;
	width:337px;
}
#tumbs.noJStumbs{
	position:fixed;
	bottom:100px;
	top:auto;
}
#screenshot{
	margin-top:50px; 
	float:left;
}
h1 {font-size:17pt; font-weight:normal;color:#345aa1}
h2 {font-size:14pt; font-weight:normal;color:#345aa1;padding:0; margin:0; margin-top:20px}
h3 {font-weight:normal; font-size:12pt; color:#345aa1; padding:0; margin:0; margin-top:20px}
li {margin:0}
p {text-align:justify; margin:0; font-size:10pt}
p.withoutHeader{margin-top:20px;}
p.padded{margin-top:10px;}
li {font-size:10pt}
a {font-size:10pt}
p strong a{font-size:larger; font-weight:normal}
p small, small a, small{font-size:8pt}
.shot {margin: 0 0 50px 20px; text-align:center; float:right;}
img {
	border:0;
}
a {
	text-decoration:none;
	color:#345aa1;
}
a:hover {
	color:#000000;
}	
small a, small a:hover {color:white}
.total {font-weight:bold}

.red {color:#FF701A; font-weight:bold}

p a, small a, li a{
	border-bottom:2px solid orange;
}
p a:hover, li a:hover{ border-bottom:2px solid #345aa1}
#contacts p a:hover, #giftform p a:hover, small a:hover{ border-bottom:5px solid #345aa1}

p img{
	float:right;
	margin-left:10px;
	margin-top:-15px;
}

a.buttons {background-color:transparent; font-size:36px}
a:hover.buttons{background-image:url(images/buttons_back.jpg); background-repeat:no-repeat}

a img.tumb{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40)}
a:hover img.tumb{filter:none;}

#homebutton{background-position:0 0}
#freesolutions{background-position:-105px 0}
#learnmore{background-position:-268px 0}
#download{background-position:-407px 0}
#purchase{background-position:-536px 0}

/*Purchase Page*/

#Left{
	width:220px; /* 244px */
	margin-right:30px;
	padding:10px;
	padding-bottom:30px;
	margin-bottom:10px;
	float:left;
	border:1px solid white;
	background-color:#e6f6ff;
}
#Left p {
	text-align:left;
	font-size:8pt;
	clear:both;
}
#Left li{
	padding:0;
	font-size:8pt;
}
#shareit{
	padding-top:10px;
	padding-bottom:10px;
}

.workTable{
/*	border-collapse:collapse;*/
	text-align:left;
}
.price {
	text-align:center;
	padding: 0 20px 0 20px;
}
.workTable td, .workTable th{
	font-size:10pt;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
}

.workTable tr.dark td, th, .workTable td.dark {background-color:#e6f6ff}
.workTable td,th{border-left:1px solid transparent; border-right:1px solid transparent}

.workTable.article {
	margin-top:5px;
	margin-bottom:5px;
}

th {
	border-bottom:solid 2px #ffaa44;
	text-align:left;
	font-weight:bold;
}
.right{text-align:right}
.left{float:left}

#Right{width:/*424px;*/ 448px; float:right;}

#PurchaseForm{padding:0; margin:0}

/* help */
#Left.toc {width:200px; padding-bottom:10px; margin: 15px 0 0 5px; clear:left}
#Left.top {margin-top:0}
#Right.help{width:456px}
h4, h5, h6 {font-weight:normal; font-size:12pt; color:#345aa1; padding:0; margin:0 0 10px 21px;}
h4 {margin:20px 0 5px 0}
h6 {font-size:11pt; margin:10px 0 0 0}
ul.notes {margin:5px; padding-left:20px}
ul.notes li {margin-bottom: 10px}

#Left.toc ul {
	list-style:none;
	padding:0;
	margin:0;
}
#Left.toc li {background-image:url(images/toc-topic.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
	padding:5px 0 10px 22px;
}
#Left.toc a {border:0}

.helpscreenshot{float:left; padding:0 25px 0 0; margin-left:-6px; clear:left}

p.image img {float:none; margin:0}
p.image {
	text-align:center;
	font-style:italic;
	margin:30px 0 30px 0;
}

.help a {border-bottom:1px solid orange}
.help a:hover { border-bottom:2px solid #345aa1}

p .tooltip, td .tooltip{color:#008000; border:none}
p .tooltip:hover, td .tooltip:hover{color:#008000; border:none}
.tooltip span{
	background-color:white;
	font-size:8pt;
	color:#666;
	border:1px #999 solid;
	padding:7px;
	position:absolute;
	width:300px;
	display:none;
}
.tooltip:hover span{display:block;}

/* company page */

#contacts{
	padding-bottom:5px;
}
#contacts p{
	margin-left:50px;
}
#contacts a{color:#000000}
#contacts h2, #contacts h3 {margin-left:30px}

#contacts table {
	margin-left:50px;
	font-size:10pt;
}
#contacts tr.dark td {background-color:#e6f6ff}

/* download layer */

#downLayer {
	position:absolute;
	width:100%;
	height:400px;
	min-width:800px;
	display:none;
	top:100px;
	left:0;
	text-align:center;
}

#indownload{
	background-image:url(images/download_background.png);
	margin:auto;
	text-align:center;
	width:501px;
	height:294px;
	padding:60px 75px 0 75px;
}
#indownload a{position:relative}

#indownload table {
	margin-top:40px;
}
#indownload tr.dark	a {border-bottom:1px solid orange}
#indownload tr.dark	a:hover {border-bottom:1px solid #345aa1}

.workTable td p {margin-top: 15px}
.workTable td p img {float:none; vertical-align:middle; margin:0 0 0 0}
.PButton{
	font-size:8pt;
}

tr.download a:hover {border-bottom:5px solid #345aa1}

a.downloadButton,a.downloadButton:hover{border:0}

.closeButton{
	float:right;
}
.closeButton img{vertical-align:middle}
/* download layer end */


div.instructions{
	padding-left:20px;
}
div.instructions ol{
	margin-top:0px;
	margin-bottom:0px;
}
div.instructions ol li{
	margin:0;
/*
	margin-top:3px;
	margin-bottom:3px;
*/
}
div.instructions h3{
	margin-top:10px;
}
div.instructions h4{
	font-size:10pt;
	color:#254278;
	margin:0;
	margin-top:7px;
}

div.expandable{
	display:none;
	padding:7px;
	padding-top:0; /* this place is used by <h4> */
	margin:7px;
	border:1px solid white;
	background-color:#e6f6ff;
	margin-top:3px;
}

li a.details {
	vertical-align:text-bottom;
	outline:none;
	display:inline-block;
	text-align:right;
	width:60px;
	color:#f78700;
	border:1px solid white;
	padding-right:5px;
	background-color:none;
}
li a.details:hover {
	background-color:#e6f6ff;
	border:1px solid white;
}

li a.detailsOpened{
	vertical-align:text-bottom;
	outline:none;
	display:inline-block;
	text-align:right;
	width:60px;
	color:#f78700;
	border:1px solid white;
	padding-right:5px;
	background-color:#e6f6ff;
	height:24px;
	margin-bottom:-8px;
	border-bottom-color:#e6f6ff;
}
li a.detailsOpened:hover {
	background-color:#dfeef5;
	border-bottom:1px solid white;
	margin:auto;
	height:auto;
}

/* Gift offer */
#giftform {margin:0 40px 0 40px; padding:0 10px 0 10px; background-color:#e6f6ff; border:1px solid white}
#giftform table {font-size:10pt}
#giftform p small, #giftform p.red {margin-left:4px}
#giftform p.red {margin-top:10px}

#xmass {position:absolute; top:61px; margin-left:455px}

.FormMiddleHeight input, .FormMiddleHeight label{vertical-align:middle}