* html .png  {behavior: url(/inc/iepngfix.htc);}
html, body {background: #c0c0c0 url("/img/css/bg-page.png") repeat-x scroll 0 0; margin: 0; padding: 0; text-align: center; color: #333; overflow-x:hidden;}
body, table, td, th, tr, input, textarea {font: normal 13px "Arial", tahoma, verdana, sans-serif;}

img, table, td, th {border: none;}
td, th {vertical-align: top;}
table {border-collapse: collapse;}
a {color: #73001b;}
.clear {clear: both; height: 0; width: 0; overflow: hidden;}
object {outline:none;}
.fir {text-indent: -2000px; overflow: hidden; display: block;}

.wrapper2 {overflow: hidden;}
.wrapper {width: 986px; min-width: 986px; margin: 0 auto; text-align: left; position: relative;padding-top: 1px;}
.stripes {position: absolute; width: 1781px; height: 369px; background: transparent url("/img/css/bg-stripes.png") no-repeat scroll 0 0; left: -164px; z-index: 1;}
.topMenuBg {position: absolute; width: 1020px; height: 76px; background: transparent url("/img/css/bg-topmenu.png") no-repeat scroll 0 0; left: -30px; top: 99px; z-index: 2;}
.logo {position: absolute; width: 432px; height: 99px; background: transparent url("/img/css/logo.jpg") no-repeat scroll 0 0; left: 0; top: 0; z-index: 1;}
.topMenu {position: absolute; z-index:3; top:103px; width: 986px; height:46px; overflow: hidden;}
.topMenu a {display: block; float: left; color: #333; text-decoration: none; height: 46px; background: transparent url("/img/css/bg-menu-sep.png") no-repeat scroll 0 0; font: normal 14px "Lucida Sans Unicode", arial, verdana, sans-serif; overflow: hidden;}
.topMenu a b {display: block; font: normal 14px "Lucida Sans Unicode", arial, verdana, sans-serif; height: 46px; line-height: 46px; text-align: center; cursor: pointer;}
.topMenu a:hover, .topMenu a.active {background: #a22628 url("/img/css/bg-menu-al.png") no-repeat scroll 0 0; color: #fff;}
.topMenu a:hover b, a.active b {background: transparent url("/img/css/bg-menu-ar.png") no-repeat scroll 100% 0;}

.topMenu #m1 {background: none;}
.topMenu #m1:hover, .topMenu #m1.active {background: transparent url("/img/css/bg-menu-corners.png") no-repeat scroll 0 0; color: #fff;}
.topMenu #m9:hover, .topMenu #m9.active {background: transparent url("/img/css/bg-menu-corners.png") no-repeat scroll 100% 0; color: #fff;}
.topMenu #m9:hover b, .topMenu #m9.active b {background: transparent url("/img/css/bg-menu-al2.png") no-repeat scroll 0 0; color: #fff;}

.topMenu #m1 {width: 84px;}
.topMenu #m2 {width: 112px;}
.topMenu #m3 {width: 150px;}
.topMenu #m4 {width: 124px;}
.topMenu #m5 {width: 136px;}
.topMenu #m6 {width: 124px;}
.topMenu #m7 {width: 80px;}
.topMenu #m8 {width: 75px;}
.topMenu #m9 {width: 101px;}

/* add active menu rules - do same as .active but for correspond pageXX */
#page01 .topMenu #m1 {background: transparent url("/img/css/bg-menu-corners.png") no-repeat scroll 0 0; color: #fff;}
#page01 .topMenu #m1 b {background: transparent url("/img/css/bg-menu-ar.png") no-repeat scroll 100% 0;}

#page02 .topMenu #m2 {background: #a22628 url("/img/css/bg-menu-al.png") no-repeat scroll 0 0; color: #fff;}
#page02 .topMenu #m2 b {background: transparent url("/img/css/bg-menu-ar.png") no-repeat scroll 100% 0;}

#page03 .topMenu #m3 {background: #a22628 url("/img/css/bg-menu-al.png") no-repeat scroll 0 0; color: #fff;}
#page03 .topMenu #m3 b {background: transparent url("/img/css/bg-menu-ar.png") no-repeat scroll 100% 0;}

#page04 .topMenu #m4 {background: #a22628 url("/img/css/bg-menu-al.png") no-repeat scroll 0 0; color: #fff;}
#page04 .topMenu #m4 b {background: transparent url("/img/css/bg-menu-ar.png") no-repeat scroll 100% 0;}

#page05 .topMenu #m5 {background: #a22628 url("/img/css/bg-menu-al.png") no-repeat scroll 0 0; color: #fff;}
#page05 .topMenu #m5 b {background: transparent url("/img/css/bg-menu-ar.png") no-repeat scroll 100% 0;}

#page06 .topMenu #m6 {background: #a22628 url("/img/css/bg-menu-al.png") no-repeat scroll 0 0; color: #fff;}
#page06 .topMenu #m6 b {background: transparent url("/img/css/bg-menu-ar.png") no-repeat scroll 100% 0;}

#page07 .topMenu #m7 {background: #a22628 url("/img/css/bg-menu-al.png") no-repeat scroll 0 0; color: #fff;}
#page07 .topMenu #m7 b {background: transparent url("/img/css/bg-menu-ar.png") no-repeat scroll 100% 0;}

#page08 .topMenu #m8 {background: #a22628 url("/img/css/bg-menu-al.png") no-repeat scroll 0 0; color: #fff;}
#page08 .topMenu #m8 b {background: transparent url("/img/css/bg-menu-ar.png") no-repeat scroll 100% 0;}

#page09 .topMenu #m9 {background: transparent url("/img/css/bg-menu-corners.png") no-repeat scroll 100% 0; color: #fff;}
#page09 .topMenu #m9 b {background: transparent url("/img/css/bg-menu-al2.png") no-repeat scroll 0 0; color: #fff;}
/* end active menu rules */

img.headerImage {display: block; position: absolute; top: 154px; left: -57px; z-index: 2;}
.header {position: absolute; top: 240px; z-index: 5; padding: 0 0 0 575px; left: 0; width: 390px;}
.header img {display: block; position: relative;}
.header h1 {color: #fff; font-size: 14px; line-height: 1.5; font-weight: normal; margin: 10px 0 0 0;}

/*=== Homepage Styles ===*/

#page01 .header {position: relative; top: 239px; z-index: 5; padding: 0 0 0 575px; left: 0; width: 390px;}
#page01 .header h1 {width: 300px; margin: 10px 0 0 0;}
#page01 .downloadButton {background: transparent url("/img/button-download.png") no-repeat scroll 0 0; width: 230px; height: 60px; margin: 25px 0 0 0px; display: block;  position: relative; left: -25px;}
#page01 .screenshots {float: right; display: block; margin-top: 10px;}
#page01 .screenshots img {display: block; position: relative; margin-bottom: -7px}

.contentContainer {position:relative; z-index: 5; margin-top: 250px;}
#page01 .contentContainer h2 {font-size: 26px; margin: 0; padding: 0 0 25px 30px; line-height: 1; font-weight: normal; color: #000;}
.blockx4Top {background: transparent url("/img/css/4x-top.png") no-repeat scroll 0 0; zoom: 1;}
.blockx4Bot {background: transparent url("/img/css/4x-bot.png") no-repeat scroll 0 0; height: 10px;}
.blockx4 .columnx1 {float: left; width: 199px; padding: 20px 20px 10px 20px; margin-right: 10px;}
.blockx4 .columnBrown {margin: 0;}
.blockx4 .columnBrown ul, .blockx4 .columnBrown li {display: block; list-style-type: none; margin: 0; padding: 0;}
.blockx4 .columnBrown li {border-bottom: 1px solid #d2d2d2; padding: 5px 10px;}
#page01  .blockx4 .columnBrown h2 {color: #5b0e1e; text-align: center; margin: 0; font: normal 26px "Lucida Sans Unicode", arial, verdana, sans-serif; padding: 10px 0 40px 0; letter-spacing: -1px;} 
#page01 .blockx4 .columnx1 p {padding: 0 10px 10px 10px; margin: 0;}
#page01 .blockx4 h3 {margin: 0; padding: 6px 0 25px 62px; line-height: 1; font-size: 16px;}
#page01 .num1 {background: transparent url("/img/css/num01.png") no-repeat scroll 0 0;}
#page01 .num2 {background: transparent url("/img/css/num02.png") no-repeat scroll 0 0;}
#page01 .num3 {background: transparent url("/img/css/num03.png") no-repeat scroll 0 0;}


.contentContainerInner {position:relative; z-index: 5; margin-top: 460px;}

/*=== DOWNLOAD ===*/
#page02 .header {width: 350px}
.blockx2 {padding: 1px 0 0 0; zoom: 1}
.blockx2 .columnContainer {background: transparent url("/img/css/2x-mid.png") repeat-y scroll 0 0; zoom: 1; padding-top: 1px;}
.blockx2Top {background: transparent url("/img/css/2x-top.png") no-repeat scroll 0 0; height: 10px; overflow: hidden;}
.blockx2Bot {background: transparent url("/img/css/2x-bot.png") no-repeat scroll 0 0; height: 10px; overflow: hidden;}
.blockx2 .columnx2 {float: left; width: 448px; padding: 10px 20px; background: #fff;}
.blockx2 .firstColumn {margin-right: 10px;}

.downloadBlock {display: block; width: 178px; height: 104px; background: transparent url("/img/css/button-windows.jpg") no-repeat scroll 0 0; color: #000; text-align: center; padding-top: 160px; cursor: pointer;}
.downloadBlock big, .downloadBlock b, .downloadBlock span {display: block; cursor: pointer;}
.downloadBlock big {font-size: 30px; letter-spacing: -1px; line-height: 1;}
.downloadBlock b {font-size: 16px; letter-spacing: -1px; }
.downloadBlock span {font-size: 13px; color: #555; padding-top: 5px;}
.downloadBlock:hover, .downloadBlock:hover span {color: #73001b}
.mac {background: transparent url("/img/css/button-mac.jpg") no-repeat scroll 0 0;}
.mac:hover, .mac:hover span {color: #2e5ba3}
.fright {float: right; margin-left: 30px;}
.downloadHeaderWin, .downloadHeaderMac {background: transparent url("/img/download-title-win.png") no-repeat scroll 0 0; width: 192px; height: 70px; margin: 0;}
.downloadHeaderMac {background: transparent url("/img/download-title-mac.png") no-repeat scroll 0 0;}

.instruction {padding-left: 79px; margin: 10px 0 0 0;}
.ie {background: transparent url("/img/css/icon-ie.png") no-repeat scroll 20px 10px;}
.ff {background: transparent url("/img/css/icon-ff.png") no-repeat scroll 20px 10px;}
.sf {background: transparent url("/img/css/icon-sf.png") no-repeat scroll 20px 10px;}


/*=== ABOUT ===*/
#page03 .header {width: 380px}
.blockx3x1 {padding: 1px 0 0 0; zoom: 1}
.blockx3x1 .columnContainer {background: transparent url("/img/css/3x1x-mid.png") repeat-y scroll 0 0; zoom: 1; padding-top: 1px;}
.blockx3x1Top {background: transparent url("/img/css/3x1x-top.png") no-repeat scroll 0 0; height: 10px; overflow: hidden;}
.blockx3x1Bot {background: transparent url("/img/css/3x1x-bot.png") no-repeat scroll 0 0; height: 10px; overflow: hidden;}
.blockx3x1 .columnx3 {float: left; width: 698px; padding: 10px 20px; background: #fff; margin-right: 10px;}
.blockx3x1 .columnx1 {float: left; width: 178px; padding: 20px 30px; background: #fff;}
.blockx3x1 .columnx1 .win {margin-bottom: 30px;}

/*=== Common Content Styles ===*/
.content {padding: 20px; line-height: 1.4;}
.content h2 {font: normal 13px "Lucida Sans Unicode", arial, verdana, sans-serif; font-size: 30px; letter-spacing: -2px; font-weight: normal; color: #000;}
.content h3 {font-size: 18px; font-weight: normal; color: #73001b; margin-bottom: -0.5em;}
.content h4 {font-size: 18px; font-weight: normal; color: #000; border-bottom: 1px solid #d2d2d2; padding-bottom: 10px; margin-bottom: 10px;}
.content .top {margin-top: 0;}
.content .italic {font-family: "Georgia", Times New Roman, sans; font-style: italic; font-size: 16px;}
.content .cite {background: #f0ede6 url("/img/css/bg-cite.png") no-repeat scroll 40px 30px; color: #330000; margin-left: -40px; padding: 20px 30px 20px 120px; margin-top: 2em; margin-bottom: 2em;}
.content .imgRight {float: right; margin: 0 0 30px 30px;}
.content table {}
.content table td {padding: 8px 20px; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2;}
.content table thead th {background: #e7e7e7 url("/img/css/bg-thead.png") repeat-x scroll 0 0; padding: 15px 20px; color: #000; font-weight: bold;}
.content .date {color: #73001b;}
.content .newsItem {margin-bottom: 40px;}
.content .newsTitle {border-bottom: 1px solid #d2d2d2; padding: 0 0 10px 0;}
.content .newsTitle h2 {margin: 0;}
.content .newsTitle .date {float: right; display: block; padding-top: 17px;}
.content ul, .content ul li {display: block; list-style-type: none; margin: 0; padding: 0;}
.content ul li {padding: 2px 0 2px 25px; background: transparent url("/img/css/bg-bullet.png") no-repeat scroll 5px 4px;}
.content li a {text-decoration: none;}

/*=== TABS ===*/

.tabContainer {position: relative; margin-top: -21px;}
.ltab {background: transparent url("/img/css/bg-tabs-corners.png") no-repeat scroll 0 0; width: 20px; position: absolute; height: 53px; margin-left: -20px; top: 0px;}
.rtab {background: transparent url("/img/css/bg-tabs-corners.png") no-repeat scroll 100% 0; width: 20px; position: absolute; height: 53px; left: 698px; top: 0px;}
.tabs {height: 53px; background: transparent url("/img/css/bg-tabs.png") repeat-x scroll 0 0;}
.tabs a, .tabs .empty {display: block; float: left; font-size: 18px; color: #333; padding: 0 30px; text-decoration: none; background: transparent url("/img/css/bg-menu-sep.png") no-repeat scroll 0 0; height: 53px; line-height: 53px;}
.tabs .empty {width: 2px; padding: 0;}
.tabs a:hover, .tabs a.active {color: #000; background-color: #fff;}

/*=== FOOTER ===*/

.footer {margin: 40px 0; font: normal 13px "Lucida Sans Unicode", arial, verdana, sans-serif;}
.footer .firstRow{border: 1px solid #d2d2d2; border-width: 1px 0; padding: 7px 0px; zoom: 1;}
.footer .firstRow a, .footer .firstRow span {display: block; float: left; color: #fff; padding: 0 16px; text-decoration: none;}
.footer .firstRow a:hover {color: #73001b;}
.footer .firstRow span {padding: 0;}
.footer .secondRow {text-align: center; padding: 7px 0px; color: #fff;}
.footer .secondRow a {color: #fff; text-decoration: none;}
.footer .secondRow a:hover {color: #73001b;}

tr th {color: #000; font-weight: bold;}
tr.tablehead th {background: #e7e7e7 url("/img/css/bg-thead.png") repeat-x scroll 0 0; padding: 15px 20px; color: #000; font-weight: bold;}
.content th h4 {font-size: 18px; font-weight: normal; color: #000; border-bottom: none; padding-bottom: 5px; margin-bottom: 5px;}
