body {
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  color: #999999;
  margin: 10px; 
}

table { padding: 0px; margin: 0px; vertical-align: top; }
td { margin: 0px; padding: 0ps; vertical-align: top; }
input { font-size: 11px; }
select { font-size: 11px; }
option { font-size: 11px; }
textarea { font-size: 11px; }

.eco {
  font-family: serif;
  font-size: 11px;
  font-style: italic;
  color: #999999;
  letter-spacing: .5pt;
  word-spacing: 1pt;
  margin: 10px; 
}
.date {
  font-family: BitstreamVeraSans, arial, helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 1pt;
  word-spacing: 1pt;
}
.you {
  font-family: BitstreamVeraSans, arial, helvetica, sans-serif;
  font-size: 10px;
  letter-spacing: 1pt;
  word-spacing: 1pt;
}

.shop		{ font-size: 10px; letter-spacing: 2pt; }
.portaltext     { font-size: 12px; line-height: 18px; }
.searchtext     { font-size: 11px; line-height: 15px; }
.poptext     	{ font-size: 10px; line-height: 20px; }
.shapes		{ font-size: 11px; line-height: 18px; }
.arch		{ font-size: 11px; line-height: 20px; }
.arch2		{ font-size: 11px; line-height: 26px; letter-spacing: 1pt; font-weight: bold;}
.smallvaria     { font-size: 11px; line-height: 18px; }
.varia05     	{ font-size: 10px; line-height: 18px; }
.varia05sub     { font-size: 11px; line-height: 22px; }
.varia05eco     { font-size: 11px; line-height: 19px; }
.medvaria       { font-size: 12px; line-height: 24px; }
.digitalvaria   { font-size: 12px; line-height: 18px; }
.smallhardware  { font-size: 10px; line-height: 15px; }
.smallfurniture { font-size: 11px; line-height: 20px; }
.hardware       { font-size: 12px; line-height: 40px; }
.youcreate      { font-size: 11px; line-height: 18px; }

.bodybold { font-size: 11px; color: #000000;   font-weight: bold; }
.linkbold { font-size: 12px; color: #666666; }
a.linkbold:hover { color: #B2C890; }

.giant   { font-size: 48px; }
.largest { font-size: 24px; }
.larger  { font-size: 20px; }
.large   { font-size: 16px; }
.normal  { font-size: 14px; }
.medium	 { font-size: 13px; }
.small   { font-size: 12px; }
.smaller { font-size: 11px; }
.smallest{ font-size: 10px; }
.mini    { font-size: 9px; }
.tiny    { font-size: 8px; }

img { border: 0px; }

.wide { width: 100%; }

.fl { float: left; }
.fr { float: right; }

.left   { text-align: left; }
.right  { text-align: right; }
.center { text-align: center; }
.vtop   { vertical-align: top; }
.vbot   { vertical-align: bottom; }
.vmid   { vertical-align: middle; }
.vtbot  { vertical-align: text-bottom; }

.vtop td  { vertical-align: top; }
.vmid td  { vertical-align: middle; }
.vbot td  { vertical-align: bottom; }
.vtbot td { vertical-align: text-bottom; }

.bold   { font-weight: bold; }

.dblue { color: #3399cc; }
.green { color: #217317; }
.red    { color: #ef4a34; }
.kred   { color: #de1608; }
.pink	{ color: #f481c6; }
.black  { color: #000000; }
.yellow { color: #ffcc33; }
.white  { color: #ffffff; }
.dkgray   { color: #4d4d4d; }
.medgray  { color: #666666; }
.egray    { color: #737373; }
.ltgray   { color: #999999; }
.ltrgray  { color: #cccccc; }
.ltryellow { color: #e8c375; }
.ltyellow { color: #cc9b32; }
.dkyellow { color: #a86f00; }
.ltblue   { color: #edf5fa; }
.offwhite { color: #e6e6e6; }
.solo1 { color: #343563; }
.solo2 { color: #D04C85; }
.solo3 { color: #3FAE48; }
.solo4 { color: #006F36; }
.solo5 { color: #00697E; }
.solo6 { color: #572701; }
.solo7 { color: #F47B20; }


.blackbg  { background-color: #000000; }
.dkgraybg   { background-color: #4d4d4d; }
.medgraybg  { background-color: #666666; }
.ltgraybg   { background-color: #999999; }
.ltrgraybg  { background-color: #cccccc; }
.ltyellowbg { background-color: #cc9b32; }
.dkyellowbg { background-color: #a86f00; }
.ltbluebg   { background-color: #edf5fa; }
.offwhitebg { background-color: #e6e6e6; }

.dkgrayborder   { border: 1px #4d4d4d solid; }
.medgrayborder  { border: 1px #666666 solid; }
.ltgrayborder   { border: 1px #999999 solid; }
.ltrgrayborder  { border: 1px #cccccc solid; }
.ltyellowborder { border: 1px #cc9b32 solid; }
.dkyellowborder { border: 1px #a86f00 solid; }
.ltblueborder   { border: 1px #edf5fa solid; }
.offwhiteborder { border: 1px #cccccc solid; }
.yellowborder   { border: 1px #ffffcc solid; }

.ltrgrayborder2    { border: 1px #cccccc solid; border-width: 1px 1px 0px 0px;}
.ltrgrayborder2 td { border: 1px #cccccc solid; border-width: 0px 0px 1px 1px;}
.ltrgrayborderbot2 td { border-bottom: 1px #cccccc solid;}

.ltrgrayborder3    { border: 1px #cccccc solid; border-width: 1px 1px 0px 1px;}
.ltrgrayborder3 td { border: 1px #cccccc solid; border-width: 1px 1px 0px 1px;}

.ltgrayborder2    { border: 1px #999999 solid; }
.ltgrayborder2 td { border: 1px #999999 solid; }

.ltrgrayborderimg img { border: 1px #cccccc solid; border-width: 1px; }

.dkgrayborderbot   { border-bottom: 1px #4d4d4d solid; }
.medgrayborderbot  { border-bottom: 1px #666666 solid; }
.ltgrayborderbot   { border-bottom: 1px #999999 solid; }
.ltrgrayborderbot  { border-bottom: 1px #cccccc solid; }
.ltyellowborderbot { border-bottom: 1px #cc9b32 solid; }
.dkyellowborderbot { border-bottom: 1px #a86f00 solid; }
.offwhiteborderbot { border-bottom: 1px #e6e6e6 solid; }

.dkgraybordertop   { border-top: 1px #4d4d4d solid; }
.medgraybordertop  { border-top: 1px #666666 solid; }
.ltgraybordertop   { border-top: 1px #88988f solid; }
.ltrgraybordertop  { border-top: 1px #cccccc solid; }
.ltyellowbordertop { border-top: 1px #cc9b32 solid; }
.dkyellowbordertop { border-top: 1px #a86f00 solid; }
.offwhitebordertop { border-top: 1px #e6e6e6 solid; }

.noinborders table    { border-width: 0px; }
.noinborders table td { border-width: 0px; }

.margin0 { margin: 0px; }
.margin2 { margin: 2px; }
.margin3 { margin: 3px; }
.margin5 { margin: 5px; }
.margin0l { margin-left: 0px; }
.margin2l { margin-left: 2px; }
.margin3l { margin-left: 3px; }
.margin5l { margin-left: 5px; }
.margin0r { margin-right: 0px; }
.margin2r { margin-right: 2px; }
.margin3r { margin-right: 3px; }
.margin5r { margin-right: 5px; }

.nopad td { padding: 0px; }
.padray { padding: 10px 20px 5px 0px; }
.pad25 td { padding: 25px; }
.pad15 td { padding: 15px; }
.pad15nl { padding: 15px 30px 15px 0px; }
.pad15nl td { padding: 15px 30px 15px 0px; }
.padray td { padding: 10px 30px 15px 0px; }
.pad10 td { padding: 10px; }
/*.pad10nlr { padding: 10px 0px; }*/
.pad10nlr td { padding: 10px 10px 10px 0px; }
/*.pad10nl { padding: 10px 0px; }*/
.pad10nl td { padding: 10px 20px 10px 0px; }
/*.pad10nl2 { padding: 0px 0px; }*/
.pad10nl2 td { padding: 0px 30px 12px 0px; }
/*.pad10nl3 { padding: 0px 12px 12px 0px; }*/
.pad10x4 td { padding: 10px 6px 2px 6px; }
.pad10nl3 td { padding: 0px 12px 12px 0px; }
.pad8nl3 td { padding: 0px 10px 10px 0px; }
.pad5 td { padding: 5px; }
.pad5nl { padding: 5px 0px; }
.pad5nl td { padding: 5px 10px 5px 0px; }
.pad2 td { padding: 2px; }
.pad2 { padding: 2px; }
.pad2nr { padding: 2px 0px 2px 4px; }
.pad2nr td { padding: 2px 0px 2px 4px; }
.pad2nl td { padding: 2px 4px 2px 0px; }
.pad2nl { padding: 2px 4px 2px 0px; }
.pad3 td { padding: 3px; }
.pad3nl td { padding: 3px 6px 3px 0px; }
.pad3nls td { padding: 1px 2px 1px 0px; }
.pad3nls td img { padding: 5px 0px 0px 0px; }
.pad3b td { padding: 3px; }
.pad5b td { padding: 5px; }
.pad0 td { padding: 0px; }

select.nothere { 
  width: 130px;
  /* border: 1px solid white; 
  background-color: #ffffff; */
}

.searchbox { 
  font-family: BitstreamVeraSans, arial, helvetica, sans-serif;
  font-size: 10px;
  vertical-align: top;
}
 
/* #proddetails td { border: 1px #6d8fcc solid; }*/
.spectable td { padding: 3px 3px 3px 0px; vertical-align: top; }

h1.tagline {
  font-family: BitstreamVeraSans, arial, helvetica, sans-serif;
  color: #b2c890;
  font-weight: normal;
  font-size: 10px; 
  margin: 0px;
}

h3 { font-size: 18px; margin-top: 4px; margin-bottom: 4px; color: #999999; font-weight: normal; }

hr.thin { 
  border: 0px; height: 1px; padding: 0px; margin: 0px; 
  background-color: #4d4d4d; 
}

/* #menubox inclues #mainmenu and #submenu */
#menubox { font-size: 11px; letter-spacing: 1px; }

#submenu a { margin-left:28px;}

a:link    { color: #666666; text-decoration: none; }
a:visited { color: #666666; text-decoration: none; }
a:hover   { color: #b2c890; text-decoration: none; }

#submenu a:link    { color: #999999; text-decoration: none; }
#submenu a:visited { color: #999999; text-decoration: none; }
#submenu a:hover   { color: #4d4d4d; text-decoration: none; }

.black a:link    { color: #000000; text-decoration: none; }
.black a:visited { color: #000000; text-decoration: none; }
.black a:hover   { color: #666666; text-decoration: none; }

.dkgray a:link    { color: #4d4d4d; text-decoration: none; }
.dkgray a:visited { color: #4d4d4d; text-decoration: none; }
.dkgray a:hover   { color: #b2c890; text-decoration: none; }

.medgray a:link    { color: #4d4d4d; text-decoration: none; }
.medgray a:visited { color: #4d4d4d; text-decoration: none; }
.medgray a:hover   { color: #b2c890; text-decoration: none; }

.searchlink a:link    { color: #222222; text-decoration: underline; }
.searchlink a:visited { color: #222222; text-decoration: underline; }
.searchlink a:hover   { color: #b2c890; text-decoration: underline; }

.ltgray a:link    { color: #999999; text-decoration: none; }
.ltgray a:visited { color: #999999; text-decoration: none; }
.ltgray a:hover   { color: #b2c890; text-decoration: none; }

.ltrgray a:link    { color: #cccccc; text-decoration: none; }
.ltrgray a:visited { color: #cccccc; text-decoration: none; }
.ltrgray a:hover   { color: #b2c890; text-decoration: none; }

.dkyellow a:link    { color: #b2c890; text-decoration: none; }
.dkyellow a:visited { color: #b2c890; text-decoration: none; }
.dkyellow a:hover   { color: #999999; text-decoration: none; }

a.dkyellow:link    { color: #b2c890; text-decoration: none; }
a.dkyellow:visited { color: #b2c890; text-decoration: none; }
a.dkyellow:hover   { color: #999999; text-decoration: none; }

.dkyellow2 a:link    { color: #b2c890; text-decoration: none; }
.dkyellow2 a:visited { color: #b2c890; text-decoration: none; }
.dkyellow2 a:hover   { color: #cc9b32; text-decoration: none; }

a:link    .dkyellow2 { color: #b2c890; text-decoration: none; }
a:visited .dkyellow2 { color: #b2c890; text-decoration: none; }
a:hover   .dkyellow2 { color: #cc9b32; text-decoration: none; }

.ltyellow a:link    { color: #cc9b32; text-decoration: none; }
.ltyellow a:visited { color: #cc9b32; text-decoration: none; }
.ltyellow a:hover   { color: #999999; text-decoration: none; }

.kred a:link    { color: #de1608; text-decoration: none; }
.kred a:visited { color: #de1608; text-decoration: none; }
.kred a:hover   { color: #999999; text-decoration: none; }

a.highlight { color: #b2c890; }
