/* ------------------------------------ *
 CSS
 Wednesday, March 28, 2007 5:26:22 PM
 HAPedit 3.1.11.111
 * ------------------------------------ */
 * {
    font-family: Arial, Verdana, Helvetica;
    font-size:100%;
}
.noDisplay {
    display:none;
}
.fix {
    visibility:hidden;
    clear:both;
    display:block;
}
HTML {
}
BODY {
    background : url(../images/bg.gif);
    margin:0px;
    padding:0px;
}
img {
    border:0;
    }
H1, H2, H3, H4, H5 {
    display:inline;
    font-family:Arial, Verdana, Helvetica;
}
H1 {
    color:#f00;
    font-size: 1.5em;
    margin-left:0px;
    margin-right:100px;
    }
DIV.frame {
    padding:15px 15px 15px 15px;
}
DIV.page {
box-sizing: content-box;
    width:800px;
    margin:0px;
    position:relative;
    overflow:hidden;
         margin : 5px auto;
         border : 1px solid #aaa;
}
DIV.vmenuBG {
box-sizing: content-box;
    width:170px;
    position:absolute;
    top:0;
    left:0;
    background:#fff;
    padding-top: 32767px !important;
    margin-bottom: -32767px !important;
}

DIV.contentBG {
box-sizing: content-box;
    width:490px;

    position:absolute;
    top:0;
    left:170px;
    background:#FFF;
    padding-top: 32767px !important;
    margin-bottom: -32767px !important;
}
DIV.content2colBG {
box-sizing: content-box;
    width:660px;
    position:absolute;
    top:0;
    left:170px;
    background:#FFF;
    padding-top: 32767px !important;
    margin-bottom: -32767px !important;
}
DIV.containerBG {
box-sizing: content-box;
    width:140px;
    position:absolute;
    top:0;
    right:0;
    background:#FFF;
    padding-top: 32767px !important;
    margin-bottom: -32767px !important;
}
DIV.header_box {
    background:#fff;
    clear:both;
    position:relative;
    z-index:1;
    border-bottom: solid;
    border-color:#707070;
    border-width: 1px;
    color: #909090;
    text-align: right;
    font-size: 0.7em;
    font-weight: bold;
    padding-right: 140px;
}
DIV.header_box a, a:visited{
               text-decoration: none;
               color: #909090;
               }
DIV.header_box a:hover {
               text-decoration: none;
               color: #f00;
               }
DIV.header {
    background : url(../images/dermlogo2.gif) no-repeat top left;
    margin-left: 20px;
    position:relative;
    height: 80px;
}
DIV.footer_box {
    clear:both;
    position:relative;
    z-index:1;
}
DIV.footer {
    background:#CFCFAB;
    position:relative;
    padding: 0px 3px;
    text-align: center;
    font-size: 0.7em;
}
DIV.main {
box-sizing: content-box;
    clear:both;
    padding-bottom:35px;
    width:100%;
    position:relative;
    z-index:1;
/*    height: 500px;  set minimum height of display */
}
DIV.wrap {
/* width is left column + middle column */
box-sizing: content-box;
    width:660px;
    float:left;
}
DIV.wrap2 {
/* width is left column + middle column */
box-sizing: content-box;
    width:800px;
    float:left;
}
DIV.hmenu_box {
box-sizing: content-box;
    position:absolute;
    top:-24px;
    z-index:3;
    height:10px;
    width:800px;
    background:#DCC08D;

}
DIV.hmenu {
    padding:0px 3px;
    height:10px;
}
DIV.vmenu_box {
box-sizing: content-box;
    position:absolute;
    top:0px;
    z-index:3;
    width: 150px;
    /* hide mac ie5 \*/
    width:160px;
    /* macie5 back on */
    left: 0px;
    margin-top:10px;
    overflow:hidden;
}

* html  DIV.vmenu_box {
        width:150px;
        }

DIV.vmenu {
    background-color:#fff;
    color:#fff;
    font-weight:bold;
    font-size:0.8em;
}
DIV.container_box {
box-sizing: content-box;
    position:relative;
    z-index:3;
    width:140px;
    float:right;
    margin-top:10px;
}
DIV.container {
    padding:0px 4px;
    background:#FFFFFF;
}
DIV.content_box {
box-sizing: content-box;
    position:relative;
    z-index:3;
    float:right;
    width:490px;
    margin-top:10px;
}
DIV.content2col_box {
box-sizing: content-box;
    position:relative;
    z-index:3;
    float:right;
    width:630px;
    margin-top:10px;
}
DIV.content {
    padding:0px 4px;
    background:#fff;
    font-size: 0.8em;
    color: #000;

}

/* content formatting */
    .just1 {

        margin-left:10px;
        margin-right:50px;
        text-indent: 40px;
        text-align: justify;
    }
    .separator{
        margin-left:10px;
        margin-right:50px;
        }
    .sidebyside {
    box-sizing: content-box;
                width: 460px;
                height:100px;
                float: left;
                background-color : #FFE8A4;
                border-color: #00f;
                //border-right-color: #ccc;
                border-style: solid;
                border-width: 1px;
                padding: 4px;
                }
    .sidebyside_r {
    box-sizing: content-box;
                width: 230px;
                height:100px;
                float: left;
                background-color : #FFE8A4;
                border-color: #00f;
                border-left-color: #ccc;
                border-style: solid;
                border-width: 1px;
                padding: 4px;
                }
    .sidebyside a, a:visited {
                color:#800000;
                font-weight: bold;
                text-decoration: none;
                }
     .sidebyside_r a, a:visited {
                color:#800000;
                font-weight: bold;
                text-decoration: none;
                }
     .sidebyside a:hover {
                 color: #f00;
                 }
     .sidebyside_r a:hover {
                 color: #f00;
                 }
    .blockquote {
          position: relative;
          padding : 2%;
          padding-left:10%;
          background-color : #ffffff;
          border : none;
          text-indent : 20px;
      }
    .blocklist{
   /*     position: relative;  */
   box-sizing: content-box;
        float: left;
        padding-right: 4px;
        padding-left: 4px;
        width: 460px;
        background-color: #C0C0C0;
        color: #800000;
        border: 1px solid #800000;
        font-size:85%;
        text-align: justify;
        font-weight:bold; padding-left:5px; padding-right:5px
    }
    #datebar {
    box-sizing: content-box;
        font-size:0.6em;
        color:#FFFFFF;
        font-weight:bold;
        text-align:center;
        background-color:#C0C0C0;
        border-color:#FFFFFF;
        float: left;
        width: 130px;
    }
    .newsitems {
        font-family: Verdana;
        font-size: 8pt;
        font-weight: normal;

    }
/* product pages */
    .features {
        margin-left: 60px;
        margin-right: 100px;
        }
    .pricetable{
    box-sizing: content-box;
        margin-left:20px;
        border-collapse: collapse; 
        font-family: Verdana; 
        font-size: 10pt; 
        margin-top: 6px; 
        margin-bottom: 6px; 
        border-color:#111111; 
        border-style: solid;
        border-width: 0px;
        width:500px;
        }
    .headerrow {
        background-color:#808080;
        color: #fff;
        border-color:#008080;
        border-bottom-style: solid; 
        border-bottom-width: 1px;
        text-align: center;
        }
        
    .row1 {
        border-color:#008080; 
        border-top-style: solid; 
        border-top-width: 1px; 
        border-bottom-style: solid; 
        border-bottom-width: 1px;
        }
    .lastrow {
        border-bottom-width:0px;
        border-left-width: 0px;
        border-right-width:0px;
    
    }
        
    
    .titlerow {
        background-color:#CCFFCC;
        border-color:#008080; 
        border-top-style: solid; 
        border-top-width: 1px; 
        border-bottom-style: solid; 
        border-bottom-width: 1px;
        }
    .col1 {
        width: 21%;
        }
    .col2 {
        width: 15%;
        }
    .col3 {
        width: 47%;
        }
    .col4 {
        width: 24%;
        }
/* common formating */
.stdtable {
box-sizing: content-box;
          border-width: 0px;
          border-color: #000;
          border-collapse: collapse;
          font-size: 10pt;
          width: 500px;
          vertical-align: top;
          }