/*
 *	Tags CSS
 */

@media screen {
body		{ text-align: center; background-color: #eee; color: #000;
		  font-size: 11pt; font-family: sans-serif;
		  padding: 10px 0px; margin: 0px; }
	      }
@media print {
body            { text-align: center; background-color: #eee; color: #000;
                  font-size: 15pt; font-family: sans-serif;
                  padding: 10px 0px; margin: 0px; }
              }

a:link		{ color: #0000a0; text-decoration:none; }
a:visited	{ color: #000060; text-decoration:none; }
a:hover		{ color: #660066; text-decoration:underline; }
dt		{ font-weight: bold; text-decoration: underline;
		  font-size: 13pt; margin-bottom: 10px; padding-left: 5px }
dd		{ font-size: 11pt; margin: 0px 10px 15px 20px; }
fieldset	{ margin: 0px 0px 15px 0px; border-radius: 8px; }
footer          { clear: both; }
form		{ position: relative; }
h1		{ font-weight: bold; font-size: 30pt; padding: 0px; margin: 0px }
h2		{ font-weight: bold; font-size: 18pt; margin: 15px 0px 5px 0px; }
h3		{ padding: 0px; margin: 0px 0px 10px 0px; }
header		{ padding: 0px 0px 20px 0px; }
img		{ border: 0 }
p		{ margin: 0px 0px 10px 0px; }
table		{ border: double 3px black; border-collapse: collapse; 
		  width: 100%; text-align: center;
		  box-shadow: 5px 5px 3px #808080; }
td		{ padding: .5px 5px; border: solid 1px black;
		  text-align: center; width: 5em; }
th		{ padding: .5px 5px; border: solid 1px black;
		  background-color: #ddd; }
textarea,input	{ color: #000 !important; background-color: #bbb !important }

/*
 *	Sections CSS
 */

@media screen {
.content	{ display: inline-block; width: 990px; background-color: #fff;
		  border-radius: 25px; box-shadow: 5px 5px 2px #ccc;
		  padding: 20px; margin: 0px; }
.centercol	{ padding: 0px 160px; margin: 0px 10px;}
.leftcol	{ width: 160px; float: left; padding: 0px; }
.rightcol	{ width: 160px; float: right; padding: 0px; }
	      }
@media print  {
.content	{ display: inline; width: 990px; text-align: center; }
.leftcol	{ display: none; }
.rightcol	{ display: none; }
}

.f		{ clear: both; }		/* Footer HTML5 Substitute */
.h		{ padding: 0px 0px 20px 0px; }	/* Header HTML5 Substitute */
.midsection	{ clear: both; }
.txt		{ text-align: left; margin: 0px; padding: 15px 0px 0px 0px }

/*
 *	Special Classes
 */

@media screen {
.button		{ background-color: #901 !important; color: #bb0 !important;
		  display: inline-block; text-align: center;
		  width: 300px; height: 80px; border: 6px double #ff0;
		  border-radius: 40px; box-shadow: 10px 10px 5px #888;
		  text-decoration: none !important; }
.button:hover	{ background-color: #b02 !important; color: #ff0 !important; }
.button:active	{ position: relative; top: 5px; left: 5px;
		  box-shadow: 5px 5px 3px #666; }

.sb		{ font-size: 35px; width: 340px; height: 100px;
		  border: 8px double #ff0; border-radius: 50px;
		  box-shadow: 10px 10px 5px #888;
		  background-color: #901 !important; color: #bb0 !important; }
.sb:hover	{ background-color: #b02 !important; color: #ff0 !important; }
.sb:active	{ position: relative; top: 5px; left: 5px;
		  box-shadow: 5px 5px 3px #666; }

.searchwrap	{ padding: 20px 0px; }
@media print  {
.button		{ display: none; }
.sb		{ display: none; }
.searchwrap	{ display: none; }
.livecustomer	{ display: none; }
	      }

.aup		{ list-style-position: inside; color: #800; }
.cul		{ margin: 0px 0px 20px 0px; padding: 0px 0px 0px 17px; text-align: left }
.item		{ list-style-image: url("/images/goldmetalbullet.png");
		  width: 100%; margin: 0px; padding: 0px; }
.red		{ color: #800; }

/*
 *	CSS to change Visa and Home Button backgrounds
 */

.home		{ display: inline-block; height: 75px; width: 150px;
		  background: url('/images/home-button-off.jpg');
		  text-decoration: none; }
.home:hover	{ background: url('/images/home-button-on.jpg'); }
.home:active	{ position: relative; top: 5px; left: 5px; }

.card		{ display: inline-block; height: 75px; width: 150px;
		  background: url('/images/card-button-off.jpg');
		  text-decoration: none; }
.card:hover	{ background: url('/images/card-button-on.jpg'); }
.card:active	{ position: relative; top: 5px; left: 5px; }

/*
 *	CSS classes used for color bars
 */

.orange		{ background-color: #fff0e0; 
		  border-radius: 5px; }

.orange_top	{ background-color: #d07000; color: #ffffff;
		  font-weight: bold; text-align: center; }

.orange_bottom	{ background-color: #ffd0a0;
		  font-weight: bold; text-align: center; }

.yellow_top	{ background-color: #b09020; color: #ffffff;
		  font-weight: bold; text-align: center; }

.yellow_bottom	{ background-color: #ffff80;
		  font-weight: bold; text-align: center; }

.green_top	{ background-color: #60a060; color: #ffffff;
		  font-weight: bold; text-align: center; }

.green_bottom	{ background-color: #a0ffa0;
		  font-weight: bold; text-align: center; }

.red_top	{ background-color: #d00000; color: #ffffff;
		  font-weight: bold; text-align: center; }

.red_bottom	{ background-color: #ffc0c0;
		  font-weight: bold; text-align: center; }

.violet_top	{ background-color: #802080; color: #ffffff;
		  font-weight: bold; text-align: center; }

.violet_bottom	{ background-color: #ffc0ff;
		  font-weight: bold; text-align: center; }

.blue_top	{ background-color: #6060a0; color: #ffffff;
		  font-weight: bold; text-align: center; }

.blue_bottom	{ background-color: #b0b0ff;
		  font-weight: bold; text-align: center; }