/* The basics ****************************************/

* {
  margin: 0; 
  padding: 0;
}

body {
    background: white;
    font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
}

a, a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: black;
}

a:hover {
    text-decoration: underline; 
}

img {
    border: 0;
}

/* Container of main and sidebar ********************************/

#container {
    margin-left: 20px;
    position: relative;
    min-width: 744px;
    clear: both;
}


/* Main prod listing on left ***********************************/

#main {
    margin:0 245px 0 0;
}

/* Generic class for blocks on the left side */
.row {
    clear: both;
}

/* Headers ***************************************************/

.headerbg {
    height: 143px;
    /* Use a repeating image instead of #407080 because not all browsers render it the same way.  Lame! */
    background: url(images/bgdot.png) repeat;
    border-bottom: 1px solid #305070;
}

.headerbg .bb {
    top: 135px;
}

/* Logo block */
#logo {
    background:url(images/logo.png) center no-repeat;
    height: 100%;
}


/* Product listing ***********************************************/

/* Block for all products */
.product {
    background: white;
    clear: both;
    padding-bottom: 0;
    color: #000;
    font-size: 0.8em; 
}

.product h3 {
    color: white;
    font-size: 1.1em;

    margin-left: 8px;

    /* Safari only, but a nice effect */
    text-shadow: #222 0px 1px 1px;
}

/* Floating right links */
.product .prodname a, #footer a{
    float: right;
    margin-right: 8px;
    font-size: 0.8em;
    margin-top: 0.4em;
    color:white;
}

.product .prodname {
    background: #707070;
    border-top: 1px solid white;
    border-bottom: 1px solid #303030;
}

.product .description {
    font-size: 1em;
    margin: 8px;
    min-height: 128px;
}

.product .icon {
    float: right;
    width: 128px;
    margin: 4px;
    margin-top: 10px;
    padding: 0px;
}

.product .links {
    clear: right;
    float: right;
    background: #c50;
    width: 128px;
    margin: 4px;
    margin-top: 10px;
    padding: 0px;
    border-top: 1px solid white;
    border-bottom: 1px solid #303030;
}

.product .links a {
    display: block;
    margin-left: 10px;
    color: white;
    text-decoration: none;
}

.product .other {
    /*background: #46B;*/
    background: url(images/otherlink-bg.png) repeat;
}

.moreinfo {
    margin: 8px 140px 8px 8px;
    display: block;
}

.moreinfo a {
    color: #666;
}

.product .other img {
    float: right;
    margin: 0px 10px 0px 10px;
}

/* For specific product data ************************************/

.prodbody p {
    margin-bottom: 10px;
}

.prodbody .section {
    display: block;
    margin-top: 16px;
    margin-bottom: 6px;
    font-weight: bold;
    color: #204050;
    
    /* Add bullet to left of section header */
    background: url(images/big-bullet.png) no-repeat;
    background-position: center left;
    margin-left: -4px;
    padding-left: 10px;
}

.prodbody ul {
    list-style-image: url(images/bullet.png);
    font-size: 90%;
    margin-left: 16px;
}

.prodbody a {
    text-decoration: underline; 
}

.optional {
    font-size: 90%;
    color: #444;
    font-style: italic;
}

/* Support forms ***************************************************/

.prodbody form {
    margin: 24px;
}

.prodbody input.button {
    margin-top: 2px;
    margin-right: 5px;
    float: right;
}

.prodbody input.textbox {
    width: 200px;
    margin-bottom: 4px;
}

.prodbody select {
    margin-bottom: 4px;
}

.prodbody textarea {
    display: block;
    margin-top: 6px;
    margin-bottom: 6px;
}


/* About box ***************************************************/

.about {
    min-height: 450px;
}

.about p {
    margin-bottom: 10px;
}

.about a {
    color: #666;
    text-decoration: underline;
}


/* Footer ******************************************************/

#footer {
    text-align: left;

/* Great color, but doesn't fit this page 
    background: #C50; */

    background: url(images/bgdot.png) repeat;
    color: white;
    font-size: 0.7em;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid white;
    border-bottom: 1px solid #305070;
}

/*
#footer a {
    color:#F4A21F;
    font-size:0.8em
}

#footer a:visited {
    color:#992D2A;
}

#footer a:hover {
    color:white;
}
*/

#footer p {
    margin-left: 10px;
}


/* Sidebar *******************************************/

#sidebar {
    font-size: 0.8em;
    position: absolute;
    right: 20px;
    top: 0px;
    width: 200px;
}

#newsbar li {
    color: #606060;
    font-size: 90%;
}

#newsbar h3 {
    color: #404040;
    padding-top: 2px;
    font-size: 95%;
    margin-left: 6px;
}

#newsbar p {
   font-size: 95%;
   margin-left: 6px;
}

#sidebar li {
    list-style-type: none;
    display: block; 
    color: #606060;
    margin-top: 20px;
}

#sidebar ul {
    background: #B7D1ED;
    background: white;
}

#sidebar p {
    padding-top: 2px;
}

/* The "add to mailing list" form **************************/

#mailing {
    display: block;
    padding-top: 2px;
}

#mailing input.button {
    margin-top: 2px;
    margin-right: 5px;
    float: right;
}

#mailing input.textbox {
    width: 185px;
}


/* "News" section ***********************************/

#newslogo { 
    background:url(images/news.png) center no-repeat;
    height: 100%;
}

/* Dates in news items */
.newsdate {
    background: #909090;
    color: white;
    border-bottom: 1px solid #606060;
    border-top: 1px solid white;
}

.newsdate h4 {
    margin: 0;
    padding: 0;
    margin-left: 6px;
    font-size: 0.9em;
}


/* Navs links *************************************************/
#nav {
    width: 100%;
}

#nav td {
    text-align:center;
}

#nav a, #nav .current, #nav a:visited {
    color: #606060;
    font-size: 0.6em;
}

#nav {
    text-align:center;
}

.current {
    font-weight: bold;
}