/* Website CSS */

* {
   margin: 0 auto;
}

html {
   overflow-y: scroll;
}

body {
   font-family: "Trebuchet MS", Helvetica, sans-serif;
   font-size: 10pt;
   text-align: center;
   background-color: #FFFFFF;
   color: #7C9BCF;
   padding: 10px;
}

h2, h3, p {
   margin: 20px 0;
}

h2 {
   font-size: 18pt;
}

h3 {
   font-size: 14pt;
}

ul {
   list-style: disc; 
   list-style-position: outside; 
   margin-left: 0px; 
   padding-left: 30px; 
   vertical-align: middle;
}

li {
   margin: 0px; 
   padding: 0px;
}

p {
   text-align: justify;
}

table {
   width: 90%;
}

#container {
   width: 95%;
}

#nav, #login, #content, #footer {
   border: 2px solid #999999;
   margin-bottom: 2px;
   padding: 10px 10px;  
   width: 100%;
}

#nav {
   padding: 20px 10px;
}

#content {
   min-height: 500px;
   height: auto;
   padding: 10px 10px;
   text-align: left; 
}

#login {
   min-height: 2em;
   height: auto;
   text-align: right;
   vertical-align: middle;
}

#footer {
   text-align: left;
}

input, select, textarea {
   border: 2px solid #999999;
   margin: 2px;
   background-color: #FFFFFF;
   color: #999999;  
   font-family: "Trebuchet MS", Helvetica, sans-serif;
   font-size: 10pt;  
}

.radio {
   border: 0;
}

.button {
   height: 23px;
   font-family: "Trebuchet MS", Helvetica, sans-serif;
   font-size: 10pt;
}

a:link, a:visited {
   color: #999999;
}

a:link.button, a:visited.button, .button, .inactive {
   border: 0;
   border-right: 2px solid #999999;
   border-bottom: 2px solid #999999;
   margin: 2px;
   padding: 1px 5px;
   text-decoration: none;
   background-color: #FFFFFF;
   color: #999999;
}

a:hover.button, .button:hover {
   border-color: #AABADD;
   color: #AABADD;
}

.login {
   color: #7C9BCF;
}

.warning {
   color: #F0888A;
}

.inactive {
   border-color: #F0888A;
   color: #F0888A;
   padding: 1px 5px 0px 5px;
}

.inactive:hover {
   border-color: #F0888A;
   color: #F0888A;
}

.divider {
   width: 85%;
   border-bottom: 2px solid #AABADD;
}

.prodimg {
   float: middle;
   margin: 0 0 0 20px;
}


.bold {
   font-weight: bold;
}

.sale {
   font-weight: bold;
   color: #F0888A;  
}

.right {
   text-align: right;
}