body.index {
background-image: url('images/background.gif');
background-attachment: fixed;
text-align: center;
margin: 5px;
}
body.indexwhite {
text-align: center;
margin: 5px;
}
p {
color: #000000;
font-family: Arial, sans-serif;
font-size: 80%;
line-height: 120%;
text-align: left;
margin: 10px 0px 10px 0px;
}


/*Styles for Order Links*/

p.ordercenter {
color: #000000;
font-family: Arial, sans-serif;
font-size: 80%;
line-height: 120%;
text-align: center;
}
p.orderleft {
color: #000000;
font-family: Arial, sans-serif;
font-size: 80%;
line-height: 120%;
text-align: left;
}
td.ordertable {
color: #000000;
font-family: Arial, sans-serif;
font-size: 80%;
font-weight: bold;
text-align: center;
padding: 3px;
border-width: 2px;
border-style: solid;
border-color: #000000;
}


p.address {
color: #000000;
font-family: Arial, sans-serif;
font-size: 60%;
line-height: 120%;
margin: 0px 0px 0px 0px;
text-align: center;
}
p.bonus {
font-size: 110%;
font-weight:900;
line-height: 120%;
}
img.bonus {
border-width: 0px;
display: inline-block;
height: 28px;
vertical-align: middle;
width: 42px;
}
p.samplelink {
color: #000000;
font-family: Arial, sans-serif;
font-size: 80%;
line-height: 120%;
margin: 5px 0px 0px 0px;
text-align: center;
}
h1 {
color: #000000;
font-family: Arial, sans-serif;
text-align: center;
font-size: 150%;
line-height: 120%;
margin: 5px 0px 5px 0px;
}
h2 {
color: #000000;
font-family: Arial, sans-serif;
text-align: left;
font-size: 100%;
font-style: italic;
line-height: 120%;
margin: 5px 0px 5px 0px;
}
h2.flashcard {
color: #000080;
font-family: Arial, sans-serif;
text-align: center;
font-size: 100%;
font-style: normal;
font-weight: bold;
line-height: 120%;
margin: 10px 0px 10px 0px
}
h2.order {
color: #000000;
font-family: Arial, sans-serif;
text-align: center;
font-size: 100%;
font-style: normal;
font-weight: bold;
line-height: 120%;
margin: 10px 0px 10px 0px
}
h3 {
color: #000080;
font-family: Arial, sans-serif;
text-align: center;
font-size: 100%;
font-weight: bold;
line-height: 120%;
margin: 10px 0px 10px 0px
}
h3.subtitle {
color: #ff0000;
font-family: Arial, sans-serif;
text-align: center;
font-size: 100%;
font-weight: bold;
line-height: 120%;
margin: 5px 0px 5px 0px
}
ul {
margin: 10px 0px 0px 0px;
}
li.long {
color: #000000;
font-family: Arial, sans-serif;
margin: 10px 0px 0px 0px;
font-size: 80%;
line-height: 120%;
text-align: left;
}
li.short {
color: #000000;
font-family: Arial, sans-serif;
font-size: 80%;
line-height: 120%;
text-align: left;
}
table.border {
border-width: 2px;
border-style: solid;
border-color: #000000;
border-collapse: collapse;
}
td.content {
color: #000000;
font-family: Arial, sans-serif;
font-size: 80%;
padding: 3px;
border-width: 2px;
border-style: solid;
border-color: #000000;
}
div.productimage {
float: right;
margin: 10px 0px 0px 10px;
}
div.creditcard {
margin: 0px 0px 0px 0px;
text-align: center;
}
div.gsc-results {
font-family: Arial, sans-serif;
}
.sup {
position: relative;
bottom: 0.4em;
font-size: 0.8em;
}
.red {
color: #ff0000;
}
.black {
color: #000000;
}
.tightspacing {
margin: 0px 0px 0px 0px;
}
.small {
font-size: 60%;
font-family: Arial, sans-serif;
}
.right {
float: right;
}
.rightjustify {
color: #000000;
font-family: Arial, sans-serif;
font-size: 80%;
line-height: 120%;
text-align: right;
}
.dspcont{
display:none;
}



/***************************** 
 Fan-out menu
***/

div.menulinks {
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

.menulinks {
  font-family: Arial, sans-serif;
  font-size: 60%;
  text-align: center;
  list-style: none; 
  margin: 0px;
  padding: 0px;
  background-color:white;
}

.menulinks li {
  position: relative;
  display: inline;
}

.menulinks li a {
  color: blue;
}

.menulinks li:hover {
  background-color:white;
}

.menulinks li:hover > ul{
  display: block;
}

.menulinks li ul {
  position: absolute;
  white-space: nowrap;
  text-align: left;
  list-style: none; 
  display: none; 
  z-index: 5;
  left: 0%;
  top: 1.15em;
  margin: 0px;
  padding: 0px;
  border: 1px solid gray;
  background-color: #C0C0C0;
  width: 9.5em;
}

.menulinks li ul li{
  display: list-item;
  cursor: pointer;
  width: 100%;
}

.menulinks li ul li a{
  display: block;
  margin-left: 3px;
  margin-right: 3px;
}

.menulinks li ul li ul {
  position: absolute;
  left: 9.5em;
  top: 0px;
  white-space: nowrap;
  list-style: none;
  z-index: 5;
  margin: 0px;
  padding: 0px;
  border: 1px solid gray;
  background-color: #C0C0C0;
  width: 15em;
}

/*****************************/