@charset "utf-8";
body { font-family: Verdana, Arial, Helvetica, sans-serif; background: #F5F4FD url(../imgs/island/bg_gradient.gif) repeat-x; margin: 0px; padding: 0px; color: #143384; font-size: 14px; }
a { outline: none; }
a:link, a:visited { color: #143384; text-decoration: none; }
a:hover, a:active, a:focus { color: #143384; text-decoration: underline; }
a img { border-style: none; text-decoration: none; }
table { padding: 0px; border-style: none; margin-top: 2em; margin-bottom: 2em; }
ul { list-style: none; margin: 0px; padding: 0px; }

h1 { margin: 0px; padding: 0px; }
h2 { font-size: 2em; font-weight: bold; padding: 0px; margin: 0px; }
h3 { font-size: 1.6em; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #110D10; letter-spacing: 0em; line-height: 1.2em; padding: 0px; margin-top: 2.5em; margin-bottom: .7em; }
h4 { font-size: 1em; font-weight: bold; line-height: 1em; font-style: normal; margin-top: 1em; margin-bottom: 1em; }

h1#identity { text-indent: -9999px; }
h2#tagline { text-indent: -9999px; }
h3#title { text-indent: -9999px; }
h4#subtitle { text-indent: -9999px; }

#popupContent h2 { height: 33px; width: 183px; }
h2#headerAbout { background: url(../imgs/popup/headerAbout.gif) no-repeat 0 0; text-indent: -9999px; }
h2#headerContact { background: url(../imgs/popup/headerContact.gif) no-repeat 0 0; text-indent: -9999px; }
h2#headerFeedback { background: url(../imgs/popup/headerFeedback.gif) no-repeat 0 0; text-indent: -9999px; }
h2#headerLinks { background: url(../imgs/popup/headerLinks.gif) no-repeat 0 0; text-indent: -9999px; }
h2#headerOrder { background: url(../imgs/popup/headerOrder.gif) no-repeat 0 0; text-indent: -9999px; }
h2#headerOrderForm { background: url(../imgs/popup/headerOrderForm.gif) no-repeat 0 0; text-indent: -9999px; }
h2#headerProducts { background: url(../imgs/popup/headerProducts.gif) no-repeat 0 0; text-indent: -9999px; }
/* ='no-repeat' has to be on each individual div (not grouped) to work correctly in IE6 */

#backIsland { position: absolute; right: 0px; bottom: 0px; margin: 30px; height: 22px; width: 130px; text-indent: -9999px; }
#backIsland a { display: block; height: 22px; width: 130px; background: url(../imgs/popup/backIsland.gif) no-repeat center center; }

#bodyContainer { height: 569px; width: 931px; position: relative; margin-right: auto; margin-left: auto; }
#contactImg { position: absolute; top: 175px; left: 255px; }
#identityContainer { position: absolute; left: 600px; top: 450px; width: 300px; height: 150px; background: url(../imgs/island/identity.gif) no-repeat center center; z-index: 1; }
#islandContainer { background: url(../imgs/island/island.gif) no-repeat center center; height: 569px; width: 931px; position: relative; z-index: 0; }
#popupContainer { background: url(../imgs/popup/popupContainer.gif) no-repeat center center; z-index: 5; height: 520px; width: 765px; position: absolute; top: 45px; left: 65px; }
#popupContent { margin: 30px; letter-spacing: 0.01em; line-height: 1.4em; }
#popupContent ul { list-style: disc url(../imgs/popup/bullet.gif) outside; margin-left: 2em; }
#popupIdentity { position: absolute; top: 10px; left: 285px; height: 100px; width: 200px; background: url(../imgs/popup/popupIdentity.gif) no-repeat center center; text-indent: -9999px; }
#productImg { float: right; position: relative; top: -25px; left: 0px; }
#productImgSmall { float: right; position: absolute; top: 75px; left: 500px; }
#productTable { text-align: center; margin-left: 50px; }
#productTable div { float: left; }
#productTable div img { margin-top: 1em; }
#productTable div a:hover, #productTable div a:active, #productTable div a:focus { border-bottom: 2px solid #143384; }
#scrollingLinks { overflow-y: scroll; height: 233px; width: 700px; }
#scrollingPopup { overflow-y: scroll; height: 290px; width: 700px; } /* For How to Order */
#scrollingPopup p { margin-right: 9px }
#titleContainer { position: absolute; left: 0px; top: 25px; width: 250px; height: 215px; background: url(../imgs/island/title.gif) no-repeat center center; z-index: 1; }

#products { position: absolute; left: 275px; top: 297px; height: 30px; width: 150px; text-indent: -9999px; }
#products a { display: block; height: 30px; width: 150px; background: url(../imgs/island/products.gif) no-repeat center center; }

#order { position: absolute; top: 398px; left: 48px; height: 30px; width: 150px; text-indent: -9999px; }
#order a { display: block; height: 30px; width: 150px; background: url(../imgs/island/order.gif) no-repeat center center; }

#about { position: absolute; left: 228px; top: 444px; height: 30px; width: 110px; text-indent: -9999px; }
#about a { display: block; height: 30px; width: 110px; background: url(../imgs/island/about.gif) no-repeat center center; }

#contact { position: absolute; left: 425px; top: 399px; height: 30px; width: 110px; text-indent: -9999px; }
#contact a { display: block; height: 30px; width: 110px; background: url(../imgs/island/contact.gif) no-repeat center center; }

#feedback { position: absolute; left: 332px; top: 190px; height: 30px; width: 110px; text-indent: -9999px; }
#feedback a { display: block; height: 30px; width: 110px; background: url(../imgs/island/feedback.gif) no-repeat center center; }

#links { position: absolute; top: 236px; left: 538px; height: 30px; width: 110px; text-indent: -9999px; }
#links a { display: block; height: 30px; width: 110px; background: url(../imgs/island/links.gif) no-repeat center center; }

#smallPrint { text-align: center; margin: 3em; font-size: 0.9em; color: #9999FF; }
#smallPrint a { color: #9999FF; }

.contactSmallprint { font-size: 1em; }
.popupSmallprint, .linksSmallprint { font-size: 0.9em; }
.linksSmallprint { position: absolute; bottom: 15px; }
.titleSpaced { font-weight: bold; }
.strong { font-weight: bold; }
.em { font-style: italic; }
.imgBorder { border: 9px solid #ccccff; }
.imgFloatLeft { float: left; margin: 0 9px 9px 0; }
.floatingContent { margin: 0 9px 9px 0; }
.checkspam { color: #e2001a; }