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

img, fieldset {
    border: none;
}

body {
    background-image: url('../img/background.png');
    background-position: center;
    background-color: #d3dee4;
    /*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;
}

#container>div {
    padding: 0 20px 0 20px;
}

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

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

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

#navigation {
    background-color: #003c66;
    width: 940px;
    padding: 0px !important;
    clear: both;
    height: 30px;
    position: relative;
}

#nav-bottom {
    position: absolute;
    top: 0px; left: 0px;
    width: 940px;
    height: 30px;
    z-index: 1;
    background-repeat: repeat-x;
    background-image: url('../img/navbar.png');
}

#nav-top {
    position: absolute;
    top: 0px; left: 20px;
    width: 900px;
    height: 30px;
    z-index: 2;
    padding-left: 2px;
    background-image: url('../img/navbar-separator.png');
    background-position: left top;
    background-repeat: no-repeat;
}

#nav-top>div {
    float: left;
    height: 30px;
    position: relative;
    padding-right: 2px;
    background-image: url('../img/navbar-separator.png');
    background-position: right top;
    background-repeat: no-repeat;
}

#nav-top span, #nav-top a {
    background-repeat: repeat-x;
    background-image: url('../img/navbar.png');
    background-position: left top;
    font-size: 12px !important;
    color: white;
    font-weight: bold;
}

#nav-top a, #nav-top span {
    position: relative;
    top: 8px;
    padding: 8px 10px 20px 10px;
}

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

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

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

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

#footer * {
    color: white;
}

#navigation-bottom {
    font-size: 12px !important;
    margin-top: 15px;
    height: 30px;
}

#navigation-bottom>div {
    float: left;
    padding: 0 10px;
    border-left: 1px solid white;
}

#navigation-bottom>div:first-child {
    padding-left: 0;
    border-left: none;
}

#navigation-bottom>div>span.selected {
    font-weight: bold;
}

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

#copyright {
    font-size: 10px;
}

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

#topbanner {
    background-image: url('../img/banner-v4.jpg');
    /*background-image: url('../img/banner-nobuttons.jpg');*/
    background-repeat: no-repeat;
    width: 900px;
    height: 470px;
    position: relative;
    margin-top: 10px;
    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-color: #005999;
    background-image: url('../img/header-bg.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    color: white;
    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-image: url('../img/column-bg.png');
    background-position: -5px 0px;
    background-repeat: 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%;
    padding-top: 10px;
}

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

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

#left_column > div >h2 {
    background-color: #bfbfbf;
    /*background-image: url('../img/header-bg.png');*/
    background-image: url('../img/header-bg2.png');
    background-repeat: no-repeat;
    background-position: 20px center;
    /*color: white;*/
    color: #4d4d4d;
    padding: 8px 10px 8px 45px;
    /*vertical-align: top;*/
    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-image: url('../img/arrow.png');
    background-repeat: no-repeat;
    background-position: 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;
    size: 1px;
    color: #cccccc;
    margin: 10px;
}

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

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

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

table.store_items th {
    background-color: #dddddd;
}

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

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

table.store_items td, table.store_items th {
    padding: 5px;
}


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

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

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

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;
}