* {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

img, fieldset {
    border: none;
}

body {
    background: #d3dee4 url('/img/background.png') center;
    /*font-size: 62.5%;*/
    font-family: Verdana, Arial, sans-serif;
    text-align: center;
}

#container {
    /*font-size: 1.2em;*/
    position : static;
    width: 940px;
    margin-left : auto;
    margin-right : auto;
    text-align: left;
    background-color: #fff;
}

#logo-section, #div-navbar, #topbanner_host, #content_columns, #content, #footer {
    padding: 0 20px;
}

/*---------------------------*/
/* header section            */
/*---------------------------*/

#logo {
    float: left;
    width: 40%;
    padding: 10px 0;
}
    
#customer-login {
    float: right;
    width: 40%;
    text-align: right;
    padding-top: 10px;
    font-size: 10px;
}

#customer-login a {
    text-decoration: underline;
}

#div-navbar {
    background: #003c66 url('/img/navbar.png') repeat-x;
    width: 900px;
    /*padding: 0px 20px;*/
    clear: both;
    height: 30px;
    position: relative;
    overflow: hidden;
}

#navbar {
    display: block;
    float: left;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    background: url('/img/navbar-separator.png') left top no-repeat;
    padding: 0 0 0 2px;
}

#navbar li {
    display: block;
    float: left;
    position: relative;
    background: url('/img/navbar-separator.png') right top no-repeat;
    padding: 0 2px 0 0;
    height: 30px;
}

#navbar span, #navbar a {
    display: block;
    float: left;
    font-size: 12px !important;
    color: white;
    font-weight: bold;
    white-space: nowrap;
    padding: 5px 10px 10px 10px;
}

#navbar a:hover {
    background: url('/img/navbar-highlight.png') left top repeat-x;
}

#navbar span.selected {
    background: url('/img/navbar-selected.png') left top repeat-x;
}

/*---------------------------*/
/* footer section            */
/*---------------------------*/

#footer {
    background: #003c66 url('/img/footer-bg.png') repeat-x;
    height: 80px;
    width: 900px;
    overflow: hidden;
    clear: both;
}

#footer * {
    color: white;
}

#nb {
    height: 45px;
    overflow: hidden;
}

#nav-bottom {
    clear: both;
    padding: 10px 0 15px 0;
    display: block;
    float: left;
    overflow: hidden;
}

#nav-bottom li {
    display: block;
    float: left;
    position: relative;
    border-left: 1px solid #fff;
    padding: 0 10px;
}

#nav-bottom span, #nav-bottom a {
    display: block;
    float: left;
    font-size: 12px;
}

#nav-bottom li:first-child {
    border: none;
    padding-left: 0;
}

#nav-bottom li:last-child {
    padding-right: 0;
}

#nav-bottom span.selected {
    font-weight: bold;
}

#footer a:hover {
    text-decoration: underline;
}

#copyright {
    font-size: 10px;
}

/*---------------------------*/
/* main page                 */
/*---------------------------*/

#topbanner {
    background: url('/img/banner-v4.jpg') 0px 10px no-repeat;
    /*background-image: url('/img/banner-nobuttons.jpg') 0px 10px no-repeat;*/
    width: 900px;
    height: 480px;
    position: relative;
    margin-bottom: 10px;
}

#button-learnmore { position: absolute; top: 170px; left: 730px; }
#button-download { position: absolute; top: 220px; left: 730px; }
#button-buynow { position: absolute; top: 270px; left: 730px; }
#small-learnmore1 { position: absolute; top: 440px; left: 130px; }
#small-learnmore2 { position: absolute; top: 440px; left: 350px; }
#small-learnmore3 { position: absolute; top: 440px; left: 570px; }
#small-learnmore4 { position: absolute; top: 440px; left: 790px; }

#content_columns div {
    width: 449px;
    float: left;
}

#content_left {
    margin-right: 2px;
}

#content_columns div h2 {
    background: #005999 url('/img/header-bg.png') no-repeat 10px center;
    color: #fff;
    padding: 8px 10px 8px 35px;
    vertical-align: top;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
}

#content_columns div p {
    padding: 5px 5px 0 5px;
}

#content_columns ul {
    padding: 10px 10px 10px 30px;
}

/*---------------------------*/
/* other pages               */
/*---------------------------*/

#content {
    padding: 0 !important;
    background: url('/img/column-bg.png') -5px 0px repeat-y;
}

#left_column {
    float: left;
    width: 240px;
    padding: 0 !important;
    display: inline-block;
}

#main_column {
    width: 700px;
    float: left;
    padding: 0 !important;
    display: inline-block;
}

#content_clearance{
    clear: both;
    width: 100% !important;
    /*border: 1px solid red;*/
}

#content #content_clearance,
#content_columns #content_clearance{
    padding-top: 10px;
}

#main_column #main_text {
    padding: 10px 20px 10px 15px;    
}

#left_column div {
    margin-top: 10px;
}

#left_column div h2 {
    /*background: #bfbfbf url('../img/header-bg.png') no-repeat 20px center;*/
    /*color: #fff;*/
    background: #bfbfbf url('/img/header-bg2.png') no-repeat 20px center;
    color: #4d4d4d;
    padding: 8px 10px 8px 45px;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
}

#left_column div ul {
    list-style: none;
    margin-left: 20px;
    margin-top: 1px;
}

#left_column div li {
    border-bottom: 1px solid #d9d9d9;
}

#left_column div li * {
    font-size: 12px;
    color: #4d4d4d;
    padding: 6px 10px 6px 15px !important;
    display: block;
    width: 185px;
}

#left_column div li a {
    border-left: 10px solid #ccc;
}
#left_column div li a:hover {
    border-left: 10px solid #b6b6b6;
    background-color: #c9c9c9;
}
#left_column div li span {
    background: url('/img/arrow.png') no-repeat left center;
    color: #4d4d4d;
    font-weight: bold;
}

#left_column div p {
    padding: 5px 10px 5px 20px;
}

#left_column div h2+p {
    padding-top: 10px;
}

#left_column div p.learnmore {
    text-align: right;
    padding-right: 20px;
}

#main_text p {
    padding: 5px;
}

p, ul {
    font-size: 12px;
    line-height: 1.5em;
}

h1, h2, h3 {
    color: #44708f;
    padding: 15px 5px 5px 5px;
}

h1 {
    font-size: 18px;
}

h1:first-child {
    padding-top: 5px;
}

h2 {
    font-size: 14px;
}

h3 {
    font-size: 12px;
}

#main_text ul {
    padding: 10px 10px 10px 30px;
}

#main_text ul li+li {
    padding-top: 5px;
}

#content_columns a, #main_text a, a.normal {
    color: #44708f !important;
}

#content_columns a:hover, #main_text a:hover, a.normal:hover {
    text-decoration: underline !important;
}

span.versionhistory:before {
    content: "   |   ";
}

hr {
    height: 1px;
    border-style: none;
    color: #ccc;
    background-color: #ccc;
    margin: 10px;
}

.smalltext {
    padding-top: 5px;
}

.smalltext p, .smalltext li {
    font-size: 10px;
    line-height: 12px;
}

#main_text .smalltext ul {
    padding-top: 2px;
    padding-bottom: 5px;
}

/*---------------------------*/
/* Table styles               */
/*---------------------------*/

table.store_items{
    padding: 10px 10px 10px 4px;
    width: 100%;
    font-size: 14px;
}

table.store_items td {
    vertical-align: top;
    border-top: 1px solid #fff;
}

table.store_items tr.oddx td,
table.store_items tr.evenx td {
    border: none;
    padding: 0 5px 10px 5px;
}

table.store_items th {
    border-top: 1px solid #fff;
    background-color: #dddddd;
    text-align: left;
}

table.store_items tr.even,
table.store_items tr.evenx {
    background-color: #e8e8e8;
}

table.store_items tr.odd,
table.store_items tr.oddx {
    background-color: #eeeeee;
}

table.store_items th {
    padding: 5px;
}

table.store_items td {
    padding: 10px 5px;
}

table.store_items td.warning {
    color: #f00;
    font-style: italic;
    border: none;
    padding: 0 5px 10px 5px;
}

/*---------------------------*/
/* Form styles               */
/*---------------------------*/

form {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    margin: 10px 10px 20px 5px;
}

fieldset {
/*    border: none;*/
    clear: both;
    text-align: left;
}

fieldset fieldset {
    padding: 10px 0 10px 0;
}

fieldset label {
    width: 150px;
    float: left;
    margin-right:10px;
}
 
fieldset ol {
    list-style:none;
    margin: 0;
    padding: 0;
}
 
fieldset ol li {
    float:left;
    width:100%;
    padding: 0 0 8px 0;
}

fieldset ol ol {
  float: left;
  margin-left: 160px;
  margin-top: -16px;
}

fieldset ol li input,
fieldset ol li select,
fieldset ol li textarea {
    margin-bottom: 5px; }

fieldset input, select, textarea {
    border-top: 1px solid #b0b0b0;
    border-left: 1px solid #e0e0e0;    
    border-right: 1px solid #e0e0e0;    
    border-bottom: 1px solid #e8e8e8;
}