/**************** body and tag styles ****************/
        body {
          margin-top: 0px;          
          margin-bottom: 30px;
          background-color: #000000;
          }

        #container {
          width: 810px;
          margin: 2px auto;
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 11px;
          line-height: 1.6em;
          color: #666666;
          background-color: #000000;

          }
          
        #container2 {
          width: 810px;
          margin: 0 auto;
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 11px;
          line-height: 1.6em;
          color: #efefef;
          background-color: #000000;
          border-width: 0 0 0 0;
          }
                
        h1 {
          /*font-family: "Courier New", Monospace;*/
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-weight: normal;
          font-size: 32px;
          color: #efefef;
          margin-bottom: 30px;
          background-color: #666666;
          padding-left: 35px;
          }
                
        h1.error {
          /*font-family: "Courier New", Monospace;*/
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-weight: normal;
          font-size: 32px;
          color: #efefef;
          margin-bottom: 30px;
          background-color:#883333;
          border: 1px dotted #DDDDDD;
    padding: 35px;
          }
                
        h2 {
          color: #efefef;
          font-size: 140%;
          font-family: Arial, Helvetica, sans-serif;
          background-color: #999999;
          padding-left: 20px;
          border:  solid #000000;
          border-width: 1px 1px 1px 1px;
          }
                
        a {
          color: #eeeeee;
          text-decoration: none;
          font-weight: bold;
          }

        a:hover {
          color: #FFFFFF;
          font-weight: bold;
          text-decoration: underline;
          }

/**************** images styles ****************/                
        a img{
          border:none;
          }

        img.left,img.center,img.right {
          padding: 4px;
          /*border: 1px solid #110000;
          background-color: #efefef; */
          }

        img.left {
          float: left;
          margin: 0 12px 5px 0;
          }

        img.center {
          display: block;
          margin: 0 auto 5px auto;
          }

        img.right {
          float: right;
          margin: 0 0 5px 20px;
          }

/**************** form styles ****************/
        form {
          width: 560px;
          float:left;
          font-size: 9px;
          }
                
        form.content-form {
          width: 560px;
          float:left;
          font-size: 9px;
          }
                
        form.sidebar-form {
          width: 188px;
          float:left;
          font-size: 9px;
          }
                
        form.content-full-form {
          width: 780px;
          float:left;
          font-size: 9px;
          }
                
        input {
          background-color: #FFFFFF;
          color: #999999;
          border: 1px solid #2763A5;
          font-size: 11px;
          padding: 3px;
          }
                
        input.orderinput {
                text-align: right;
          }
                
        select {
          background-color: #FFFFFF;
          color: #999999;
          border: 1px solid #2763A5;
          font-size: 11px;
          padding: 3px;
          }
                
        textarea {
          background-color: #FFFFFF;
          color: #999999;
          border: 1px solid #2763A5;
          font-size: 11px;
          padding: 3px;
          }
                
        .button {
          padding: 2px;
          background-color: #6DA6E2;
          color: #FFFFFF;
          border: 1px solid #2763A5;
          font-size: 11px;
          }
                
        .imgbutton {
          width: 240px;
          padding: 2px;
          background-color: #666666;
          color: #FFFFFF;
          border: none;
          font-size: 11px;
          }
                
        .sepbutton {
          width: 60%;
          padding: 2px;
          background-color: #6DA6E2;
          color: #FFFFFF;
          border: 1px solid #2763A5;
          font-size: 11px;
          }

/**************** header styles ****************/
        #header {
          width: 810px;
          padding-bottom: 10px;
          padding-top: 10px;
          clear: both;
          border-top: solid #110000;
          border-left: solid #110000;
          border-right: solid #110000;
          border-width: 1px 1px 0 1px;
          background-color: #666666;
}
        #header p { 
          margin-top: -20px;
          margin-left: 60px;
          color: #efefef;
          }

/**************** menu styles ****************/
        ul.navbar {
         list-style-type:none;
         float:left;
         display:inline; 
         width:100%; 
         line-height:1px; 
         clear:both;
         padding:0;
         background-color: inherit;
         border-left: 1px solid #110000;
         border-right: 1px solid #110000;
         margin-left:-0px;
}

        ul.navbar li {
         display:inline;
         margin-right:0px;
}

        a.nav:link, a.nav:visited {
         display:block; 
         float:left; 
         width:24.5%;
         padding:1em 2px 1em 0; 
         margin:0; 
         text-decoration:none; 
         background-color:#555551; 
         color:#FFFFFF;
         text-align: center;
         border-top: 1px solid #110000;
         border-right: 1px solid #110000;
         border-left: 1px solid #110000;
         border-bottom: 1px solid #110000;
}

        a.nav:hover {
         display:block; 
         float:left; 
         width:24.5%;
         padding:1em 2px 1em 0; 
         margin:0; 
         text-decoration:none; 
         background-color:#333333; 
         color:#FFFFFF;
         border-top: 1px solid #110000;
         border-right: 1px solid #110000;
         border-left: 1px solid #110000;
         border-bottom: 1px solid #110000;
}

        a.navact:link, a.navact:visited {
         display:block; 
         float:left; 
         width:24.5%;
         padding:1em 2px 1em 0; 
         margin:0; 
         text-decoration:none; 
         background-color: inherit;
         color:#FFFFFF;
         text-align: center;
         border-top: 1px solid #aaaaaa;
         border-right: 1px solid #aaaaaa;
         border-left: 1px solid #aaaaaa;
}

        a.navact:hover {
         display:block; 
         float:left; 
         width:24.5%;
         padding:1em 2px 1em 0; 
         margin:0; 
         text-decoration:none; 
         background-color: inherit;
         color:#FFFFFF;
         border-top: 1px solid #aaaaaa;
         border-right: 1px solid #aaaaaa;
         border-left: 1px solid #aaaaaa;
}


/**************** content styles ****************/
        #content {
          width: 560px;
          padding-left: 10px;
          padding-right: 10px;
          padding-top: 5px;
          padding-bottom: 5px;
          float: left;
          border-right: 1px solid #dddddd;
          margin-top: 5px;
          }
                
        #content p {
          padding-bottom: 20px;
          border-bottom: 1px solid #DDDDDD;
          }
          
        #content-full {
          width: 780px;
          padding-left: 10px;
          padding-right: 10px;
          padding-top: 5px;
          padding-bottom: 5px;
          float: left;
          margin-top: 5px;
          }
                
        #content-full p {
          padding-bottom: 20px;
          border-bottom: 1px solid #DDDDDD;
          }
          
/**************** sidebar styles ****************/
        #sidebar {
          width: 188px;
          padding-left: 11px;
          padding-right: 10px;
          padding-top: 5px;
          float: right;
          margin-top: 5px;
          }
                
        #sidebar p {
          padding-bottom: 10px;
          border-bottom: 1px solid #DDDDDD;
          }
          
/**************** footer styles ****************/
        #footer {
          margin-top: 15px;
          padding-top: 0px;
          padding-bottom: 0px;
          padding-left: 2px;
          padding-right: 2px;
          clear: both;
          width: 806px;
          background-color:#222224;
          border-top: 0px solid #000000;
          }
                
        #footer p {
          color:#efefef;
          padding: 5px;
          text-align: center;
          }
                
        #footer p a {
          color: #efefef;
          font-weight:100;
          }
                
        #footer p a:hover {
          color: #dddddd;
          text-decoration: none;
          }

/**************** misc styles ****************/
        p.error {
          width: 560px;
          padding-left: 10px;
          padding-right: 10px;
          padding-top: 5px;
          padding-bottom: 20px;
          float: left;
          background-color:#883333;
    margin: 5px;
          border: 1px dotted #DDDDDD;
          }
                
        p.warning {
          width: 560px;
          padding-left: 10px;
          padding-right: 10px;
          padding-top: 5px;
          padding-bottom: 20px;
          float: left;
          background-color:#883333;
    margin: 5px;
          border: 1px dotted #DDDDDD;
          }
                
        p.info {
          width: 560px;
          padding-left: 10px;
          padding-right: 10px;
          padding-top: 5px;
          padding-bottom: 20px;
          float: left;
          background-color:#338833;
    margin: 5px;
          border: 1px dotted #DDDDDD;
          }
                
        div.input {
          padding-bottom: 1px;
                border: none;
          }

        div.order-div {
          width: 560px;
          padding: 5px;
          margin: 2px;
          float: left;
          margin-top: 5px;
          }

        div.picture-cell {
          width: 260px;
          padding: 2px;
          margin: 2px;
          float: left;
          border: 1px solid #dddddd;
          margin-top: 5px;
          }

        div.size-cell {
          padding: 2px;
          margin: 2px;
          float: left;
          border: 1px dotted #dddddd;
          margin-top: 5px;
          }

        td.check-header {
          padding: 2px;
          margin: 2px;
                font-size: 12px;
                font-weight: bold;
        }

        td.check-line {
          padding: 2px;
          margin: 2px;
                font-size: 12px;
          border-top: 1px dotted #dddddd;
        }

        td.check-total {
          padding: 2px;
          margin: 2px;
                font-size: 12px;
                font-weight: bold;
          border-top: 3px double #dddddd;
        }

        td.check-minus {
          padding: 2px;
          margin: 2px;
                font-size: 12px;
                font-style: italic;
          border-top: 1px dotted #dddddd;
        }

        td.check-italic {
          padding: 2px;
          margin: 2px;
                font-size: 12px;
                font-style: italic;
          border-top: 1px dotted #dddddd;
        }

        td.list-header {
          padding: 2px;
          margin: 2px;
                font-size: 12px;
                font-weight: bold;
        }

        td.list-line {
          padding: 2px;
          margin: 2px;
                font-size: 12px;
          border-top: 1px dotted #dddddd;
        }

        td.list-total {
          padding: 2px;
          margin: 2px;
                font-size: 12px;
                font-weight: bold;
          border-top: 3px double #dddddd;
        }

        td.list-italic {
          padding: 2px;
          margin: 2px;
                font-size: 12px;
                font-style: italic;
          border-top: 1px dotted #dddddd;
        }

        td.details-button-container {
          padding: 2px;
          margin: 2px;
                clear: both;
                font-size: 12px;
                border-top: 1px dotted #dddddd;
        }

        a.details-button-plus {
                text-decoration:none; 
                background: url(./tree_plus.jpg) center center no-repeat;
        }

        a.details-button-minus {
                text-decoration:none; 
                background: url(./tree_minus.jpg) center center no-repeat;
        }

        tr.details-line-off {
                display: none;
        }

        tr.details-line-on {
          padding: 2px;
          margin: 2px;
                font-size: 12px;
                color: inherit;
          background-color: inherit;
        }

        a.browsing-arrow {
                display: inline;
          padding: 2px;
          margin: 2px;
                text-decoration:none; 
                font-size: 12px;
                font-weight: bold;
                background-color: #555551;
        }

        div.browsing-arrow-inactive {
                display: inline;
          padding: 2px;
          margin: 2px;
                text-decoration:none; 
                font-size: 12px;
                font-weight: normal;
                background-color: inherit;
        }