body, div#all { background-color: rgb(37,37,37); color: #cccccc; 
     /*background-color: black; */
     font-family:arial; }




a { color: #ffffff; text-decoration:none}
a:hover { color: #ffffff; text-decoration:underline}
a:visited { color: #ffccff; }

b { color: rgb(0,250,230) }


div#logo { text-align: center; align:center; padding-top: 0px; padding-bottom: 0px; 
    background: black;}
div#menubar { background: url('/res/menubar-bg.png');  background-repeat: x-repeat; height: 59px;
    text-align: center; 
}

div#menubar{text-align:center; align:center;}
table.menuitems {border-collapse:collapse; border:none;
    padding:0;spacing:0;margin:0;border:0; margin-top:0;}
table.menuitems tr {     padding:0;spacing:0;margin:0;border:0;}
table.menuitems td {border:none;  padding:0;spacing:0;margin:0;border:0;    }
table.menuitems img {border:none; padding-left:2em;}


div#submenu { text-align: right; padding-right: 0.5em; padding-top: 0.2em; }
div#submenu a { color: #ddeedd; font-family: verdana; text-decoration: none; padding-left: 1em;
    padding-right: 1em; font-weight: bold; }

div#content { padding-top: 1em; padding-left: 4em; padding-right: 2em; text-align: justify;
    padding-bottom: 2em; }




/* framed body */
table.frame { border-collapse: collapse; }
table.frame td, table.frame tr { border-width: 0; padding:0;margin:0;spacing:0;}

td.frame-ul { width: 39px; height: 34px;background: url("/res/frame-ul.png"); }
td.frame-ur { width: 45px; height: 34px;background: url("/res/frame-ur.png"); }
td.frame-bl { width: 39px; height: 36px;background: url("/res/frame-bl.png"); }
td.frame-br { width: 45px; height: 36px;background: url("/res/frame-br.png"); }


td.frame-l { width: 39px; background: url("/res/frame-l.png");
    background-repeat: y-repeat;}
td.frame-r { width: 45px; background: url("/res/frame-r.png");
    background-repeat: y-repeat;}

td.frame-u { height: 34px;background: url("/res/frame-u.png");
    background-repeat: x-repeat;}
td.frame-b { height: 36px;background: url("/res/frame-b.png");
    background-repeat: x-repeat;}
td.frame-content { background: rgb(0,3,2);  height: 400px; vertical-align: top; }
div.inside-frame-content { margin: 2em;  text-align: justify;
    interline-spacing:2em; font-family:verdana}

h1 { font-size: 130%; padding-left: 3em; color: rgb(0,250,230) }

h2 { font-size: 110%; padding-left: 5em; color: rgb(0,210,190) }


/* for features page */
    div#features { padding-left: 3em; }
    div.shortdesc { font-family: arial;
             padding-top: 1em; padding-right: 10em; }
    div.longdesc { margin-left: 3em;
                   padding-left: 0.5em; padding-top: 0.8em; padding-bottom: 0.8em;
             margin-top: 0.7em; padding-right:  2em; /*display: none; */
             font-family: arial; border-left: solid 1px #ffcccc;  }
    div.detailsbtn { padding-left: 2em;}
    span.details { padding-left: 0.3em;padding-right: 0.3em;
                  font-style: italic; font-size: 80%;
               color: #ffffff;  }
    span.details:hover { text-decoration: underline; cursor: pointer;
               color: #ffffff;   }
@media print {
    div.longdesc { display: block;}
    div.detailsbtn {  display: none; }

}


a.action-buttons { padding: 0.5em; }


div#footer { background: black; width: 100%; height: 30px;  font-size: 65%;
    border-top: solid 1px #406060; color: #808080;}

#footer-content { padding-top: 5px; }


table.store-list { border: solid 1 px;
    border-collapse: collapse; border-spacing: 0pt 0pt; }
table.store-list  td
    {  padding-left: 10px; padding-right: 10px;}
td.store-list-title  th
    {  padding-left: 10px; padding-right: 10px;}


/* this is for faq*/
tr.itemrow td { padding-top: 0.4em; }
tr.itemrow a { text-decoration: none }
tr.itemrow a:hover { text-decoration: underline }

div.secheader { font-weight: bold;  font-size: 110%; margin-top: 1em;
    margin-left: 3em; }
tr.itemrow td { padding-top: 0.4em; }
tr.itemrow a { text-decoration: none }
tr.itemrow a:hover { text-decoration: underline }
div.itemheader { /*font-weight: bold;*/  font-size: 110%; margin-top: 1em;
    margin-bottom: 0.6em; }
tr.secrow { font-weight: bold;}

li {padding-top:0.4em; }



table.store-list td { padding: 0.2em; }
table.store-list { border:none}
table.store-list th, td.store-list-id  { color: rgb(60,80,80);}


input.button-purchase { background: url('/res/btn-purchase.png');width:108px;height:30px;
     border: 0; }

img.shot { border: solid 4px rgb(0,170,120); }