body{
  background : #FFFFCC;
  color: #000000;
  margin: 0px;
  padding: 0px;
  font-size : 10pt;
  font-family: Arial, Helvetica, sans-serif;
  min-width: 770px; 
  /* Internet Explorer doesn't accept min-width therefore we 
   use the following Dynamic Expression to set the width */
  width:expression(document.body.clientWidth < 850 ? "770px" : "100%" );
}
/* ~~~~~~~~~ default hyper links ~~~~~~~~~*/
/* See Template CSS files */
/* ~~~~ Header  and Footer File ~~~~ */
.ac_header, .ac_mainbody{
  width :100%;
  font-size : 10pt;
}
.ac_header{
  background-color : #680098;
  padding: 0px;
  text-align: center;
  font-family : Verdana, Arial;
  color: #FFFFFF;
  font-weight : bold;
}
h1#ac_h1 {
  font-size : 15pt;
  font-weight : bold;
  margin: 0px;
  color: #FFFFFF;
}
h2#ac_h2 {
  font-style : italic;
  margin: 0px;
  font-size: 12pt;
  color: #FFFFFF;
}
.ac_left_nav h3 {
  color : #ff0000;
  font-weight : bold;
  text-align: center;
  margin: 0px;
  padding: 5px 0px 0px 5px;
  font-size: 10pt;
}
.ac_left_nav hr{
  padding:0px;
  margin: 25px 0px 25px 0px;
  width : 95%;
}
.ac_header_search{
  text-align: right;
  vertical-align : middle;
}
.ac_mainbody, .ac_cart_summary{
  background-image : url(agora.cgi?secpicserve=steelgrey.jpg);
  background-color : #cccccc;
}
.ac_mainbody{
  padding: 0px;
  margin: 0px;
}
.ac_left_nav{
  width: 155px;
  vertical-align : top;
  padding: 0px;
  padding-top: 15px;
}
a.ac_left_links {
  text-align: left;
  padding: 0px;
  padding-right: 3px; 
  padding-left: 10px;
  font-size: 10pt;
  font-weight: normal;
  font-family : Verdana, Arial;
  text-decoration : underline;
}
a.ac_left_sub_links {
  text-align: left;
  padding: 0px;
  padding-right: 3px; 
  padding-left: 18px;
  font-size: 9pt;
  font-weight: normal;
  text-decoration : none;
}
.ac_cart_summary{
  font-size: 12pt;
  width:100%;
  color: #000000;
  text-align: center;
  padding: 0px;
  padding-top:10px;
  padding-bottom:10px;
}
.ac_copyright{
  text-align: center;
  font-size: 10pt;
  background-color: #FFFFFF;
  padding: 0px;
  padding-top:10px;
  padding-bottom:10px;
} 
div#ac_html_validator{
  text-align: center;
  padding-top : 100px;
  vertical-align : bottom;
}
/* Cart Links Variations */
  /* standard vertical list no padding no indicator */    
.ac_left_nav ul{
  margin-left: 0px;
  margin-top: 0px;
  padding-left: 0px;
  list-style: none;
}
/* horizontal links with a link vertical between each pair
First listed item must be of class first */
.ac_bottom_links{
  text-align: center;
  padding: 5px 0px 5px 0px;
}
.ac_bottom_links ul{
  margin-left: 0px;
  padding-left: 0px;
  display: inline;
  text-align: center;
}
.ac_bottom_links ul li{
  font-size:10pt;
  padding: 5px 10px 5px 10px;
  list-style: none;
  display: inline;
  border-left: 1px solid #000000;
}
.ac_bottom_links ul li.first{
  border-left: 0px;
}
/*Vertical Links with no indicator but are centered*/
.ac_vertical_links{
  text-align:center;
}
.ac_vertical_links ul{
  margin-left: 0px;
  padding-left: 0px;
  display: inline;
  text-align: center;
}
.ac_vertical_links ul li{
  font-size: 10pt;
  padding: 0px 10px;
  list-style: none;
  display: inline;
}

/* ~~~~~ Error Message ~~~~~ */
/* This is the formating for the error message a user recieves */
p.ac_error{
  width: 500px;
  text-align: center;
  color: #FF0000;
  font-size:12pt;
  padding: 10px 0px 10px 0px;
  margin: auto;
}

/* ~~~ Product listings ~~~ */
.ac_content{
  background-color: #FFFFCC;
  vertical-align : top;
  padding: 0px; 
  padding-bottom: 25px;
}
.ac_product_table{
  width: 90%;
  vertical-align : top;
  margin: 10px auto;
  text-align: center;
}


/*~~~~~~ Product Pages ~~~~~~~  */
/* This is the formatting message the user sees when an item is added to the cart*/
td.ac_add_message{
  color: #0000FF;
  text-align: center;
}
/* ~~~ Search Results ~~~ */
.ac_seach_results{
  margin: 0px auto;
  background-color:#f0f0f0;
  width:500px;
  font-size:12pt;
  text-align:center;
}
p.ac_search_no_results{
  text-align:center;
  margin: 50px auto;
  font-size:12pt;
}
h3.ac_product_name{
  font-size:10pt;
  color:#000000;
  margin:5px 5px 2px 5px;
  font-weight : bold;
  text-align:left;
}
.ac_product_desc{
  text-align : justify;
  font-size:9pt;
  margin: 0px 5px 10px 5px;
}
.ac_product_price{
  color: #FF0000;
  font-size:10pt;
  white-space : nowrap;
  font-weight : bold;
}
.ac_product_outofstock{
  color: #FF0000;
  font-size:10pt;
  white-space : nowrap;
  font-weight : bold;
}
.ac_product_available{
  color: #FF0000;
  font-size:9pt;
  white-space : nowrap;
  font-weight : normal;
}
.ac_product_opt-add{
  text-align:center;
  font-size:10pt;
}
.ac_product_image{
  text-align:center;
  width:auto;
}
.ac_add-quantity{
  margin: 0px auto;
  text-align: center;
}
/*~~~ Options ~~~~*/
.opt_border{
  font-size: 10pt;
  text-align: center;
  border: 1px solid #CCCCCC;
  margin: 0px auto; 
}
th.opt_border{
  padding:0px 2px;
}
.no_border{
  font-size: 10pt;
  border: none;
  margin: 0px auto;
}
th.no_border{
  padding:0px 2px;
}

.opt_center{
  font-size: 10pt;
  text-align:center;
  margin: 0px auto  
}
th.opt_center{
  padding:0px 2px;
}

select.opt_select{
  width:125px;
  text-align:left;
}
/* ~~~~~~ View Cart Table ~~~~~~*/
table.ac_cart_table{
  background-color: #AAAAAA;  /* this color ends up being the border color for the table */
  width: 90%;
  margin:0px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size : 10pt;
  text-align: center;
}
table.ac_cart_table th{
  font-size : 11pt;
  background-color: #ECECEC;
  margin:0px;
  width: auto;
  vertical-align : top;
}
 table.ac_cart_table td{
  background-color: #CCCCCC;
  border: 0px;
  width: auto;
}
/* ~~~~~ Order Totals Table from View Cart Page ~~~ */
table.ac_totals_table{
  background-color: #ECECEC;
  font-size: 12pt;
  color: #000000;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
table.ac_totals_table th{
  text-align:center;
  background-color: #E0E5FF;
  width:auto;
}
table.ac_totals_table td{
  width:auto;
  text-align: right;
}
/* ~~~~~~ Check Out Pages ~~~~~~ */
.ac_checkout{
  margin: 10px auto;
  width: 550px;
  font-size : 10pt;
}
td.ac_checkout_top_col{
  background-color : #CCccCC;
  font-size : 13pt;
  font-weight: bold;
  border-top : 1px solid #000000;
  border-bottom : 1px solid #000000;
  text-align : left;
  padding: 5px 7px;
}
td.ac_checkout_left_col{
  text-align: left;
  width: 15%;
  white-space : nowrap;
}
td.ac_checkout_right_col{
  text-align: left;
  width: 85%;
}
.ac_missing_field{
  width: 500px;
  text-align:center;
  color: #FF0000;
  font-size:12pt;
  padding: 0px;
  padding-top:10px;
  border-top:1px solid #000000;
}
.ac_checkout_top_msg{
  background-color: #E8E0E0;
  width: 500px;
  text-align:left;
  padding: 3px;
  margin: 0px auto;
}
.ac_checkout_review{
  background-color: #ccCCCC;
  font-size: 10pt;
  border: 1pt solid #AAAAAA;
  margin: 0px auto;
  width: 500px;
}
th.ac_checkout_review, 
td.ac_checkout_review, 
td.ac_checkout_review_col1, 
td.ac_checkout_review_col2 {
  border: 1pt solid #AAAAAA;
  padding: 3px;
}
.ac_checkout_review_col1{
  width: 150px;
}
.ac_checkout_review_col2{
  width: 350px;
}

.center{
  text-align:center;
}
img{
  border:0px;
  margin: 0px;
}
BODY
   {
   color:black;
   background-color:FFFFCC;
   font-family:sans-serif;
   font-size:10pt;
   text-align:justify;
   }
.tablejustify16, .tablejustify16 TD, .tablejustify16 TH
{
   color:FFFFCC;
   font-family:sans-serif;
   font-size:16pt;
   text-align:justify;
   vertical-align:top;
}
.tablejustify14, .tablejustify14 TD, .tablejustify14 TH
{
   color:black;
   font-family:sans-serif;
   font-size:14pt;
   text-align:justify;
   vertical-align:top;
}
.tablejustify12, .tablejustify12 TD, .tablejustify12 TH
{
   color:black;
   font-family:sans-serif;
   font-size:12pt;
   text-align:justify;
   vertical-align:top;
}
.tablejustify10, .tablejustify10 TD, .tablejustify10 TH
{
   color:black;
   font-family:sans-serif;
   font-size:10pt;
   text-align:justify;
   vertical-align:top;
}
.tablejustify, .tablejustify TD, .tablejustify TH
{
   color:black;
   font-family:sans-serif;
   font-size:10pt;
   text-align:justify;
   vertical-align:top;
}
.tablejustify8, .tablejustify8 TD, .tablejustify8 TH
{
   color:black;
   font-family:sans-serif;
   font-size:8pt;
   text-align:justify;
   vertical-align:top;
}
.tableleft, .tableleft TD, .tableleft TH
{
   color:black;
   font-family:sans-serif;
   font-size:10pt;
   text-align:left;
   vertical-align:top;
}
.tableleft8, .tableleft8 TD, .tableleft8 TH
{
   color:black;
   font-family:sans-serif;
   font-size:8pt;
   text-align:left;
   vertical-align:top;
}
.tableleft10, .tableleft10 TD, .tableleft10 TH
{
   color:black;
   font-family:sans-serif;
   font-size:10pt;
   text-align:left;
   vertical-align:top;
}
.tableleft12, .tableleft12 TD, .tableleft12 TH
{
   color:black;
   font-family:sans-serif;
   font-size:12pt;
   text-align:left;
   vertical-align:top;
}
.tableleft14, .tableleft14 TD, .tableleft14 TH
{
   color:black;
   font-family:sans-serif;
   font-size:14pt;
   text-align:left;
   vertical-align:top;
}
.tableleft16, .tableleft16 TD, .tableleft16 TH
{
   color:black;
   font-family:sans-serif;
   font-size:16pt;
   text-align:left;
   vertical-align:top;
}
.tableleftmiddle, .tableleftmiddle TD, .tableleftmiddle TH
{
   color:black;
   font-family:sans-serif;
   font-size:10pt;
   text-align:left;
   vertical-align:middle;
}
.tableleftmiddle8, .tableleftmiddle8 TD, .tableleftmiddle8 TH
{
   color:black;
   font-family:sans-serif;
   font-size:8pt;
   text-align:left;
   vertical-align:middle;
}
.tableleftmiddle10, .tableleftmiddle10 TD, .tableleftmiddle10 TH
{
   color:black;
   font-family:sans-serif;
   font-size:10pt;
   text-align:left;
   vertical-align:middle;
}
.tableleftmiddle12, .tableleftmiddle12 TD, .tableleftmiddle12 TH
{
   color:black;
   font-family:sans-serif;
   font-size:12pt;
   text-align:left;
   vertical-align:middle;
}
.tableleftmiddle14, .tableleftmiddle14 TD, .tableleftmiddle14 TH
{
   color:black;
   font-family:sans-serif;
   font-size:14pt;
   text-align:left;
   vertical-align:middle;
}
.tableleftbottom, .tableleftbottom TD, .tableleftbottom TH
{
   color:black;
   font-family:sans-serif;
   font-size:10pt;
   text-align:left;
   vertical-align:bottom;
}
.tableleftbottom8, .tableleftbottom8 TD, .tableleftbottom8 TH
{
   color:black;
   font-family:sans-serif;
   font-size:8pt;
   text-align:left;
   vertical-align:bottom;
}
.tableleftbottom10, .tableleftbottom10 TD, .tableleftbottom10 TH
{
   color:black;
   font-family:sans-serif;
   font-size:10pt;
   text-align:left;
   vertical-align:bottom;
}
.tableleftbottom12, .tableleftbottom12 TD, .tableleftbottom12 TH
{
   color:black;
   font-family:sans-serif;
   font-size:12pt;
   text-align:left;
   vertical-align:bottom;
}
.tablelefttop8, .tablelefttop8 TD, .tablelefttop8 TH
{
   color:black;
   font-family:sans-serif;
   font-size:8pt;
   text-align:left;
   vertical-align:top;
}
.tablecenter16, .tablecenter16 TD, .tablecenter16 TH
{
   color:black;
   font-family:sans-serif;
   font-size:16pt;
   text-align:center;
   vertical-align:top;
}
.tablecenter14, .tablecenter14 TD, .tablecenter14 TH
{
   color:black;
   font-family:sans-serif;
   font-size:14pt;
   text-align:center;
   vertical-align:top;
}
.tablecenter12, .tablecenter12 TD, .tablecenter12 TH
{
   color:black;
   font-family:sans-serif;
   font-size:12pt;
   text-align:center;
   vertical-align:top;
}
.tablecenter10, .tablecenter10 TD, .tablecenter10 TH
{
   color:black;
   font-family:sans-serif;
   font-size:10pt;
   text-align:center;
   vertical-align:top;
}
.tablecenter8, .tablecenter8 TD, .tablecenter8 TH
{
   color:black;
   font-family:sans-serif;
   font-size:8pt;
   text-align:center;
   vertical-align:top;
}
.tablecentermiddle16, .tablecentermiddle16 TD, .tablecentermiddle16 TH
{
   color:black;
   font-family:sans-serif;
   font-size:16pt;
   text-align:center;
   vertical-align:middle;
}
.tablecentermiddle14, .tablecentermiddle14 TD, .tablecentermiddle14 TH
{
   color:black;
   font-family:sans-serif;
   font-size:14pt;
   text-align:center;
   vertical-align:middle;
}
.tablecentermiddle12, .tablecentermiddle12 TD, .tablecentermiddle12 TH
{
   color:black;
   font-family:sans-serif;
   font-size:12pt;
   text-align:center;
   vertical-align:middle;
}
.tablecentermiddle10, .tablecentermiddle10 TD, .tablecentermiddle10 TH
{
   color:black;
   font-family:sans-serif;
   font-size:10pt;
   text-align:center;
   vertical-align:middle;
}
.tablecentermiddle8, .tablecentermiddle8 TD, .tablecentermiddle8 TH
{
   color:black;
   font-family:sans-serif;
   font-size:8pt;
   text-align:center;
   vertical-align:middle;
}
.tableright8, .tableright8 TD, .tableright8 TH
{
   color:black;
   font-family:sans-serif;
   font-size:8pt;
   text-align:right;
   vertical-align:top;
}
.tablerightmiddle10, .tablerightmiddle10 TD, .tablerightmiddle10 TH
{
   color:black;
   font-family:sans-serif;
   font-size:10pt;
   text-align:right;
   vertical-align:middle;
}
.tablerightmiddle12, .tablerightmiddle12 TD, .tablerightmiddle12 TH
{
   color:black;
   font-family:sans-serif;
   font-size:12pt;
   text-align:right;
   vertical-align:middle;
}
.tablerightmiddle14, .tablerightmiddle14 TD, .tablerightmiddle14 TH
{
   color:black;
   font-family:sans-serif;
   font-size:14pt;
   text-align:right;
   vertical-align:middle;
}
.tablerighttop8, .tablerighttop8 TD, .tablerighttop8 TH
{
   color:black;
   font-family:sans-serif;
   font-size:8pt;
   text-align:right;
   vertical-align:top;
}
.tablecentermiddleserif8, .tablecentermiddleserif8 TD, .tablecentermiddleserif8 TH
{
   color:black;
   font-family:serif;
   font-size:8pt;
   text-align:center;
   vertical-align:middle;
}
.tablecentermiddleserif10, .tablecentermiddleserif10 TD, .tablecentermiddleserif10 TH
{
   color:black;
   font-family:serif;
   font-size:10pt;
   text-align:center;
   vertical-align:middle;
}
.tablecentermiddleserif12, .tablecentermiddleserif12 TD, .tablecentermiddleserif12 TH
{
   color:black;
   font-family:serif;
   font-size:12pt;
   text-align:center;
   vertical-align:middle;
}
.tablecentertopserif8, .tablecentertopserif8 TD, .tablecentertopserif8 TH
{
   color:black;
   font-family:serif;
   font-size:8pt;
   text-align:center;
   vertical-align:top;
}
.tablecentertopserif10, .tablecentertopserif10 TD, .tablecentertopserif10 TH
{
   color:black;
   font-family:serif;
   font-size:10pt;
   text-align:center;
   vertical-align:top;
}
.tablecentertopserif12, .tablecentertopserif12 TD, .tablecentertopserif12 TH
{
   color:black;
   font-family:serif;
   font-size:12pt;
   text-align:center;
   vertical-align:top;
}
.tablelefttopserif8, .tablelefttopserif8 TD, .tablelefttopserif8 TH
{
   color:black;
   font-family:serif;
   font-size:8pt;
   text-align:left;
   vertical-align:top;
}
.tablelefttopserif10, .tablelefttopserif10 TD, .tablelefttopserif10 TH
{
   color:black;
   font-family:serif;
   font-size:10pt;
   text-align:left;
   vertical-align:top;
}
.tablelefttopserif12, .tablelefttopserif12 TD, .tablelefttopserif12 TH
{
   color:black;
   font-family:serif;
   font-size:12pt;
   text-align:left;
   vertical-align:top;
}
.tablerighttopserif8, .tablerighttopserif8 TD, .tablerighttopserif8 TH
{
   color:black;
   font-family:serif;
   font-size:8pt;
   text-align:right;
   vertical-align:top;
}
.tablerighttopserif10, .tablerighttopserif10 TD, .tablerighttopserif10 TH
{
   color:black;
   font-family:serif;
   font-size:10pt;
   text-align:right;
   vertical-align:top;
}
.tablerighttopserif12, .tablerighttopserif12 TD, .tablerighttopserif12 TH
{
   color:black;
   font-family:serif;
   font-size:12pt;
   text-align:right;
   vertical-align:top;
}
.pixel_red, .pixel_red TD, .pixel_red TH 
{
   background-image:url('pixel_red.gif');
   background-color:white; 
}
.pixel_dkblue, .pixel_dkblue TD, .pixel_dkblue TH 
{
   background-image:url('pixel_dkblue.gif');
   background-color:white; 
}
.pixel_trans, .pixel_trans TD, .pixel_trans TH 
{
   background-image:url('pixel_trans.gif');
   background-color:white; 
}
A:link{color:blue; text-decoration:underline}
A:visited{color:purple}
A:active{color:green}
A:hover{color:red; text-decoration:underline}