body {  
  padding: 0;
  margin: 0;
  background: none;
  font-family: Verdana;
  font-size: 14px;
  background: url(body_bg.gif) repeat-x left top #d1d5d8;
}

a img {
	border: none;
	text-decoration: none;
}

a {
	color: #004d7e;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #1f86c8;
}

h1, h2, h3, h4, h5, h6, ul, li {
	margin: 0;
	padding: 0;
	color: #000;
}

/* ================= HEADER ==================== */

.header {
	height: 146px;
	float: left;
	width: 100%;
}

.header_left {
	margin: 0 266px 0 10px;
	padding-top: 20px;
}

.header_left ul.topmenu li {
	float: left;
	width: 14%;	
	text-align: center;
	list-style: none;
	font-size: 12px;
}

.header_left ul.topmenu li a {
	color: #fff;
}

.header_right {
	float: right;
	width: 208px;
}

.header_right .spadix_banner {
	position: absolute;
	right: 40px;
	top: 63px;
}

/* ============ MAIN MENU (BLUE TABS) ==================== */

.mainmenu {
	width: 100%;
	margin-top: 44px;
	background: url(mainmenu_blue_bg.gif) repeat-x left bottom;
	height: 68px;
	text-align: center;
	float: left;
}

.mainmenu a {
	text-decoration: none;
	display: block;
}

table.mainmenu tr td {
	width: 25%;
	background: url(mainmenu_sep.gif) no-repeat right bottom;
	vertical-align: middle;
}

table.mainmenu tr th {
	width: 20%;
	height: 12px;
	font-size: 4px;
}

table.mainmenu tr th span {
	background: url(mainmenu_sep_top.gif) no-repeat right top;
	display: block;
	height: 12px;
}

table.mainmenu tr th.last span {
	background: none;
}

table.mainmenu tr th.first {
	background: url(mainmenu_corner_left.gif) no-repeat left top;
	height: 10px;
}

table.mainmenu tr th.last {
	background: url(mainmenu_corner_right.gif) no-repeat right top;
}

table.mainmenu tr td.first a {
	background: url(mainmenu_grey_border.gif) left bottom no-repeat;
	padding: 9px 0;
}

table.mainmenu tr td.last a {
	background: url(mainmenu_grey_border.gif) right bottom no-repeat;
	padding: 9px 0;
}

/* ================= CONTENT ==================== */

.content {
	float: left;
	width: 100%;
}

.content .line {
	border-top: 1px solid #bbb;
	margin-top: 30px;
	height: 30px;
}

.content ul li {
	display: block;
	padding-left: 16px;
	background: url(bullet.gif) no-repeat left top;
	list-style: none;
}

.content .small {
	font-size: 12px;
}

/* ================= LEFT COLUMN ==================== */

.content .left .inner {
	background: #fff;
	padding: 36px 40px 0 40px;
	margin: 0 6px;
	line-height: 24px;
	border-bottom: 1px solid #fff;
	z-index: 0;
	position: relative;
}

.content .left .version {
	background: url(version.gif) left top no-repeat #fff;
}

.content .left h1 {
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 20px;
}

.content .left p {
	line-height: 24px;
	padding-bottom: 10px;
}

.content ul.arrows li {
	background: url(bullet_arr.gif) no-repeat left top;
}

.content .left span {
	color: #004d7e;
}

.content .left .row, .content .left .row ul li {
	position: relative;
	z-index: 99;
}

.content .left .row {
	float: left;
	width: 100%;
}

.content .left .row ul.product_descr {
	margin-right: 140px;
}

.content .left .row ul.product_descr li, .content .left .row ul.download_descr li {
	padding-bottom: 10px;
}

.content .left .row .thumb {
	float: right;
	width: 270px;
}

.content .left .row .thumb_big {
	width: 270px;
	float: right;
}

.content .left .row .thumb_big img {
	float: right;
	margin-bottom: 6px;
}

.content .left p.link {
	font-size: 12px;
	line-height: 18px;
}

.content .left p.link strong {
	font-size: 14px;
}

.content .left p.question, .content .left p.answer {
	padding: 0 0 0 26px;
	margin: 0;
	background: url(question.gif) no-repeat left top;
}

.content .left p.answer {
	background: url(answer.gif) no-repeat left top;
	margin-bottom: 20px;
}

.content .left .row ul.download_descr {
	margin-right: 260px;
}

.content .left .row .small_thumb {
	float: left;
	width: 40px;
}

.content .left .row .download_item {
	margin-left: 50px;
}

.content .left .row .download_item .bottom_download_links a {
	float: right;
	font-size: 12px;
	margin-left: 20px;
}

/* ================= TABLE "PURCHASE" ==================== */

.purchase {
	width: 99%;
	text-align: center;
	line-height: normal;
}

.purchase .align_left {
	text-align: left;
}

table.purchase tr th {
	padding: 10px;
	font-weight: normal;
}

table.purchase tr td {
	background: #f2f2f2;
	padding: 6px 10px;
}

table.purchase tr.dark td {
	background: #ededed;
}

/* ================= BOTTOM OF LEFT COLUMN ==================== */

.content .left_bottom, .content .left {
	margin-right: 266px;
	background: #fff;
	margin-left: 10px;
	background: url(contentwrapper_bg.gif) repeat-x left top #a7aaad;
}

.content .left_bottom {
	padding: 0;
	margin: 0;
}

.content .left_bottom .corner_left {
	background: url(left_corner.gif) no-repeat left bottom;
	height: 32px;
	float: left;
	width: 100%;
}

.content .left_bottom .corner_right {
	background: url(right_corner.gif) no-repeat right bottom;
	height: 32px;
	float: left;
	width: 100%;
}

.content .left_bottom div {
	background: #fff;
	float: left;
	width: 100%;
	background: url(left_bottom_bg.gif) repeat-x left bottom;	
}

.content .left p.banners {
	margin: 40px 0 0 0;
	padding: 0;
}

.content .left p.banners img {
	margin-right: 2px;
	margin-bottom: 10px;
	padding: 0;
}

/* ================= RIGHT COLUMN ==================== */

.content .right {
	float: right;
	width: 236px;
	font-size: 12px;
	padding: 36px 15px;
	color: #3b3b3b;
}

.content .right ul li {
	padding: 3px 0 3px 16px;
}

.content .right p {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	line-height: 18px;
}

.content .right .block {
	float: left;
	width: 236px;
	margin-bottom: 20px;
}

.content .right .block p span {
	display: block;
	color: #004d7e;
}

.content .right h2 {
	font-size: 18px;
	padding-bottom: 8px;
	font-weight: normal;
}

.content .right h4 {
	font-weight: normal;
	font-size: 14px;
	padding-bottom: 6px;
}

/* ================= TESTIMONIAL BOX ==================== */

.testimonial {
	width: 236px;
	background: url(testimonial_bg.gif) repeat-y left top;
	float: left;
}

.testimonial h4 {
	background: url(testimonial_top.gif) no-repeat left top;
	padding: 16px;
	width: 204px;
}

.content .right .testimonial p {
	margin: 0 0 10px 0;
	padding: 0 16px;
}

.testimonial_bottom {
	background: url(testimonial_bottom.gif) no-repeat left top;
	float: left;
	width: 236px;
}

/* ================= FOOTER ==================== */

.footer {
	float: right;
	color: #3b3b3b;
	font-size: 12px;
	padding: 0 12px 10px 0;
	width: 236px;
	text-align: left;
	margin-top: -16px;
	position: relative;
	z-index: 99;
}
.footer a {
	color: #3b3b3b;
	text-decoration: none;
	display:block;
	margin-left: 16px;
	margin-top: 5px;
}
.footer a:hover {
	text-decoration: underline;
}