*   {
    margin:0;
    padding:0;
    }
body {
    background:#dedede;
    font:14px/18px Arial, Helvetica, sans-serif;
    margin-top: 10px;
    }
#container {
    margin: 0 auto;
    min-width:755px;
    max-width:957px;
    background: #dedede url(../img/bkgd-section.gif) left top repeat-y;
    }
body>#container {
    position:relative;
    }
    
/* elastic width for IE6 */
body {width:expression( documentElement.clientWidth < 755 ? (documentElement.clientWidth == 0 ? (body.clientWidth < 755 ? "755" : "auto") : "755px") : "auto" );}
#container {width:expression( documentElement.clientWidth > 957 ? (documentElement.clientWidth == 0 ? (body.clientWidth >957 ? "957" : "auto") : "957px") : "auto" );}

#header {
    height:98px;
    background:url(../img/header-bg.gif) left top no-repeat;
    position:relative;
    }
#login {
    float: right;
    padding: 10px 20px 5px 0;
    }
#search {
    clear: right;
    float: right;
    padding-right: 20px;
    }
#searchbtn {
    background:#336;
    color: white;
    }
#navbar {
    position: absolute;
    top: 75px;
    left: 212px;
    z-index:300;
    }
#sectionPhoto {
    float:left;
    width:181px;
    height:31px;
    background:url(../img/sectionPhoto.jpg) left top no-repeat;
    }
#wrapper {
    background:#e5e5eb;
    margin-left:1px;
    }
#main {
    float:left;
    background:#fff;
    padding: 15px 25px;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    min-height: 400px;
    }   
#wrapper>#main {
    max-width:724px;
    min-width: 561px;
    margin-left:180px;
    float:none;
    }
    
/* section headers */
#subhead {
    height:31px;
    border-right:1px solid #999;
    }   
#bodyproducts #container #wrapper #subhead {
    background: url(../img/H-Products.gif) 182px top no-repeat;
    }   
#bodydemo #container #wrapper #subhead {
    background: url(../img/H-Products.gif) 182px top no-repeat;
    } 
#bodytour #container #wrapper #subhead {
    background: url(../img/H-Products.gif) 182px top no-repeat;
    }    
#bodytechnology #container #wrapper #subhead {
    background: url(../img/H-Tech.gif) 182px top no-repeat;
    }
#bodypurchase #container #wrapper #subhead {
    background: url(../img/H-Purchase.gif) 182px top no-repeat;
    }
#bodysupport #container #wrapper #subhead {
    background: url(../img/H-Support.gif) 182px top no-repeat;
    }
#bodyabout #container #wrapper #subhead,
#bodycorporate #container #wrapper #subhead {
    background: url(../img/H-About.gif) 182px top no-repeat;
    }

/* headers */
h1 {
    font: 20px Arial, Helvetica, sans-serif;
    color:#336;
    }
#subnav h1 {
        font: bold 16px Arial, Helvetica, sans-serif;
        color: #000;
        padding:5px 0 0 10px;
        border-bottom: 1px solid #999;
        }
h2 { 
    font: bold 16px Arial, Helvetica, sans-serif;
    color:#336;
    padding:10px 0 5px 0;
        }
h2.first {
        padding:0 0 10px;
        }
h3 {
    font: bold 14px Arial, Helvetica, sans-serif;
    color:#336;
        padding:10px 0 5px 0;
    }
h4 {
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #bf0524;
    padding: 5px 0 0 10px;
    }
.replace {  
    position: relative;
    margin: 0;
    padding: 0;
    /* hide overflow:hidden from IE5/Mac \*/
    
    overflow: hidden;
    /* */
}
.replace SPAN {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1; /*for Opera 5 and 6*/
}
#h-Products, #h-Products SPAN {
    width:571px;
    height:31px;
}

/* content */
p {
    padding-bottom:10px;
    }
a {
    color: #039;
    }
a:hover, a:active {
    color:#bf0524;
    }
#main ul,ol {
    margin: 5px 40px 10px;
        text-align: left;
    }
#main ul li {
        list-style: disc outside url(../img/bullet-red.gif);
    }
#main table {width: 100%; margin: 0 0 10px}
#main table th {background-color: #336; color: #fff}
#main td {
        font-size: 13px;
        line-height: 1.3;
        vertical-align: top;
        padding: 6px;
}

#main code, #main pre {
        margin: 0 0 10px;
        display: block;
        font-size:12px;
        width: 570px;
        overflow: auto;
}

#main pre {
       background-color: #F5F5F7;
       padding: 6px;
       border: 1px solid #CECEDA;
}

#main hr {color: #336; height: 1px}
#main .btt {text-align: right; }
#main img { max-width: 100%; }

/* floating information box */
#main .more {
    float: right;
    width:201px;
    margin: 0 0 10px 10px;
    }
#main .wider {width: auto; float: none; margin-left: 0;}
#main .more td {
    padding: 6px 10px;
    border:1px solid #9999b1;
    font-size:12px;
        }
#main .more .morehd {
        font-weight: bold;
        color: #bf0524;
        background: transparent url(../img/morehdbg.gif) left top no-repeat;
        padding:3px 0 2px 10px;
        border-right: 1px solid #9999b1;
        border-left:none;
        border-top:none;
        border-bottom:none;
        }
#main .more ul {
        margin:0 10px 0 12px;
        }
#main .more li {
        list-style: disc outside url(../img/arrow2.gif);
        }
#main .more .icon {margin-left: 4px}

/* news */
#main .news td {padding: 2px 0 6px 0;}
#main td h3 { border-bottom:1px solid #336; margin: 8px 0 0; }
#main .news .date {white-space: nowrap; text-align: right; padding-right: 8px; padding-left: 6px;  border-left: 1px solid #336;}
#main .news .year {padding: 2px 0 0 0}

/* tutorials */
#main h4 {color:#336; padding:10px 0 5px 0; }

/* customers */
#main .logos {width: 100%}
#main .logos td {width: 33%; padding: 0 0 12px; vertical-align: middle; text-align: center}

/* partners */
/* width: auto;  changed to 200px for Safari (width of widest logo)*/
#partners .logos  {width: 200px; text-align: right; padding: 10px 12px 0 0}

/* footer */
#footer {
    text-align:center;
    background: #336;
    border:1px solid #999;
    color: white;
    height:20px;
    }
#footer p {
    padding:0;
    }
#footer a {
    color: white;
    font-size:12px;
    }
p.copyright {
    text-align:center;
    font-size: 10px;
    }
#prevnext {text-align: right;}
#prevnext #prev {float: left;}

/* misc */
.illus{ margin:20px 30px 20px 0; }   
.border {border: 1px solid #336}
.even {background-color: #fff}
.odd {background-color: #efefef}
.clear {
    clear:both;
    }
.float-r {
    float:right;
    }
.float-l {
    float:left;
    }
.print {
    display:none;
    }