/* Universal styles */
BODY {
  scrollbar-base-color:       #CCCCD3;
  scrollbar-track-color:      #CCCCD3;
  scrollbar-face-color:       #CCCCD3;
  scrollbar-highlight-color:  #FFFFFF;
  scrollbar-3dlight-color:    #AAAAB4;
  scrollbar-darkshadow-color: #AAAAB4;
  scrollbar-shadow-color:     #AAAAB4;
  scrollbar-arrow-color:      #FFFFFF; }

/* Fonts and Colors */
TABLE {
  COLOR: #000000;
  FONT:  12px verdana, arial, sans-serif;
  font-weight: normal }

.copytext {
  COLOR: #666666;
  FONT:  10px arial, verdana, sans-serif;
  font-weight: bold }
	
.main-tablebg {
  background-color: #F5F5F9; }

.pagelines {
  background-color: #000000; }

.pagesplits {
  COLOR:  #7D8FB1;
  height: 1px }

.phonetitle {
  color: #339900;
  FONT:  13px arial, sans-serif;
  font-weight: bold }

.subtitle {
  COLOR: #000099;
  FONT:  13px arial, sans-serif;
  font-weight: bold }

.smalltext {
  COLOR: #666666;
  FONT:  11px arial, verdana, sans-serif;
  font-weight: normal }

.title {
  COLOR: #2222FF;
  FONT:  14px arial, sans-serif;
  font-weight: bold }

	
/* misc */	
.borders {
  BORDER: #000000 1px solid; }

.faq {
  line-height: 18px }

.just	{
  text-align: justify }


/* keep list items from snuggling into each other */
#list-padded {
	padding  : 0px; }
	
#list-padded li {
  margin  : 2px;
	padding : 2px; }
	
	
#options {
  text-align : left;
  COLOR      : #000066;
  FONT       : 12px arial, sans-serif;
  font-weight: bold }
	

/* ZOOM <div id ...> */
#ZOOM {
  LEFT: 10px;
  POSITION: absolute;
  TOP:  10px }

	
/* Header search box */
.searchform {
  WIDTH:  110PX;
  HEIGHT: 20PX;
  FONT:   11px arial, georgia, "Times New Roman", sans-serif;
  BORDER: #000000 1px solid; }

.searchformdrop {
  HEIGHT: 20PX;
  FONT:   11px arial, georgia, "Times New Roman", sans-serif;
  margin-top: 1px; }

.search-font {
  color:  #000000;
  font:   11px verdana, arial, sans-serif;
  font-weight: bold }


 /* Layered text */
#hometext {
  position:   absolute;
  visibility: show;
  left:       580px;
  top:        90px;
  width:      400px;
  z-index:    2 }

.hometextlayer {
  COLOR:      #FFFFFF;
  FONT:       11px arial, verdana, sans-serif;
  font-weight:bold; }

.hometexttitle {
  COLOR:      #FFFFFF;
  FONT:       18px arial, verdana, sans-serif;
  font-weight:normal; }


#date-location {
  left: 5px;
  POSITION: absolute;
  TOP: 4px }

.date-font {
  color: #000000;
  font:  10px verdana, arial, sans-serif;
  font-weight: normal }


/* buttons, etc. */	
.dropdown {
  COLOR:  #333333;
  WIDTH:  200PX;
  FONT:   11px geneva, verdana, arial, sans-serif }

.shadeform {
  FONT:   13px arial, verdana, sans-serif;
  background-image: url("picts/shadeform.gif");
  text-align: left;
  WIDTH:  200PX;
  BORDER: #000000 1px solid}

.submitbutton {
  font-size: 10pt; }

.textarea {
  FONT:   13px arial, verdana, sans-serif;
  background-image: url("picts/shadeform.gif");
  text-align: left;
  WIDTH:  350PX;
  HEIGHT: 225PX;
  BORDER: #000000 1px solid}


/* default link */	
a:link {
  color: #FF1111;
  text-decoration: none }

a:visited	{
  color: #FF2222;
  text-decoration: none }

a:active {
  color: #6666FF;
  text-decoration: none }

a:hover {
  color: #FFAAAA;
  text-decoration: none }


/* web support pages */	
.link_spt {
  cursor: hand;
  font:   11px Verdana, Arial;
  /* font-weight: bold;*/
  text-indent:     2px;
  text-decoration: none; }
	
a.link_spt:link {
  color:   #1111FF;
  padding: 2px;
  margin:  3px; }

a.link_spt:visited {
  color:   #2222FF;
  font-weight: normal;
  padding: 1px;
  margin:  3px; }

a.link_spt:active {
  color:   #1111FF;
  padding: 2px;
  margin:  3px; }

a.link_spt:hover {
  background-color:#F0F0F0;
  /*  border: #000000 1px solid; */
  padding: 2px;
  margin:  3px;
  color:   #AAAAFF; }

			
 /* Galleries */
.button-popups {
  background-color: #F0F0F0;
  background-image: url("picts/button-popups.gif");
  FONT-FAMILY: arial, verdana, helvetica, sans;
  font-size: 8pt;
  color:     #000066;
  height:    24px;
  cursor:    hand;
  font-weight: normal;
  text-align:  center;
  BORDER:    #000066 1px solid }

.buttonon-popups {
  background-color: #F0F0F0;
  background-image: url("picts/button-popups.gif");
  FONT-FAMILY: arial, verdana, helvetica, sans;
  font-size: 8pt;
  color:     #0033FF;
  height:    24px;
  cursor:    hand;
  font-weight: normal;
  text-align:  center;
  BORDER:    #0033FF 1px DASHED }

.button-order {
  background-color: #026DD3;
  background-image: url("picts/button-order.gif");
  FONT-FAMILY: arial, verdana, helvetica, sans;
  font-size: 9pt;
  color:     #FFFFFF;
  height:    26px;
  width:     150px;
  cursor:    hand;
  font-weight: bold;
  text-align:  center;
  BORDER:    #FFFFFF 2px solid }

.buttonon-order {
  background-color:#01D02C;
  background-image: url("picts/buttonon-order.gif");
  FONT-FAMILY: arial, verdana, helvetica, sans;
  font-size: 9pt;
  color:     #FFFFFF;
  height:    26px;
  width:     150px;
  cursor:    hand;
  font-weight: bold;
  text-align:  center;
  BORDER:    #FFFFCE 2px solid }

.rollover {
  BORDER: #000000 1px solid }
	
.rolloveron {
  BORDER: #0099FF 1px solid }
	
.price {
  COLOR:  #CC9900;
  FONT:   18px arial, sans-serif, verdana;
  font-weight: bold;
  line-height: 30px }
	
.product-table {
  border: #7D8FB1 1px solid;
  background-color: #FFFFFF; }
	
.product-title {
  COLOR:  #3366FF;
  FONT:   20px arial, sans-serif;
  font-weight: bold;
  font-style:  italic; }

	
/* Menus, help, sidebar, etc. */
.menutitle {
  font:   11px Verdana, Arial;
  font-weight:  bold;
  color:  #000000;
  height: 19px;
  padding-left: 6px;
  padding-top:  6px;
  text-align:   left; }

.sidebar-bg {
  background-color: #F0F0F0;
  background-image: url("picts/background-menu-gray.jpg"); }


/* menu */
.menu {
  width:  150px;
  cursor: hand;
  font:   11px Verdana, Arial;
  font-weight: normal;
  text-indent: 2px;
  text-align:  left;
  display:     block;
  text-decoration: none; }

a.menu:link {
  color:   #000000;
  padding: 2px;
  margin:  3px; }

a.menu:visited {
  color:   #000000;
  padding: 2px;
  margin:  3px; }

a.menu:active {
  color:   #000000;
  padding: 2px;
  margin:  3px; }

a.menu:hover {
  background-color: #F0F0F0;
  border:  #000000 1px solid;
  padding: 1px;
  margin:  3px;
  color:   #0000FF; }
	
/* An Inside Look and PC Utilities */	
.menu_hdg {
  /* width:  150px; */
  cursor: hand;
  font:   11px Verdana, Arial;
  font-weight: normal;
  padding-top:  6px;
  margin:  7px;
  text-decoration: none; }

	
/* Client Solutions and Products */			
.menu_prod {
  /*  width: 150px; */
  cursor:  hand;
  font:    12px Verdana, Arial;
  font-weight: bold;
  text-indent: 2px;
  text-decoration: none; }

a.menu_prod:link {
  color:   #FF2222;
  padding: 2px;
  margin:  3px; }

a.menu_prod:visited {
  color:   #FF2222;
  font-weight: normal;
  padding: 2px;
  margin:  3px; }

a.menu_prod:active {
  color:   #FF2222;
  padding: 2px;
  margin:  3px; }

a.menu_prod:hover {
  background-color:#F0F0F0;
  border:  #000000 1px solid;
  padding: 1px;
  margin:  3px;
  color:   #FFAAAA; }


/* Top menu */

.menu_horz-bg {
  background-color: #D2D2E2;
  color: #000000;
  font:  10px verdana, arial, sans-serif; }

.menu_horz {
  cursor: hand;
  font:   11px Verdana, Arial;
  font-weight: normal;
  text-align:  left;
  display:     block;
  text-decoration: none; }

a.menu_horz:link {
  color:         #000000;
  padding-left:  5px;
  padding-right: 5px;
  padding-top:   2px;
  padding-bottom:2px;
  margin:        1px; }

a.menu_horz:visited {
  color:         #000000;
  padding-left:  5px;
  padding-right: 5px;
  padding-top:   2px;
  padding-bottom:2px;
  margin:        1px; }

a.menu_horz:active {
  color:         #000000;
  padding-left:  5px;
  padding-right: 5px;
  padding-top:   2px;
  padding-bottom:2px;
  margin:        1px; }

a.menu_horz:hover {
  background-color: #DADAE6;
  border:        #000000 1px solid;
  padding-left:  5px;
  padding-right: 5px;
  padding-top:   2px;
  padding-bottom:2px;
  margin:        0px;
  color:         #0000FF; }
	
	
		

