/* -- Common Site Styles -------------------------------------------------------------------------- */

* {min-height:1px;}
body {border:0; margin:0; padding:0; background:#DDDDDD; font:70%/160% Verdana, Arial, Helvetica, sans-serif; color:#192666; _text-align:center;}

a {color:#192666;}
a:hover {color:#4F6AD7;}

p {border:0; margin:10px 0; padding:0;}

div {display:block; border:0; margin:0; padding:0;}

h1 {font-size:150%; line-height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #003399; border:0; margin:15px 0 10px 0; padding:0;}
h2 {font-size:120%; line-height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #006699; border:0; margin:25px 0 15px 0; padding:0;}
h3 {font-size:100%; line-height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #003399; border:0; margin:20px 0 15px 0; padding:0;}

table {display:table; border-collapse:collapse; margin:15px 0; padding:0; border:1px solid #B7CAF6; font-size:100%;}
tr {display:table-row;}
th, td {display:table-cell; border:1px solid #B7CAF6; margin:0; padding:5px; vertical-align:top; text-align:left;}
th {background:#E7ECFD; text-align:center; color:#192666; font-weight:bold;}

ul, ol {display:block; border:0; margin:10px 0 10px 40px; padding:0;}
ol {list-style-type:decimal;}
li {display:list-item; border:0; margin:0; padding:0 0 3px 0;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}
dl {border:0; margin:15px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold;}
dd {border:0; margin:0 0 0 30px; padding:0;}

form {border:0; margin:0; padding:0;}

hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}

a, img, span {border:0; margin:0; padding:0;}

del, .through {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

.box {min-height:1px; _height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}

/* -- This Site's Architectural Styles ----------------------------------------------------------------- */

#main {width:980px; margin:10px auto 0 auto; _text-align:left;}

/* Header */
/* #header {position:relative; width:980px; height:80px; margin:0; padding:0; background:#F2F5FE 0 0 no-repeat; color:#FFF; display:block}*/
#header {position:relative; width:980px; height:89px; margin:0; padding:0; background:#DDDDDD 0 0 repeat-y; color:#FFF; display:block}

    /* Logo inside Header */
    #header #logo {position:absolute; top:0px; left:0px; margin:0; display:block;}
    
/* Page (2 columns: the sidebar and the content) */
#page {width:980px; margin: 0 0px 0 0px; min-height:1px; background:#FFF url("Images/Layout_Page.gif") 0 0 repeat-y; _height:1px;}

/* Left sidebar */
/*
#sidebar {float:left; width:199px; padding:0; margin-left: 9px; margin-top:0px; background:#CEDBF9;}
#sidebar-inner {padding:0px 10px; margin:0 0 10px 0; }
#sidebar h1 {font-size:110%; padding:10px 15px 11px 15px; margin: 10px -10px 10px -10px; background:#A0B9F3; color:#192666;}
*/

#sidebar-outer {float:left; padding:0 0 0 9px; margin:0 0 0 0; background-color:Transparent;}
#sidebar {float:left; width:199px; padding:0px 0 0 0px; margin-left: 0px; margin-top:0px; background:#CEDBF9;}
#sidebar-inner {padding:0px 9px; margin:0 0 0px 0; }
#sidebar h1 {font-size:110%; padding:10px 15px 11px 15px; margin: 10px -10px 10px -10px; background:#A0B9F3; color:#192666;}

    /* Right column - Menu bar */
    #sidebar h1#home-page-menu-item a {display:block; text-decoration:none;}
    #sidebar h1#home-page-menu-item a:hover {display:block; text-decoration:none;}
    
    #sidebar ul#menu-options {margin:0 0 0 0; padding:0 0 0 0; list-style:none;}
    #sidebar ul#menu-options li {margin:0 0 0 0; padding:0 0 0 0; border-bottom:1px solid #E0E8FA;}
    #sidebar ul#menu-options li.first-submenu-item {border-top:1px solid #E0E8FA;}
    #sidebar ul#menu-options li a {display:block; padding:3px 0 3px 22px; background:url(Images/Bullet_Menu.gif) 8px 50% no-repeat; text-decoration:none;}
    #sidebar ul#menu-options li a:hover {background-color:#B5C4F0; color:#192666;}

    #sidebar ul#menu-options-buynow {margin:0 0 0 0; padding:0 0 0 0; list-style:none; border-top:1px solid #E0E8FA;}
    #sidebar ul#menu-options-buynow li {margin:0 0 0 0; padding:0 0 0 0; border-bottom:1px solid #E0E8FA;}
    #sidebar ul#menu-options-buynow li a {display:block; padding:8px 0 8px 0; margin-bottom:0px; text-decoration:none; }
    #sidebar ul#menu-options-buynow li a:hover {background-color:#B5C4F0; color:#192666; text-decoration:none;}
    #sidebar ul#menu-options-buynow li a #menu-option-buynow-button { width:147px; height:48px; padding: 0 0 0 0; margin: 10px 0 0px 0; background: url(Images/Button_BuyNow_Large_Sidebar.gif) no-repeat;}
    #sidebar ul#menu-options-buynow li a:hover #menu-option-buynow-button { background-image: url(Images/Button_BuyNow_Large_SidebarHover.gif);}

    #sidebar ul#menu-options-download {margin:0 0 0 0; padding:0 0 0 0; list-style:none; border-top:1px solid #E0E8FA;}
    #sidebar ul#menu-options-download li {margin:0 0 0 0; padding:0 0 0 0; border-bottom:1px solid #E0E8FA;}
    #sidebar ul#menu-options-download li a {display:block; padding:8px 0 8px 0; margin-bottom:0px; text-decoration:none; }
    #sidebar ul#menu-options-download li a:hover {background-color:#B5C4F0; color:#192666; text-decoration:none;}
    #sidebar ul#menu-options-download li a #menu-option-download-button { width:147px; height:48px; padding: 0 0 0 0; margin: 10px 0 0px 0; background: url(Images/Button_Download_Large_Sidebar.gif) no-repeat;}
    #sidebar ul#menu-options-download li a:hover #menu-option-download-button { background-image: url(Images/Button_Download_Large_SidebarHover.gif);}

/* Content */
#content {float:left; width:727px; _width:745px; margin:0; padding:0 0 20 20px;}

   /* Add cool bullet to all content pages */
   #content li { vertical-align:top; list-style-image:url("Images/Bullet_ListItem.gif"); }

   /* Content: Home Page right pane */
   #content-right-pane {float:right; width:250px; padding:0 0 16px 0;}

/* Footer */
#footer {position:relative; clear:both; width:980px; margin: 0 0px 0 0px; height:39px; margin-bottom:20px; color:#6685CC; background:#DDDDDD url("Images/Layout_Footer.gif"); }

   /* Menu Bar at bottom of screen */
   #footer-menu {position:absolute; text-align:left; top:6px; left:30px; margin:0; color:#8CA3D8;}
   #footer-menu-item {margin: 0px 10px 0 10px;}
   #footer-menu a {margin: 0px 10px 0 0px; color:#A5C2FF; text-decoration:none;}
   #footer-menu a:hover {color:#C5E2FF;}

   /* Copyright inside Footer */
   #copyright {position:absolute; text-align:right; top:6px; right:30px; margin:0; color:#A5C2FF;}
   

/* -- Page-Specific Styles ---------------------------------------------------------------------- */

.faq-question {width:100%; background:#EEEEEE; font-weight: bold; padding: 2 0 2 10px; margin-bottom:5px;}
.faq-answer {width:100%; padding: 2 0 2 10px; margin-bottom:15px;}

.testimonal-quote {background:#EEEEEE; padding: 0 0 10 10px;}
.testimonal-source {background:#EEEEEE; font-weight: bold; padding: 0 0 2 20px; margin-bottom:15px;}

.tour-left-column {float:left; text-align:center; width:270px; padding:0 0 16px 0;}
.tour-right-column {padding:0 0 16px 0px; width:100%;}
.tour-right-column li {margin: 0 0 0 20px; _margin: 0 0 0 -15px; }
.tour-bottom {margin-top:20px;}
.tour-bottom-graphic {margin: 20px 0 0 0; text-align:center;}
.tour-bottom-left {float:left; text-align:left; width:350px; padding:0 0 16px 20px;}
.tour-bottom-left img {margin-top:20px;}
.tour-bottom-right {text-align:left; padding:0 0 16px 0;}
.tour-bottom-right img {margin-top:20px;}

.tour-menu-bar {margin-top:20px; width:100%; }
.tour-previous-feature { float:left; text-align:left; }
.tour-next-feature { text-align:right; }
.tour-main-page{ margin-top:15px; margin-right:18px; text-align:right;}

.contact-details { clear:both; margin: 0 0 10px 0; }
.contact-details-left {float:left; width:115px;}
.contact-details-right {margin: 0 0 0 125px;}

.table-indented {margin:15px 20px 15px 20px;}
.table-indented-text-centred {margin:15px 20px 15px 20px;}
.table-indented-text-centred td {vertical-align:middle;}

/* This centres any in-place GIFs (e.g. Download, Register and Upgrade buttons) */

.xml-img {vertical-align:middle; margin: 0 0 0 3px;}
.register-img {vertical-align:middle; margin: 0 8px 0 5px;}
.upgrade-img  {vertical-align:middle; margin: 0 8px 0 5px;}
.download-img {vertical-align:middle; margin: 0 8px 0 0px;}

/* Some special home page layout styles */

#home-page-screenshot {float:right; margin:0 0 10px 15px;}
#home-page-left-content {margin: 0 0 0 0;}
#home-page-learnmore-button {float:left; margin:35px 0 10px 0; text-align:center; text-align:center; font-size:120%}
#home-page-download-button {float:left; margin:35px 0px 10px 5px; text-align:center; text-align:center; font-size:120%}
#home-page-buynow-button {float:left; margin:35px 0px 10px 5px; text-align:center; color:red; font-weight:bold; font-size:130%}
.home-page-h1 {margin: 20px 0 20px 0;}
.home-page-h1#feature1 {clear:both; padding: 20px 0 20px 0; margin:0px 0 0 0; _padding:8px 0 20px 0;}

.features-1 {clear:both; width:100%; margin: 0 0 10px 0; }
.features-1-header {font-weight:bold; padding: 2 0 2 0px;font-size:130%; border-bottom: solid 1px Black; }

.features-2 {width:390px; font-weight:bold; padding: 2 0 2 10px; margin: 5px 0px 5px 0px; color: #006699; }
.features-3 {width:390px; padding: 2 0 2 10px; margin: 5px 10px 5px 10px;}

.features-body-left {clear:both; float:left; width:300px; margin-bottom:20px; }
.features-body-right {float:right; width:300px; margin: 10px 0px 10px 5px; border-width:1px; border-style:solid; margin-bottom:20px; }