* {padding: 0;  margin: 0;}
html {height: 100%; width: 100%;}
body {min-height: 100%; min-width: 100%; margin: 0px; background: #ffffff; line-height: 13px; font-size: 10px; color: #000000; font-weight: normal; font-family: helvetica, arial, sans-serif, "trebuchet ms"; text-decoration: none;}
a:link {color: #666666; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:active {color: #000000; text-decoration: none; outline: none;}
a:hover {color: #444444; text-decoration: none;}

#bodygrad {z-index: -10; left: 0px; top: 0px; min-width: 100%; min-height: 100%; position: fixed; display: block;}

#con {position: relative; z-index: 2; margin-left: -410px; left: 50%; width: 820px; height: 820px; top: 30px; background: transparent;}
#conshadow {display: block; position: absolute; z-index: 1; width: 800px; height: 800px; top: 1px; left: 1px; background: transparent;}
#conshadowr {display: block; position: absolute; z-index: 1; width: 8px; height: 800px; top: 8px; left: 800px; background: url(graphics/home/black5.png);}
#conshadowb {display: block; position: absolute; z-index: 1; width: 792px; height: 8px; top: 800px; left: 8px; background: url(graphics/home/black5.png);}
#conback {display: block; position: absolute; z-index: 2; width: 800px; height: 800px; top: 1px; left: 1px; background: #ffffff;}
#confill {display: block; position: absolute; z-index: 3; width: 800px; height: 800px; top: 0px; left: 0px; border-color: #dddddd; border-width: 1px; border-style: solid; background: transparent;}
#confillgrad {display: block; position: absolute; z-index: 3; width: 800px; height: 800px; top: 0px; left: 0px;}

#overcontentcaption {position: absolute; z-index: 200; width: 0px; height: 0px; top: 285px; left: 350px; background: transparent; overflow: hidden;}
#overcontentcaption2 {display: block; position: absolute; z-index: 200; width: 0px; height: 0px; top: 175px; left: 60px; background: transparent; overflow: hidden;}
.captiontext {position: absolute; z-index: 210; height: auto; margin-left: auto; margin-right: auto; left: 0px; width: 100%; visibility: visible; background: transparent; color: #888888; text-align: center;}
#captiontext1 {top: 38%; font-size: 16px; line-height: 18px; }
#captiontext2 {top: 34%; font-size: 16px; line-height: 18px; }
#captiontext3 {top: 38%; font-size: 16px; line-height: 18px;}
#captiontext4 {top: 38%; font-size: 16px; line-height: 18px;}
#captiontext5 {top: 38%; font-size: 16px; line-height: 18px;}
#captiontext6 {top: 34%; font-size: 16px; line-height: 18px;}
#captiontext7 {top: 38%; font-size: 16px; line-height: 18px;}
#captiontext8 {top: 34%; font-size: 16px; line-height: 18px;}
#captiontext9 {top: 34%; font-size: 14px; line-height: 16px;}
#captiontext10 {top: 34%; font-size: 14px; line-height: 16px;}

#overcontent {display: none; position: absolute; z-index: 110; padding: 0px; width: 320px; height: 325px; top: 220px; left: 240px; background: transparent;}
#overcontentshadow {position: absolute; z-index: 6; width: 320px; height: 325px; top: 8px; left: 8px; background: url(graphics/home/black5.png);}
#overcontentshadow1 {display: none; position: absolute; z-index: 6; width: 495px; height: 550px; top: 1px; left: 1px; background: transparent;}
#overcontentshadow1r {display: block; position: absolute; z-index: 6; width: 8px; height: 550px; top: 8px; left: 495px; background: url(graphics/home/black5.png);}
#overcontentshadow1b {display: block; position: absolute; z-index: 6; width: 487px; height: 8px; top: 550px; left: 8px; background: url(graphics/home/black5.png);}
#overcontentback {position: absolute; z-index: 6; width: 320px; height: 325px; top: 1px; left: 1px; background: #ffffff;}
#overcontentfillgrad {position: absolute; z-index: auto; width: 100%; height: 100%; top: 0px; left: 0px;}
#overcontentfill {position: absolute; z-index: 7; width: 320px; height: 325px; top: 0px; left: 0px; border: solid #dddddd; border-width: 1px 1px 1px 1px; background: transparent;}
#overcontentfill2 {position: absolute; z-index: 7; width: 320px; height: 325px; top: 1px; left: 1px; background: transparent; overflow: hidden; text-align: justify; color: #ffffff; font-size: 12px; line-height: 15px;}
#overcontentpic {float: left; position: relative; z-index: 8; width: 300px; height: 300px; margin-right: 15px; margin-bottom: 15px; top: 10px; left: 10px; background: transparent;}
#overcontentpicshadow {display: none; position: absolute; z-index: 7; width: 100%; height: 100%; top: 6px; left: 6px; background: url(graphics/home/black10.png);}
.inbg {position: absolute; z-index: 10; width: 100%; height: 100%; top: 0px; left: 0px;}
#inbg-img2 {display: none;}
#overcontenttext {z-index: 8; display: block; position: absolute; width: 100%; height: 100%;}
.overcontenttextA {z-index: 8; display: block; position: absolute; width: 100%; height: 100%;}
.overcontentlinks{cursor: pointer; color: #666666;}

#overcontenttext2, #overcontenttext3, #overcontenttext4, #overcontenttext5, #overcontenttext6 {display: none;}

.paraicon1con {display: block; position: absolute; left: 0px; width: 82px; height: 120px;}
.paraicon1shadow {display: block; position: absolute; width: 76px; height: 74px; top: 6px; left: 6px; background: url(graphics/home/black5.png);}
.paraicon1 {display: block; position: absolute; width: 76px; height: 74px; top: 0px; left: 0px;}
.paraicon1over1 {display: none; position: absolute; width: 76px; height: 74px; top: 0px; left: 0px; background: url(graphics/legacy/sover1.png) no-repeat; cursor: pointer;}
.paraicon1over2 {display: none; position: absolute; width: 76px; height: 74px; top: 0px; left: 0px; background: url(graphics/legacy/sover2.png) no-repeat; cursor: pointer;}
.paraicon1text {display: block; position: absolute; left: 100px; width: 395px; height: 120px;}

#para41 {display: block; width: 100%; top: 0px; left: 0px; height: 90px; overflow: hidden;}
#para42 {display: block; width: 100%; top: 90px; left: 0px; height: 105px; overflow: hidden;}
#para43 {display: block; width: 100%; top: 195px; left: 0px; height: 105px; overflow: hidden;}
#para44 {display: block; width: 100%; top: 300px; left: 0px; height: 105px; overflow: hidden;}
#para45 {display: block; width: 100%; top: 405px; left: 0px; height: 105px; overflow: hidden;}

#para42icon {background: url(graphics/legacy/color1s.gif) no-repeat;}
#para43icon {background: url(graphics/legacy/volcano1s.gif) no-repeat;}
#para44icon {background: url(graphics/legacy/ds1s.gif) no-repeat;}
#para45icon {background: url(graphics/legacy/dsg1s.gif) no-repeat;}
#para45iconselect {display: none; z-index: 1000; position: absolute; width: 76px; height: 74px; top: 0px; left: 0px; background: url(graphics/legacy/dsg1s.gif) no-repeat;}

.paraicon1conB {display: block; z-index: 20; position: absolute; top: 250px; left: 300px; width: 0px; height: 0px; overflow: hidden;}
.paraicon1shadowB {display: block; position: absolute; width: 300px; height: 294px; top: 6px; left: 6px; background: url(graphics/home/black5.png);}

#designaminicon {float: left; display: block; position: relative; z-index: 1; left: 0px; top: 0px; margin-right: 15px; margin-bottom: 10px; width: 106px; height: 106px; background: transparent;}
#aminiconshadow {display: block; z-index: -1; left: 6px; top: 6px; width: 100px; height: 100px; position: absolute; background: url(graphics/home/black5.png);}
#aminicon {display: block; z-index: 1; left: 0px; top: 0px; width: 98px; height: 98px; position: absolute; border: 1px solid #dddddd; background: #ffffff;}
#aminicongrad {display: block; z-index: 1; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; }

#acon {position: relative; z-index: 2; left: 9px; width: 83px; height: 83px; top: 9px; background: transparent;}
#aconshadow {display: block; position: absolute; z-index: 1; width: 80px; height: 80px; top: 3px; left: 3px; background: url(graphics/home/black5.png);}
#aconfill {display: block; position: absolute; z-index: 2; width: 78px; height: 78px; top: 0px; left: 0px; border-color: #dddddd; border-width: 1px; border-style: solid; background: #ffffff;}
#aconfillgrad {display: block; position: absolute; z-index: 2; width: 78px; height: 78px; top: 0px; left: 0px;}

#acontent1 {display: block; position: absolute; z-index: 2; width: 42px; height: 21px; top: 7px; left: 33px; background: transparent;}
#acontent1shadow {position: absolute; z-index: 1; width: 39px; height: 19px; top: 3px; left: 3px; background: url(graphics/home/black5.png);}
#acontent1fill {position: absolute; z-index: 2; width: 38px; height: 18px; top: 0px; left: 0px; border: solid #dddddd; border-width: 1px 1px 1px 1px; background-color: #ffffff;}
#acontent1fillgrad {display: block; position: absolute; z-index: auto; width: 38px; height: 18px; top: 0px; left: 0px; }

#acontent2 {display: block; position: absolute; z-index: 2; width: 22px; height: 68px; top: 7px; left: 7px; background: transparent;}
#acontent2shadow {position: absolute; z-index: 2; width: 19px; height: 65px; top: 3px; left: 3px; background: url(graphics/home/black5.png);}
#acontent2fill {position: absolute; z-index: 3; width: 18px; height: 64px; top: 0px; left: 0px; border: solid #dddddd; border-width: 1px 1px 1px 1px; background: #ffffff;}
#acontent2fillgrad {position: absolute; z-index: 4; width: 18px; height: 64px; top: 0px; left: 0px;}
#acontent2banner1 {position: absolute; z-index: 5; width: 12px; height: 12px; top: 0px; left: 0px; background: url(graphics/home/banner1red.png); overflow: hidden;}

#aovercontent {display: block; position: absolute; z-index: 2; width: 42px; height: 43px; top: 33px; left: 33px; background: transparent;}
#aovercontentshadow {position: absolute; z-index: 3; width: 39px; height: 39px; top: 3px; left: 3px; background: url(graphics/home/black5.png);}
#aovercontentfill {position: absolute; z-index: 4; width: 38px; height: 38px; top: 0px; left: 0px; border: solid #dddddd; border-width: 1px 1px 1px 1px; background-color: #ffffff; overflow: hidden;}
#aovercontentfillgrad {position: absolute; z-index: 5; width: 38px; height: 38px; top: 0px; left: 0px;}

#overcontenttext3piccon {float: left; display: block; position: relative; z-index: 1; left: 0px; top: 0px; margin-right: 15px; margin-bottom: 10px; width: 106px; height: 106px; background: transparent;}
#overcontenttext3picshadow {display: block; z-index: -1; left: 6px; top: 6px; width: 100px; height: 100px; position: absolute; background: url(graphics/home/black5.png);}
#overcontenttext3pic {display: block; z-index: 1; left: 0px; top: 0px; width: 100px; height: 100px; position: absolute; background: url(graphics/home/commerce1.gif) no-repeat;}

#content1 {display: block; position: absolute; z-index: 13; width: 503px; height: 228px; top: -1000px; right: 40px;}
#content1shadow {position: absolute; z-index: 3; width: 495px; height: 220px; top: 1px; left: 1px; background: transparent;}
#content1shadowr {position: absolute; z-index: 3; width: 8px; height: 220px; top: 8px; left: 495px; background: url(graphics/home/black5.png);}
#content1shadowb {position: absolute; z-index: 3; width: 487px; height: 8px; top: 220px; left: 8px; background: url(graphics/home/black5.png);}
#content1back {position: absolute; z-index: 13; width: 495px; height: 220px; top: 1px; left: 1px; background-color: #ffffff; }
#content1fillgrad {display: block; position: absolute; z-index: auto; width: 100%; height: 100%; top: 0px; left: 0px;}
#content1fill {position: absolute; z-index: 14; width: 495px; height: 220px; top: 0px; left: 0px; border: solid #dddddd; border-width: 1px 1px 1px 1px; background-color: transparent;}
#content1stuff {position: absolute; z-index: 14; width: 495px; height: 220px; top: 1px; left: 1px; background: transparent;}
#content1logo {display: block; position: absolute; z-index: 15; width: 255px; height: 145px; top: 0px; left: 240px; }
#content1io {display: block; position: absolute; z-index: 15; width: 84px; height: 59px; bottom: 0px; left: 63px; background: url(graphics/images/floppy1.gif);}

#content2 {display: block; position: absolute; z-index: 9; width: 233px; height: 748px; top: 30px; left: -3000px;}
#content2shadow {position: absolute; z-index: 9; width: 225px; height: 740px; top: 1px; left: 1px; background: transparent;}
#content2shadowr {position: absolute; z-index: 9; width: 8px; height: 740px; top: 8px; left: 225px; background: url(graphics/home/black5.png);}
#content2shadowb {position: absolute; z-index: 9; width: 217px; height: 8px; top: 740px; left: 8px; background: url(graphics/home/black5.png);}
#content2back {position: absolute; z-index: 10; width: 225px; height: 740px; top: 1px; left: 1px; background: #ffffff;}
#content2fillgrad {display: block; position: absolute; z-index: auto; width: 100%; height: 100%; top: 0px; left: 0px;}
#content2fill {position: absolute; z-index: 10; width: 225px; height: 740px; top: 0px; left: 0px; border: solid #dddddd; border-width: 1px 1px 1px 1px; background: transparent;}
#content2stuff {position: absolute; z-index: 10; width: 225px; height: 740px; top: 1px; left: 1px; background: transparent;}
#content2text {position: absolute; z-index: 13; width: 225px; height: 740px; top: 1px; left: 1px; background: transparent;}

#content2banner1click {position: absolute; z-index: 15; width: 177px; height: 177px; top: 0px; left: 0px; background: transparent;}
#content2banner1 {position: absolute; z-index: 11; width: 177px; height: 177px; top: -800px; left: 0px; background: url(graphics/home/banner1red.png);}
#content2bannerwords1 {position: absolute; z-index: 12; width: 177px; height: 177px; top: 0px; left: 0px; background: url(graphics/home/banner1words1.png);}
.content2links {cursor: pointer; position: absolute; z-index: 13; width: 185px; height: 20px; top: -800px; left: 20px; background: transparent; text-align: left; line-height: 18px; font-size: 14px; color: #666666; font-weight: bold; text-decoration: none;}
#content2base1 {position: absolute; z-index: 14; width: 225px; height: 25px; bottom: 50px; left: 0px; background: transparent; text-align: center; line-height: 18px; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none;}
#content2cubett {display: none; position: absolute; z-index: 14; width: 225px; height: 25px; top: -125px; left: 0px; background: transparent; text-align: center; line-height: 12px; font-size: 10px; font-weight: bold; text-decoration: none;}

#cache1 {display: block; position: absolute; z-index: 1; width: 1px; height: 1px; bottom: 0px; left: -1000px; visibility: visible; overflow: hidden;}
.cache {display: block; position: absolute; z-index: 1; width: 500px; height: 500px; bottom: 0px; left: 0px; visibility: visible;}

#contop {position: absolute; z-index: 2; margin-left: -410px; width: 820px; height: 20px; top: -30px; left: 50%; background: transparent; text-align: right; line-height: 16px; color: #ffffff; font-weight: bold; text-decoration: none;}
#contoptextleft {position: absolute; z-index: 10; top: 5px; left: 90px; width: auto; height: 12px; visibility: visible; background: transparent;}
#contoptextright {float: right; display: inline; position: absolute; z-index: 10; top: 5px; right: 20px; width: 600px; height: 12px; visibility: visible; background: transparent;}
.toplinks {cursor: pointer; font-weight: bold; color: #666666;}
#mailto {float:none;}

#conbottom {position: absolute; z-index: 2; margin-left: -410px; width: 820px; height: 20px; top: 845px; left: 50%; background: transparent;}
#copyright {position: relative; z-index: 6; margin-left: -205px; width: 410px; height: 15px; top: 0px; left: 50%; visibility: visible; background: transparent; text-align: center; line-height: 16px; font-size: 10px; color: #888888; text-decoration: none;}

/* begin dsg theme css */

#inwin2 {display: none; position: absolute; z-index: 380; width: 297px; height: 274px; background: transparent;}
#inwin2 a:link, #inwin2 a:visited {color: #000000; text-decoration: none;}
#inwin2 a:hover {color: #444444; text-decoration: none;}
#inwin2 a:active {color: #00ccff; text-decoration: none; outline: none;}
#inwincon2 {display: block; position: absolute; z-index: 380; left: 0px; top: 0px; width: 297px; height: 274px; background: url(graphics/legacy/themedsg1.gif) no-repeat; overflow: hidden;}
#inwinhead2 {display: block; position: absolute; z-index: 390; top: 6px; left: 0px; width: 297px; height: 22px; background: url(graphics/legacy/themedsg1head.gif) no-repeat; cursor: move; overflow: hidden;}
#inwincon2close {display: block; position: absolute; z-index: 391; top: 7px; left: 1px; width: 24px; height: 20px; background: transparent; cursor: pointer; overflow: hidden;}
#inwintitle2 {position: relative; z-index: 411; margin-left: auto; margin-right: auto; top: 2px; width: 200px; font-size: 10px; color: #999999; text-align: center; font-weight: bold;}
#inwinhead2block {display: block; position: absolute; z-index: 400; top: 0px; left: 122px; width: 125px; height: 12px; background: transparent;}
#inwincon2content {display: block; position: absolute; z-index: 390; left: 36px; top: 58px; width: 210px; height: 172px; background: transparent; overflow: hidden; text-align: justify; line-height: 14px; font-size: 12px; color: #888888; text-decoration: none;}
#inwincon2contenti {float: left; display: block; position: relative; z-index: 1; left: 0px; top: 0px; margin-right: 15px; margin-bottom: 6px; width: 60px; height: 47px; background: url(graphics/legacy/themedsg1icon.gif) no-repeat;}

/* begin gui control panel specific css */

#content2color {display: block; position: absolute; z-index: 14; width: 45px; height: 47px; top: -625px; left: 125px; background: url(graphics/home/cube1.png); cursor: pointer;}

#inwin {display: block; position: absolute; z-index: 400; width: 349px; height: 185px; background: transparent;}
#inwincon {display: none; position: absolute; z-index: 400; left: 43px; top: 208px; width: 0px; height: 0px; border: 1px solid #7f7f7f; background: url(graphics/home/palback5.gif) repeat-x; background-color: #aaaaaa; overflow: hidden;}
#inwinhead {display: none; position: absolute; z-index: 410; top: 0px; left: 0px; width: 349px; height: 0px; border: solid #7f7f7f; border-width: 1px 1px 0px 1px; background: url(graphics/home/palhead1.png) no-repeat; cursor: move; overflow: hidden;}
#inwintitle {display: block; position: absolute;; z-index: 411; margin-left: auto; margin-right: auto; top: 8px; width: 200px; height: 18px; background: transparent; font-size: 10px; line-height: 16px; color: #aaaaaa; text-align: center; font-weight: bold;}
#inwinclose {display: none; float: right; position: absolute; z-index: 411; top: 5px; right: 11px; width: 45px; height: 19px; background: url(graphics/home/palclose1.png) no-repeat; cursor: pointer; text-align: center; line-height: 15px; font-size: 9px; color: #dddddd; font-weight: bold; text-decoration: none;}
#cpcloseword {display: none;}

.shadow {z-index: -1; background: url(graphics/home/black10.png);}
#rightshadow {display: none; position: absolute; top: 7px; right: -8px; width: 8px; height: 183px;}
#bottomshadow {display: none; position: absolute; bottom: -5px; left: 8px; width: 341px; height: 8px;}

/*  palette pane */

#contentpalshadow {display: none; z-index: 500; position: absolute; top: 37px; left: 289px; width: 55px; height: 55px;}
#contentpal1 {display: block; z-index: 510; position: absolute; margin: 0px; border: 0px; top: 30px; left: 13px; width: 325px; height: 55px; background: transparent;}
.cpal1 {display: block; z-index: 610; position: absolute; width: 0px; height: 0px; background: transparent; overflow: hidden; cursor: pointer;}

#contentpalgrayshadow {display: none; z-index: 500; position: absolute; top: 54px; left: 19px; width: 325px; height: 10px;}
#contentpal1gray {display: none; z-index: 500; position: absolute; margin: 0px; border: 0px; top: 48px; left: 13px; width: 325px; height: 10px; background: transparent; cursor: pointer;}
.cpal1g {display: block; z-index: 500; position: absolute; width: 21px; height: 10px; background: transparent; overflow: hidden; font-size: 0px;}
.cpal1g2 {display: block; z-index: 500; position: absolute; width: 25px; height: 10px; background: transparent; overflow: hidden; font-size: 0px;}

.palselectedborder {font-size: 0pt; z-index: 612; background: #ffffff; float: left; position: relative; top: 30px; left: 328px; width: 10px; height: 10px;  display:none;}
.palselectedinner {font-size: 0pt; z-index: 613; background: #ffffff; float: left; position: relative; top: 1px; left: 1px; width: 8px; height: 8px;  display:block; }

#select1 {display: none; position: absolute; z-index: 410; top: 31px; left: 20px; width: 320px; height: 20px; background: transparent; text-align: left; line-height: 19px; font-size: 10px; color: #474747; font-weight: normal; text-decoration: none; font-family: arial, sans-serif, "trebuchet ms", helvetica;}
#select1a {float: left; position: relative;  display: inline;z-index: 410; top: 0px; left: 0px; width: auto; height: 20px; background: transparent; text-align: left;}
#select1b {float: left; position: relative; display: inline; z-index: 410; top: 0px; left: 15px; width: auto; height: 20px; background: transparent; text-align: left;}

.coloridvisible {display: block;} 
.coloridhidden {display: none;}

#choices1 {z-index: 710; float: left; position: relative; display: block; top: 0px; left: 6px; width: 130px; height: 20px; background: transparent; color: #474747; font-weight: normal; cursor: pointer;}
#choices1shad {position: absolute; z-index: 510; top: 2px; left: 2px; width: 128px; height: 18px; background: url(graphics/home/black10.png);}
#choices1but {position: absolute; z-index: 512; top: 0px; left: 0px; width: 126px; height: 16px; border: 1px solid #8c8c8c; background: url(graphics/home/head2.gif) repeat-x;}
#choices1text {margin: 0px; border: 0px; position: absolute; z-index: 514; top: 0px; left: 5px; width: 116px; height: 16px; background: transparent; text-align: center; line-height: 16px; font-size: 10px;}

#choices1a {margin: 0px; z-index: 720; display: none; position: absolute; top: 3px; left: 3px; width: 126px; height: 100px; border: 1px solid #aaaaaa; background: #dfdfdf;}
#choices1a1a {margin: 0px; z-index: 730; display: none; position: absolute; top: 3px; left: 126px; width: 86px; height: 100px; border: solid #aaaaaa; border-width: 1px 1px 1px 0px; background: url(graphics/home/subback1.gif) repeat-y;}
#choices1a2a {margin: 0px; z-index: 730; display: none; position: absolute; top: 23px; left: 126px; width: 86px; height: 40px; border: solid #aaaaaa; border-width: 1px 1px 1px 0px; background: url(graphics/home/subback1.gif) repeat-y;}
#choices1a3a {margin: 0px; z-index: 730; display: none; position: absolute; top: 43px; left: 126px; width: 86px; height: 40px; border: solid #aaaaaa; border-width: 1px 1px 1px 0px; background: url(graphics/home/subback1.gif) repeat-y;}
#choices1a4a {margin: 0px; z-index: 730; display: none; position: absolute; top: 63px; left: 126px; width: 86px; height: 120px; border: solid #aaaaaa; border-width: 1px 1px 1px 0px; background: url(graphics/home/subback1.gif) repeat-y;}
#choices1a5a {margin: 0px; z-index: 730; display: none; position: absolute; top: 83px; left: 126px; width: 86px; height: 120px; border: solid #aaaaaa; border-width: 1px 1px 1px 0px; background: url(graphics/home/subback1.gif) repeat-y;}
.choices {position: relative; z-index: 710; top: 0px; left: 0px; width: 100%; height: 20px; background: transparent; text-align: left; line-height: 19px; font-size: 10px; color: #474747; font-weight: normal; text-indent: 10px; text-decoration: none; cursor: pointer;}
.choice1arrow {float: right; z-index: 711; display: block; position: absolute; top: 6px; right: 5px; width: 8px; height: 8px; background: url(graphics/home/littlearrow5.gif) no-repeat;}

#choices1ashadow {border: 0px; margin: 0px; z-index: 610; display: none; position: absolute; top: 8px; left: 8px; width: 126px; height: 100px; background: url(graphics/home/black10.png);}
#choices1a1ashadow {border: 0px; margin: 0px; z-index: 612; display: none; position: absolute; top: 8px; left: 130px; width: 87px; height: 100px; background: url(graphics/home/black10.png);}
#choices1a2ashadow {border: 0px; margin: 0px; z-index: 612; display: none; position: absolute; top: 28px; left: 130px; width: 87px; height: 40px; background: url(graphics/home/black10.png);}
#choices1a3ashadow {border: 0px; margin: 0px; z-index: 612; display: none; position: absolute; top: 48px; left: 130px; width: 87px; height: 40px; background: url(graphics/home/black10.png);}
#choices1a4ashadow {border: 0px; margin: 0px; z-index: 612; display: none; position: absolute; top: 68px; left: 130px; width: 87px; height: 120px; background: url(graphics/home/black10.png);}
#choices1a5ashadow {border: 0px; margin: 0px; z-index: 612; display: none; position: absolute; top: 88px; left: 130px; width: 87px; height: 120px; background: url(graphics/home/black10.png);}

#choices2 {z-index: 610; float: right; position: relative; display: block; top: 0px; left: 0px; width: 115px; height: 20px; background: transparent; color: #474747; font-weight: normal; cursor: pointer;}
#choices2shad {position: absolute; z-index: 600; top: 2px; left: 2px; width: 113px; height: 18px; background: url(graphics/home/black10.png);}
#choices2but {position: absolute; z-index: 612; top: 0px; left: 0px; width: 111px; height: 16px; border: 1px solid #8c8c8c; background: url(graphics/home/head2.gif) repeat-x; cursor: pointer;}
#choices2text {margin: 0px; border: 0px; position: absolute; z-index: 614; top: 0px; left: 16px; width: 80px; height: 16px; background: transparent; text-align: center; line-height: 16px; font-size: 10px;}

#choices2a, choices3a {margin: 0px; z-index: 620; display: none; position: absolute; top: 3px; left: 3px; width: 111px; height: 100px; border: 1px solid #aaaaaa; background: #dfdfdf;}
#choices2a1a {margin: 0px; z-index: 630; display: none; position: absolute; top: 3px; left: 111px; width: 96px; height: 100px; border: solid #aaaaaa; border-width: 1px 1px 1px 0px; background: url(graphics/home/subback1.gif) repeat-y;}
#choices2a2a {margin: 0px; z-index: 630; display: none; position: absolute; top: 23px; left: 111px; width: 96px; height: 40px; border: solid #aaaaaa; border-width: 1px 1px 1px 0px; background: url(graphics/home/subback1.gif) repeat-y;}
#choices2a3a {margin: 0px; z-index: 630; display: none; position: absolute; top: 43px; left: 111px; width: 96px; height: 40px; border: solid #aaaaaa; border-width: 1px 1px 1px 0px; background: url(graphics/home/subback1.gif) repeat-y;}
#choices2a4a {margin: 0px; z-index: 630; display: none; position: absolute; top: 63px; left: 111px; width: 96px; height: 120px; border: solid #aaaaaa; border-width: 1px 1px 1px 0px; background: url(graphics/home/subback1.gif) repeat-y;}
#choices2a5a {margin: 0px; z-index: 630; display: none; position: absolute; top: 83px; left: 111px; width: 96px; height: 120px; border: solid #aaaaaa; border-width: 1px 1px 1px 0px; background: url(graphics/home/subback1.gif) repeat-y;}
.choices2 {position: relative; z-index: 710; top: 0px; left: 0px; width: 100%; height: 20px; background: transparent; text-align: left; line-height: 19px; font-size: 10px; color: #474747; font-weight: normal; text-indent: 10px; text-decoration: none;}
.choicearrow {float: right; z-index: 711; display: block; position: absolute; top: 6px; right: 5px; width: 8px; height: 8px; background: url(graphics/home/littlearrow5.gif) no-repeat;}

.choices2left {float: left; z-index: 711; display: block; position: absolute; top: 1px; left: 2px; width: 14px; height: 14px; background: transparent;}

.c2single {float: left; z-index: 711; display: block; position: absolute; top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #000000; background: transparent; cursor: pointer;}
.c2singleA {float: left; z-index: 711; display: block; position: absolute; top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #000000; background: transparent;}

.c2double {float: left; z-index: 711; display: none; position: absolute; top: 0px; left: 0px; width: 14px; height: 14px; background: transparent;}
.c2double1 {float: left; z-index: 712; display: block; position: absolute; top: 0px; left: 0px; width: 7px; height: 7px; border: 1px solid #000000; cursor: pointer;}
.c2double2 {float: right; z-index: 711; display: block; position: absolute; bottom: 0px; right: 0px; width: 7px; height: 7px; border: 1px solid #000000; cursor: pointer;}

.choices2right {float: right; z-index: 711; display: block; position: absolute; top: 1px; right: 1px; width: 16px; height: 13px; background: url(graphics/home/grad1.gif);}

.choices2aright {float: right; z-index: 711; display: block; position: absolute; top: 3px; right: 3px; width: 14px; height: 14px; background: transparent;}

#choices2ashadow {border: 0px; margin: 0px; z-index: 610; display: none; position: absolute; top: 8px; left: 8px; width: 111px; height: 100px; background: url(graphics/home/black10.png);}
#choices2a1ashadow {border: 0px; margin: 0px; z-index: 612; display: none; position: absolute; top: 8px; left: 115px; width: 97px; height: 100px; background: url(graphics/home/black10.png);}
#choices2a2ashadow {border: 0px; margin: 0px; z-index: 612; display: none; position: absolute; top: 28px; left: 115px; width: 97px; height: 40px; background: url(graphics/home/black10.png);}
#choices2a3ashadow {border: 0px; margin: 0px; z-index: 612; display: none; position: absolute; top: 48px; left: 115px; width: 97px; height: 40px; background: url(graphics/home/black10.png);}
#choices2a4ashadow {border: 0px; margin: 0px; z-index: 612; display: none; position: absolute; top: 68px; left: 115px; width: 97px; height: 120px; background: url(graphics/home/black10.png);}
#choices2a5ashadow {border: 0px; margin: 0px; z-index: 612; display: none; position: absolute; top: 88px; left: 115px; width: 97px; height: 120px; background: url(graphics/home/black10.png);}

#choices3a {margin: 0px; z-index: 620; display: none; position: absolute; top: 3px; left: 3px; width: 114px; height: 60px; border: 1px solid #aaaaaa; background: #efefef;}
#choices3ashadow {border: 0px; margin: 0px; z-index: 610; display: none; position: absolute; top: 8px; left: 8px; width: 113px; height: 60px; background: url(graphics/home/black10.png);}

.choiceradio {float: right; z-index: 711; display: block; position: absolute; top: 2px; right: 2px; width: 12px; height: 12px; background: url(graphics/home/radio1.gif) no-repeat;}
.choiceradioS {float: right; z-index: 711; display: block; position: absolute; top: 2px; right: 2px; width: 12px; height: 12px; background: url(graphics/home/radio2.gif) no-repeat;}

/*  pic pane */

#contentpic {display: none; z-index: 510; position: absolute; margin: 0px; border: 0px; top: 30px; left: 13px; width: 332px; height: 108px; background: transparent;}
#palpicshadow {display: block; z-index: 510; position: absolute; top: 6px; left: 6px; width: 325px; height: 101px;}
#palpic1 {display: block; z-index: 520; position: absolute; top: 0px; left: 0px; width: 324px; height: 100px; background: #eaeaea; overflow: hidden;}

.picborder {border: solid #ffffff; border-width: 0px 0px 0px 2px;}
.palpic {display: block; z-index: 520; position: absolute; top: 0px; width: 150px; height: 100px; cursor: pointer;}
#palpic1a {z-index: 521; left: 0px; background-color: #ff0000; background: url(graphics/picmenu/red1.gif) no-repeat;}
#palpic1b {z-index: 522; left: 29px; background-color: #ffff00; background: url(graphics/picmenu/yellow1.gif) no-repeat;}
#palpic1c {z-index: 523; left: 178px; background-color: #00ff00; background: url(graphics/picmenu/green1.gif) no-repeat;}
#palpic1d {z-index: 524; left: 207px; background-color: #00ffff; background: url(graphics/picmenu/cyan1.gif) no-repeat;}
#palpic1e {z-index: 525; left: 236px; background-color: #0000ff; background: url(graphics/picmenu/blue1.gif) no-repeat;}
#palpic1f {z-index: 526; left: 265px; background-color: #ff00ff; background: url(graphics/picmenu/magenta1.gif) no-repeat;}
#palpic1g {z-index: 527; left: 294px; background-color: #eeeeee; background: url(graphics/picmenu/gray1.gif) no-repeat;}

.palpicword {display: block; z-index: 530; position: absolute; bottom: 8px; left: 8px; width: 13px; height: 79px; cursor: pointer;}
#palpic1aw {background: url(graphics/picmenu/redw.png);}
#palpic1bw {background: url(graphics/picmenu/yelloww.png);}
#palpic1cw {background: url(graphics/picmenu/greenw.png);}
#palpic1dw {background: url(graphics/picmenu/cyanw.png);}
#palpic1ew {background: url(graphics/picmenu/bluew.png);}
#palpic1fw {background: url(graphics/picmenu/magentaw.png);}
#palpic1gw {background: url(graphics/picmenu/grayw.png);}

/*  on/off/adjust pane */

#contentonoff {display: none; z-index: 510; position: absolute; margin: 0px; border: 0px; top: 30px; left: 13px; width: 332px; height: 108px; background: transparent;}

#zminiconshadow {display: block; z-index: -1; left: 6px; top: 6px; width: 100px; height: 100px; position: absolute; background: url(graphics/home/black5.png);}
#zminicon {display: block; z-index: 1; left: 0px; top: 0px; width: 100px; height: 100px; position: absolute; background: #ffffff;}
#zminicongrad {display: block; z-index: 1; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; }

#zcon {position: relative; z-index: 2; left: 10px; width: 83px; height: 83px; top: 10px; background: transparent;}
#zconshadow {display: block; position: absolute; z-index: 1; width: 80px; height: 80px; top: 3px; left: 3px; background: url(graphics/home/black5.png);}
#zconfill {display: block; position: absolute; z-index: 2; width: 78px; height: 78px; top: 0px; left: 0px; border-color: #dddddd; border-width: 1px; border-style: solid; background: #ffffff; cursor: pointer;}
#zconfillgrad {display: block; position: absolute; z-index: 2; width: 78px; height: 78px; top: 0px; left: 0px;}

#zcontent1 {display: block; position: absolute; z-index: 2; width: 42px; height: 21px; top: 7px; left: 33px; background: transparent;}
#zcontent1shadow {position: absolute; z-index: 1; width: 39px; height: 19px; top: 3px; left: 3px; background: url(graphics/home/black5.png);}
#zcontent1fill {position: absolute; z-index: 2; width: 38px; height: 18px; top: 0px; left: 0px; border: solid #dddddd; border-width: 1px 1px 1px 1px; background-color: #ffffff; cursor: pointer;}
#zcontent1fillgrad {display: block; position: absolute; z-index: auto; width: 38px; height: 18px; top: 0px; left: 0px; }

#zcontent2 {display: block; position: absolute; z-index: 2; width: 22px; height: 68px; top: 7px; left: 7px; background: transparent;}
#zcontent2shadow {position: absolute; z-index: 2; width: 19px; height: 65px; top: 3px; left: 3px; background: url(graphics/home/black5.png);}
#zcontent2fill {position: absolute; z-index: 3; width: 18px; height: 64px; top: 0px; left: 0px; border: solid #dddddd; border-width: 1px 1px 1px 1px; background: #ffffff; cursor: pointer;}
#zcontent2fillgrad {position: absolute; z-index: 4; width: 18px; height: 64px; top: 0px; left: 0px;}
#zcontent2banner1 {position: absolute; z-index: 5; width: 12px; height: 12px; top: 0px; left: 0px; background: url(graphics/home/banner1red.png); overflow: hidden;}

#zovercontent {display: block; position: absolute; z-index: 2; width: 42px; height: 43px; top: 33px; left: 33px; background: transparent;}
#zovercontentshadow {position: absolute; z-index: 3; width: 39px; height: 39px; top: 3px; left: 3px; background: url(graphics/home/black5.png);}
#zovercontentfill {position: absolute; z-index: 4; width: 38px; height: 38px; top: 0px; left: 0px; border: solid #dddddd; border-width: 1px 1px 1px 1px; background-color: #ffffff; overflow: hidden; cursor: pointer;}
#zovercontentfillgrad {position: absolute; z-index: 5; width: 38px; height: 38px; top: 0px; left: 0px;}

#zlinkrow1 {display: block; z-index: 3; left: 118px; top: 0px; width: 84px; height: 100px; position: absolute; background: transparent; text-align: left; font-size: 10px; font-weight: normal; line-height: 20px; text-indent: 8px; cursor: pointer;}

#zlinkrow1a {display: none; z-index: 4; left: 0px; top: 0px; width: 84px; height: 19px; position: absolute; background: transparent; color: #ffffff;}
#zlinkrow1aOn {display: block; z-index: 4; left: 0px; top: 0px; width: 84px; height: 19px; position: absolute; border: solid #ffffff; border-width: 1px 0px 1px 1px; background: #dbdbdb; color: #555555;}
#zlinkrow1b {display: block; z-index: 4; left: 0px; top: 20px; width: 84px; height: 19px; position: absolute; background: transparent; color: #ffffff;}
#zlinkrow1bOn {display: none; z-index: 4; left: 0px; top: 20px; width: 84px; height: 19px; position: absolute; border: solid #ffffff; border-width: 1px 0px 1px 1px; background: #dbdbdb; color: #555555;}
#zlinkrow1c {display: block; z-index: 4; left: 0px; top: 40px; width: 84px; height: 19px; position: absolute; background: transparent; color: #ffffff;}
#zlinkrow1cOn {display: none; z-index: 4; left: 0px; top: 40px; width: 84px; height: 19px; position: absolute; border: solid #ffffff; border-width: 1px 0px 1px 1px; background: #dbdbdb; color: #555555;}
#zlinkrow1d {display: block; z-index: 4; left: 0px; top: 60px; width: 84px; height: 19px; position: absolute; background: transparent; color: #ffffff;}
#zlinkrow1dOn {display: none; z-index: 4; left: 0px; top: 60px; width: 84px; height: 19px; position: absolute; border: solid #ffffff; border-width: 1px 0px 1px 1px; background: #dbdbdb; color: #555555;}

#zlinkrow2a {display: block; z-index: 1; left: 202px; top: 0px; width: 120px; height: 60px; position: absolute; border: solid #ffffff; border-width: 1px 1px 1px 1px; background: #dbdbdb; text-align: left; font-size: 10px; font-weight: normal; line-height: 20px; text-indent: 8px; cursor: pointer;}
#zlinkrow2a1 {display: block; z-index: 2; left: 0px; top: 0px; width: 120px; height: 20px; position: absolute; background: transparent; color: #656565;}
#zlinkrow2a2 {display: block; z-index: 2; left: 0px; top: 20px; width: 120px; height: 20px; position: absolute; background: transparent; color: #656565;}
#zlinkrow2a3 {display: block; z-index: 2; left: 0px; top: 40px; width: 120px; height: 20px; position: absolute; background: transparent; color: #656565;}

#zlinkrow2b {display: none; z-index: 1; left: 202px; top: 0px; width: 120px; height: 80px; position: absolute; border: solid #ffffff; border-width: 1px 1px 1px 1px; background: #dbdbdb; text-align: left; font-size: 10px; font-weight: normal; line-height: 20px; text-indent: 8px; cursor: pointer;}
#zlinkrow2b1 {display: block; z-index: 2; left: 0px; top: 0px; width: 120px; height: 20px; position: absolute; background: transparent; color: #656565;}
#zlinkrow2b2 {display: block; z-index: 2; left: 0px; top: 20px; width: 120px; height: 20px; position: absolute; background: transparent; color: #656565;}
#zlinkrow2b3 {display: block; z-index: 2; left: 0px; top: 40px; width: 120px; height: 20px; position: absolute; background: transparent; color: #656565;}
#zlinkrow2b4 {display: block; z-index: 2; left: 0px; top: 60px; width: 120px; height: 20px; position: absolute; background: transparent; color: #656565;}

#zlinkrow2c {display: none; z-index: 1; left: 202px; top: 0px; width: 120px; height: 100px; position: absolute; border: solid #ffffff; border-width: 1px 1px 1px 1px; background: #dbdbdb; text-align: left; font-size: 10px; font-weight: normal; line-height: 20px; text-indent: 8px; cursor: pointer;}
#zlinkrow2c1 {display: block; z-index: 2; left: 0px; top: 0px; width: 120px; height: 20px; position: absolute; background: transparent; color: #656565;}
#zlinkrow2c2 {display: block; z-index: 2; left: 0px; top: 20px; width: 120px; height: 20px; position: absolute; background: transparent; color: #656565;}
#zlinkrow2c3 {display: block; z-index: 2; left: 0px; top: 40px; width: 120px; height: 20px; position: absolute; background: transparent; color: #656565;}
#zlinkrow2c4 {display: block; z-index: 2; left: 0px; top: 60px; width: 120px; height: 20px; position: absolute; background: transparent; color: #656565;}
#zlinkrow2c5 {display: block; z-index: 2; left: 0px; top: 80px; width: 120px; height: 20px; position: absolute; background: transparent; color: #656565;}

#zlinkrow2d {display: none; z-index: 1; left: 202px; top: 0px; width: 120px; height: 100px; position: absolute; border: solid #ffffff; border-width: 1px 1px 1px 1px; background: #dbdbdb; text-align: left; font-size: 10px; font-weight: normal; line-height: 20px; text-indent: 8px; cursor: pointer;}
#zlinkrow2d1 {display: block; z-index: 2; left: 0px; top: 0px; width: 120px; height: 20px; position: absolute; background: transparent; color: #656565;}
#zlinkrow2d2 {display: block; z-index: 2; left: 0px; top: 20px; width: 120px; height: 20px; position: absolute; background: transparent; color: #656565;}
#zlinkrow2d3 {display: block; z-index: 2; left: 0px; top: 40px; width: 120px; height: 20px; position: absolute; background: transparent; color: #656565;}
#zlinkrow2d4 {display: block; z-index: 2; left: 0px; top: 60px; width: 120px; height: 20px; position: absolute; background: transparent; color: #656565;}
#zlinkrow2d5 {display: block; z-index: 2; left: 0px; top: 80px; width: 120px; height: 20px; position: absolute; background: transparent; color: #656565;}

.checkbox {display: block; float: right; position: absolute; z-index: 3; top: 2px; right: 2px; width: 13px; height: 14px; background: url(graphics/home/check3.gif) no-repeat; cursor: pointer;}
.checkboxoff {display: block; float: right; position: absolute; z-index: 3; top: 2px; right: 2px; width: 13px; height: 14px; background: url(graphics/home/check1.gif) no-repeat; cursor: pointer;}

.shadowpop {display: block; float: right; position: absolute; z-index: 3; top: 4px; right: 21px; width: 14px; height: 14px; background: url(graphics/palicon/shadowbut1.png) no-repeat; cursor: pointer;}
.colorpop {display: block; float: right; position: absolute; z-index: 3; top: 4px; right: 21px; width: 14px; height: 14px; background: url(graphics/palicon/colorbut1.png) no-repeat; cursor: pointer;}

.schip {display: none; position: absolute; z-index: 14; top: 2px; right: 21px; width: 91px; height: 14px; border: solid 1px #777777; background-color: #ffffff; cursor: pointer;}
.schip1 {display: block; position: absolute; z-index: 15; top: 0px; width: 13px; height: 14px;}
.schip1over {display: block; position: absolute; z-index: 16; top: -1px; width: 13px; height: 14px; border: solid 1px #ffffff; background: transparent;}

.zshadowslidover {left: 77px;}
.zshadowslidea {right: 0px; background: #f5f5f5;}
.zshadowslideb {right: 13px; background: #eaeaea;}
.zshadowslidec {right: 26px; background: #e0e0e0;}
.zshadowslided {right: 39px; background: #d5d5d5;}
.zshadowslidee {right: 52px; background: #cacaca;}
.zshadowslidef {right: 65px; background: #bfbfbf;}
.zshadowslideg {right: 78px; background: #b5b5b5;}

#zcolorslidover {left: 77px;}
#zcolorslidea {right: 0px;  background: #ff0000;}
#zcolorslideb {right: 13px; background: #ffff00;}
#zcolorslidec {right: 26px; background: #00ff00;}
#zcolorslided {right: 39px; background: #00ffff;}
#zcolorslidee {right: 52px; background: #0000ff;}
#zcolorslidef {right: 65px; background: #ff00ff;}
#zcolorslideg {right: 78px; background: #dddddd;}

/*  cp icons */

#iconrow {display: block; position: absolute; z-index: 400; top: 142px; left: 12px; width: 331px; height: 35px; background: transparent; text-align: left; line-height: 16px; font-size: 12px; color: #474747; font-weight: normal; text-decoration: none;}

.cpicon {display: none; position: absolute; z-index: 401; cursor: pointer;}
#cpicon1 {top: 5px; left: 6px; width: 30px; height: 31px; background: url(graphics/palicon/cubeicon1.png) no-repeat;}
#cpicon2 {top: 5px; left: 40px; width: 40px; height: 30px; background: url(graphics/palicon/picicon1.png) no-repeat;}
#cpicon2pic {display: block; position: absolute; z-index: 402; top: 1px; left: 1px; width: 31px; height: 21px; background: url(graphics/picmenu/yellow1i.gif) no-repeat; overflow: hidden;}

#cpicon3 {top: 0px; left: 85px; width: 43px; height: 35px; background: url(graphics/palicon/shadicon1.png) no-repeat;}
#cpicon3shadow {display: block; position: absolute; z-index: 402; top: 10px; left: 5px; width: 14px; height: 15px; background: url(graphics/home/black10.png)}
#cpicon3banner {display: block; position: absolute; z-index: 403; top: 8px; left: 3px; width: 14px; height: 15px; background: url(graphics/palicon/b_red.gif)}

#cpicon4 {top: 5px; left: 131px; width: 25px; height: 30px; background: url(graphics/palicon/helpicon1.png) no-repeat;}

#cpiconwords {display: none; position: absolute; z-index: 400; top: 10px; right: 0px; width: 190px; height: 25px; background: transparent; text-align: center; line-height: 12px; font-size: 10px; color: #555555; font-weight: normal; text-decoration: none;}