BODY { scrollbar-arrow-color: #CC0033; scrollbar-shadow-color: #003366;
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; background: #FFFFFF }

/* floating icon in menu bar*/
.float { position:absolute; left: 660; top:2; z-index: 1 }

/* here is the code required for a floating item
<a class="float" href="store.htm"><img src="images/cloverspin.gif" alt="Introducing our CloverCase line of innovative CD/DVD cases and mailers" border="0"></a>      */

/* font color scheme */
.fone { color: #003366 }
.ftwo { color: #6699CC }
.fthree { color: #CC3300 }
.ffour { color: #000000 }
.ffive { color: #FFFFFF }
H1,H2,H3,H4,H5,H6 { color: #cc3300 }

/* background color scheme */
.bone { background-color: #003366 }
.btwo { background-color: #6699CC }
.bthree { background-color: #CC3300 }
.bfour { background-color: #CCCCCC }
.bfive { background-color: #000000 }
.bsix { background-color: #FFFFFF }
.bseven { background-color: #999999 }

.bsky { background-image: url('images/skybackmono.jpg') }
.bskycolor { background-image: url('http://www.idealoft.com/images/skyback.jpg') }

.bblend { background-image: url('http://www.idealoft.com/images/blend.gif'); background-repeat: repeat-x }
.bblend2 { background-image: url('http://www.idealoft.com/images/blend2.gif'); background-repeat: repeat-x }

.bgrey { background-image: url('http://www.idealoft.com/images/greyblend.gif'); background-repeat: repeat-x }



/* heading indentation */
.indent { margin-left: 20px }

/* cloverpost page */
table.post { font-size: smaller;  margin-left: 60px }
table.post TD.1,TD.2 { text-align: center }
table.post TD.3 { text-align: center; width: 300px }

/* custom pages */
table.custom { font-size: smaller }


/* main links on TOP navigation bar */
A.LINK.nav { font-size: xx-small;  text-decoration: none; color: #FFFFFF; padding: 0px 4px 5px 4px }
A:HOVER.nav { font-size: xx-small;  background-image: url('http://www.idealoft.com/images/skybackmono.jpg'); color: #000000; text-decoration: none; border-bottom: solid #FFFFFF 1px;
border-left:   solid #FFFFFF 1px;
border-right:  solid #FFFFFF 1px; 
border-top:    solid #FFFFFF 1px;
padding: 0px 3px 2px 3px;
}

/* main links on BOTTOM navigation bars */
A.LINK.naw { font-size: xx-small;  text-decoration: none; color: #ffffff; padding: 3px 4px 0px 4px; position: relative;
top: -2px }
A:HOVER.naw { font-size: xx-small;  background-image: url('http://www.idealoft.com/images/skybackmono.jpg'); color: #000000; text-decoration: none; border-bottom: solid #ffffff 1px;
border-left:   solid #ffffff 1px;
border-right:  solid #ffffff 1px; 
border-top:    solid #ffffff 1px;
padding:  3px 3px 0px 3px;
position: relative;
top: -2px  }

/* selected links on TOP navigation bar */
A.LINK.navb { font-size: xx-small;  text-decoration: none; color: #000000; background-image: url('http://www.idealoft.com/images/blueblend.gif'); background-repeat: repeat; font-weight: normal;
border-left:   solid #ffffff 1px;
border-right:  solid #ffffff 1px;
border-top:    solid #ffffff 1px;
border-bottom: solid #6699CC 0px;
padding:  0px 3px 3px 3px;
z-index: 2; 
position: relative;
top: 0px
}
A:HOVER.navb{ font-size: xx-small;  text-decoration: none;
padding:  0px 3px 3px 3px; color: #003366 }

/* selected links on BOTTOM navigation bar */
A.LINK.navd { font-size: xx-small;  text-decoration: none; color: #000000; background-color: #6699CC; background-repeat: repeat;  font-weight: normal;
border-left:   solid #ffffff 1px;
border-right:  solid #ffffff 1px;
border-top:    solid #6699CC 0px;
border-bottom: solid #ffffff 1px;
padding:   3px 4px 1px 4px;
z-index: 2; 
position: relative;
top: -4px }
A:HOVER.navd {  font-size: xx-small;  text-decoration: none;
padding:  3px 4px 1px 4px; color: #003366  }

/* links */
A.LINK { text-decoration: underline; color: #003366 } 
A.VISITED { text-decoration: underline; color: #003366 } 
A:HOVER { color: #CC3300; text-decoration: underline }




/* lists */
UL { text-align: justify; margin-right: 2px }
UL.company { text-align: justify; margin-left: 60px; margin-right: 60px }
UL.product { font-size: 7pt; margin-left: 20px; text-align: left }
UL.square { font-size: normal;  list-style-type: square; line-height: 140%;  margin-right: 200px; text-align: justify }
UL.none { font-size: normal;  list-style-type: none; line-height: 140% }
UL.faq { font-size: x-small;  margin-left: 40px; margin-right: 200px; text-align: justify; line-height: 140% }
UL.table { font-size: x-small;  margin-right: 20px; text-align: justify; line-height: 140% }
UL.description { list-style-type: none; font-size: smaller; text-align: justify; line-height: 140%; margin-left: 3px; margin-right: 3px }

/* this is for the digital guide */
UL.dg1 { font-size: smaller;  list-style-type: none; margin-left: 20px }
BLOCKQUOTE.dg {  font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 150%; color: #000000; text-align: justify; margin-left: 20px; margin-right: 80px }
BLOCKQUOTE.dgh  {  font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 150%; color: #000000; text-align: left; margin-left: 20px; margin-right: 80px }







DIV.questions { font-size: smaller; text-align: center }
P { font-size: smaller; line-height: 150%; margin-left: 20px; margin-right: 20px }
P.other { text-align: justify; line-height: 110% }








/* borders */

.surround { border: 2px solid #cccccc; border-collapse: collapse; text-align: center }
.left { border-left: 2px solid #cccccc; border-collapse: collapse; text-align: center }
.right { border-right: 2px solid #cccccc; border-collapse: collapse; text-align: center }
.top { border-top: 2px solid #cccccc; border-collapse: collapse; text-align: center }
.bottom { border-bottom: 2px solid #cccccc; border-collapse: collapse; text-align: center }
.topleft { border-top: 2px solid #cccccc; border-left: 2px solid #cccccc; border-collapse: collapse; text-align: center }
.topright { border-top: 2px solid #cccccc; border-right: 2px solid #cccccc; border-collapse: collapse; text-align: center }
.bottomleft { border-bottom: 2px solid #cccccc; border-left: 2px solid #cccccc; border-collapse: collapse; text-align: center }
.bottomright { border-bottom: 2px solid #cccccc; border-right: 2px solid #cccccc; border-collapse: collapse; text-align: center }
.topbottom { border-top: 2px solid #cccccc; border-bottom: 2px solid #cccccc; border-collapse: collapse; text-align: center }
.leftright { border-left: 2px solid #cccccc; border-right: 2px solid #cccccc; border-collapse: collapse; text-align: center }





table.faq { font-size: normal }
table.small { font-size: x-small }
















INPUT.email { background-color: #ffffff; font-size: 8pt; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000 }

INPUT.go { font-size: 8pt; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; background-color: #CC3300; }


TEXTAREA { font-size: smaller }
SELECT, OPTION {
	font-family: font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff;  font-size: 8pt; background-color: #003366 }


TD.product { background-color: #cccccc; color: #000066; padding: 1px }
TD.store { font-size: 7pt; text-align: center }



DIV.ad { background: #000066 }
DIV.news { background: #99CC99; margin-left: 13px; margin-right: 11px; color: #003366; padding: 5px }





DIV.bottom { align: center;  background-image: url('images/background1.jpg') ; margin-left: 0px; margin-right: 0px; color: #ffffff }


DIV.step { background: #6699CC; margin-left: 20px; margin-right: 170px } 
DIV.nav { color: black; background: #CCCC99; margin-right: 170px; margin-left: 3px; font-size: smaller }
DIV.footnote { font-size: 7pt }



BLOCKQUOTE { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 150%; color: #000000; text-align: justify; margin-left: 20px; margin-right: 100px }