body{
background-color: #E6E6E6;
color: #333333;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10pt;
}

a, a:hover, a:active {
color: #333333;
}

a.normal {
color: #6699CC;
}

a.download {
color: #669966;
}

a.reseller {
color: #996666;
}

a.affiliate {
color: #A68A62;
}

a.toplink{
font-size: 8pt;
text-decoration: none;
font-weight: bold;
color: #CC0000;
}

a.boldbar{
text-decoration: none;
font-weight: bold;
color: #666666;
}

a.bar{
text-decoration: none;
color: #996666;
}

a.bar:hover{
text-decoration: none;
color: #666666;
background-color: #D8C6C6;
}

h1{
font-family: Verdana, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color: #373737;
}

h2{
font-family: Verdana, Helvetica, sans-serif;
font-size: 11pt;
font-weight: bold;
color: #5F5F5F;
}

pre { 
color: #24235F; 
font-size: 12px;
}

.italic{
font-style: italic;
}

.bold{
font-weight: bold;
}

.error{
color: #CC0000;
}

.bolderror{
font-weight: bold;
color: #CC0000;
}

.small{
font-size: 8pt;
}

.accent{
color: #D20000;
}

.accent2 {
color: #800000;
}

.blue {
color: #6633CC;
}

.boldblue {
color: #6633CC;
font-weight: bold;
}

.brown {
color: #996600;
}

.highlight {
background-color: #FFFFCC;
}

.invoice {
padding: 5px; 
background-color: #FEFF8F; 
border: 1px solid #000000;
width: 500px;
margin: auto; 
}

ol.ordlisttype, li.ordlisttype{
font-family: Verdana;
font-size: 10pt;
}

table.maintable{
border: 1px solid #666666;
background-color: #FFFFFF;
width: 744px;
}

table.maintable_lg{
border: 1px solid #666666;
background-color: #FFFFFF;
}

td.mainbkgd {
background-image: url(http://www.optioncart.com/images/resellerbackground.gif);
}

table.midtable{
border-left: 1px solid #666666;
border-right: 1px solid #666666;
background-color: #FFFFFF;
width: 744px;
}

table.midtable_lg{
border-left: 1px solid #666666;
border-right: 1px solid #666666;
background-color: #FFFFFF;
}

table.linestopbot {
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
}

table.accenttable{
border: 1px solid #6476A8;
background-color: #E6E6E6;
border-collapse: collapse;
}

td{
font-family: Verdana, Helvetica, sans-serif;
font-size: 10pt;
}

td.maincell{
padding: 10px;
}

td.accenttop{
border: 1px solid #6476A8;
background-color: #6476A8;
color: #E6E6E6;
}

td.accenttd{
border: 1px solid #6476A8;
}

td.copyright{
font-style: italic;
font-size: 7pt;
color: #808080;
padding: 10px;
}

td.buttons_n {
background-color: #CFCFCF;
color: #7F7F7F;
font-family: Verdana,Tahoma;
font-size: 11px;
font-weight: bold;
width: 93px;
vertical-align: middle;
text-align: center;
}

td.buttons_n a {
color: #7F7F7F;
text-decoration: none;
background-color: #CFCFCF;
display: block;
}

td.buttons_n a:hover {
color: #666666;
text-decoration: none;
background-color: #C5CBD9;
display: block;
}

td.buttonactive_n {
background-color: #FFFFFF;
color: #6699CC;
font-family: Verdana,Tahoma;
font-size: 11px;
font-weight: bold;
width: 93px;
vertical-align: middle;
text-align: center;
}

td.buttonactive_n a {
color: #6699CC;
text-decoration: none;
background-color: #FFFFFF;
display: block;
}


td.buttons_d {
background-color: #CFCFCF;
color: #7F7F7F;
font-family: Verdana,Tahoma;
font-size: 11px;
font-weight: bold;
width: 93px;
vertical-align: middle;
text-align: center;
}

td.buttons_d a {
color: #7F7F7F;
text-decoration: none;
background-color: #CFCFCF;
display: block;
}

td.buttons_d a:hover {
color: #666666;
text-decoration: none;
background-color: #CAD4CB;
display: block;
}

td.buttonactive_d {
background-color: #FFFFFF;
color: #669966;
font-family: Verdana,Tahoma;
font-size: 11px;
font-weight: bold;
width: 93px;
vertical-align: middle;
text-align: center;
}

td.buttonactive_d a {
color: #669966;
text-decoration: none;
background-color: #FFFFFF;
display: block;
}


td.buttons_r {
background-color: #CFCFCF;
color: #7F7F7F;
font-family: Verdana,Tahoma;
font-size: 11px;
font-weight: bold;
width: 93px;
vertical-align: middle;
text-align: center;
}

td.buttons_r a {
color: #7F7F7F;
text-decoration: none;
background-color: #CFCFCF;
display: block;
}

td.buttons_r a:hover {
text-decoration: none;
background-color: #D8C6C6;
display: block;
}

td.buttonactive_r {
background-color: #FFFFFF;
color: #996666;
font-family: Verdana,Tahoma;
font-size: 11px;
font-weight: bold;
width: 93px;
vertical-align: middle;
text-align: center;
}

td.buttonactive_r a {
color: #996666;
text-decoration: none;
background-color: #FFFFFF;
display: block;
}

td.buttons_a {
background-color: #CFCFCF;
color: #7F7F7F;
font-family: Verdana,Tahoma;
font-size: 11px;
font-weight: bold;
width: 93px;
vertical-align: middle;
text-align: center;
}

td.buttons_a a {
color: #7F7F7F;
text-decoration: none;
background-color: #CFCFCF;
display: block;
}

td.buttons_a a:hover {
color: #666666;
text-decoration: none;
background-color: #D8D2C4;
display: block;
}

td.buttonactive_a {
background-color: #FFFFFF;
color: #A68A62;
font-family: Verdana,Tahoma;
font-size: 11px;
font-weight: bold;
width: 93px;
vertical-align: middle;
text-align: center;
}

td.buttonactive_a a {
color: #A68A62;
text-decoration: none;
background-color: #FFFFFF;
display: block;
}

table.resellsignup {
background-color: #C4CAD8; 
color: #000000; 
border: 1px solid #CFCFCF;
text-align: center; 
}

a.resellsignup {
font-size: 8pt;
text-decoration: none;
font-weight: bold;
color: #6475A3;
}

.resellaccent {
font-weight: bold;
color: #993333;
}

input.formbutton {
color: #FFFFFF;
font-size: 12pt;
background-color: #6878A0;
border-color: #000000;
border: 1px solid;
}

a.underbold {
font-weight: bold;
text-decoration: underline;
}

.notes {
border: 1px solid #DEE3E7;
background-color: #FFFFFA;
margin: 10px;
padding: 3px;
}

#releases { padding-bottom: 20px; border-bottom: 1px solid #CCCCCC; }
#releases li { padding-top: 10px; padding-left: 10px; }

.roundbutton {
background-color: #b48281; 
border: 1px solid #aa6967;  
border-radius: 20px; 
-webkit-border-radius: 20px; 
-moz-border-radius: 20px; 
padding: 5px 10px; 
box-shadow:2px 2px 2px #000000; 
-moz-box-shadow: 2px 2px 2px #000000; 
-webkit-box-shadow: 2px 2px 2px #000000;
text-align: center; 
text-shadow: 1px 1px 1px #000000;
}

.roundbutton a, .roundbutton a:link, .roundbutton a:visited, .roundbutton a:hover, .roundbutton a:active {
text-decoration: none; 
color: #FFFFFF; 
font-family: MS Sans Serif4, Geneva, sans-serif;
font-size: 11pt;
font-weight: bold;
}

.topstyle {
font-variant: smallcaps; 
color: #990000; 
font-weight: bold; 
font-size: 8pt; 
text-decoration: none; 
float: right;
}
