/* --------------------------------------------------------------------------------- */
/* element styles begin... */

body
{
    /* background-position: 0px 50px;*/ /*background-image: url('images/336699-FFFFFF_VERT.bmp');*/ /*background-image: url('images/0081e5-FFFFFF-VERT2.bmp');*/ /*
    background-image: url('images/pwlbkg130.png');
    background-repeat: repeat-x;
    background-attachment: fixed;
  */
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color:#f4f4ff;
/*    background-image: url('images/mypix.png');
    background-repeat: repeat-x;*/
}


a:link{color:black;}
a:visited{color:black;}
a:focus{color:black;}
a:hover {color: #990000 }
a:active{color:black;}

a.aside:link{color:white; text-decoration:none;}
a.aside:visited{color:white; text-decoration:none;}
a.aside:focus{color:white; text-decoration:none;}
a.aside:hover {color:white; text-decoration:underline;}
a.aside:active{color:white; text-decoration:none;}


/*  a.menu { color: #000000; text-decoration: none }
  a.menu:hover { text-decoration: underline }
*/

a.menu{
color: #000000;

}

a.menu:hover
{
    text-decoration: underline;
    /*letter-spacing: 0.001em;*/
    /*background-color: #ccd299;*/
}

a.menu2{
color: white;
text-decoration: none; 
}

a.menu2:hover
{text-decoration: underline;
}

div#divDirectors
{
   width: 720px;
   position: relative;
   left: 70px;
   top: 0px;
}


input
{
}



td{vertical-align:top;
}

/* ... element styles end */
/* --------------------------------------------------------------------------------- */


/* ------------- classes ---------------------------- */

.radio
{
   height: 19px;
   
}

.sidecells
{
    background-color: #336699;
    height: 100%;
}

.txtHidden
{
    font-size: xx-small;
    border-style: none;
    padding: 0px;
    margin: 0px;
    width: 1px;
    height: 1px;
    display: inline;
    background-color: #f4f4ff;
    color:#f4f4ff;
    top: -1px;
    left: -1px;
    background-image: none;
}




.button
{
    background-image: url('images/ebebd7-77773c_vert.bmp');
    border: thin groove #77773c;
    font-size: smaller;
    }


.topDiv
{   padding: 5px;
    margin: 0px;
    width: 100%;
    height: 131px;
    background-color: #336699;
}

.toprow
{
    border: 4px solid #EBEBD7;
    padding: 5px;
    margin: 5px 5px 2px 5px;
    height: 65px;
    /*vertical-align: middle;*/
    background-image: url('images/pharmacy_blue_576x100.jpg');
    background-repeat: repeat-x;
    background-color: #336699;
    width:1001px;
}

.toprowspan
{
}

.bannertext
{ font-size: 18pt;
  color: #7799dd;
  font-weight: bolder;
  position:absolute;
  top:30px;
}

.banspan
{
    border-width: 0px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
    text-align: center;
    text-indent: 0px;
}

.menutable
{   
    padding: 0px;
    border-style: none;
    border-width: 0px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    border-spacing: 0px;
    margin-bottom: 0px;
    background-image: url('images/mypix.gif');
    background-repeat: repeat-x;
    height: 22px;
    background-color: #336699;
}

.menucell
{
  
}


.menucellreverse
{
    padding: 0px;
    margin: 0px;
    
    font-family: Verdana;
    font-weight: bold;
    font-size: small;
    
    background-color:  #EBEBD7;
    border-style: solid;
    border-width: 2px 1px 3px 2px;
    border-color: #CCCC99 #77773C #77773C #CCCC99;
    
}

.bodytable
{
    position: absolute;
    left: 120px;
    top: 110px;
    background-image: url('images/336699-32x2.bmp');
    background-repeat: no-repeat;
    margin:0;
    padding: 0 0 0 20px;
}

.menutable2
{
    margin: 0px 0px 0px -20px;
    padding: 0px 0px 0px 20px;
    border-width: 0px;
    border-spacing: 0px;
    height: 31px;
    width: 868px;
    background-color: #336699;
}


.menucell2
{   border-width: 0px 1px 3px 2px;
    font-family: Verdana;
    font-size: smaller;
    text-align: left;
    padding-right: 10px;
    padding-left: 10px;
    height: 25px;
    vertical-align: middle;
}

.menucellactive2
{
    padding: 0px;
    margin: 0px;
    color: White;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
}

.center80
{width: 80%;
 margin-right: auto;
 margin-left: auto;   
}

.center40
{width: 40%;
 margin-right: auto;
 margin-left: auto;   
}

.center60
{width: 60%;
 margin-right: auto;
 margin-left: auto;
}


.termsdiv
{   padding: 0px;
   position:relative;
   left:20px;
   width:80%;
    page-break-inside: avoid;
}

.termsnb
{
    color: #0000FF;
}

.termstable
{
   border: none;/*thin solid #336699;*/
}

.blueborder
{
   border: thin solid #336699;
}

.termsheader
{
    border: thin inset #77773c;
    background-color: #336699;
    color: white;
}

.termscell
{
    padding-left: 10px;
    border: thin dotted #77773c;
}

.termscellpct
{
    padding-right: 10px;
    border: thin dotted #77773c;
    text-align: right;
}


.loctable
{
    margin: 0px;
    border: thin double #77773c;
    font-size: smaller;
}
.loccell
{
    padding-left: 10px;
    /*border-bottom-width: thin;
    border-bottom-color: #77773c;
    border-bottom-style: solid;*/
    vertical-align: top;
    margin-left: 0px;
    margin-right: 0px;
    
    border-collapse: separate;
    border-right-width: 0px;
    border-left-width: 0px;
    border-spacing: 0px;
}

.locbotcell
{
    padding-left: 10px;
    border: none;
    vertical-align: top;
    margin-right: 0px;
    margin-left: 0px;
}

.tdl
{text-align:left;
}

.tdr
{text-align:right;
}

.tdc
{text-align:center;
}

.center
{text-align:center;
}

.bottom
{vertical-align:bottom;
}

.username
{
    margin: 0px 0px 0px 5px;
    font-size: 7pt;
    color: #336699;
    background-color: #EBEBD7;
}


.loginTextbox
{width: 100px;
}

.instructions
{
    font-style: italic;
    font-weight: bold;
    color: #336699;
    margin-top: 2px;
    margin-bottom: 2px;
}

.staffcontacts
{
position:relative;
left:20px;
width:80%;
padding: 10px;
/*background-color: #336699;
color: white;*/
}

.labelwarn
{
    color: #FF0000;
    font-style: normal;
    font-weight: normal;
}

/* order form stock on hand table... */
.tableSOH
{
    border-collapse: collapse;
    border-style: double;
    padding: 2px;
}

.headerSOH
{
    border: thin inset #77773c;
    background-color: #336699;
    color: #FFFFFF;
}


.cellSOH
{   padding-left: 10px;
    border: thin dotted #77773c;
    
}

.cellSOHr
{   padding-left: 10px;
    border: thin dotted #77773c;
    
    text-align: right;
}

.cellSOHc
{   padding-left: 10px;
    border: thin dotted #77773c;
    
    text-align: center;
}


/* ...order form stock on hand table */


/*shopping basket...*/
.BasketTable
{
    border: thin double #77773c;
    
}

.BasketHeader
{
    border: thin inset #77773c;
    background-color: #336699;
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    font-size: small;
    font-weight: bold;
}

.BasketCell
{
    padding-left: 10px;
    border: thin dotted #77773c;
    background-color: #FFFFFF;
    font-size:smaller;
}

.BasketCellR
{
    padding-left: 10px;
    border: thin dotted #77773c;
    text-align:right;
    background-color: #C0C0C0;
    font-size:smaller;
}

.BasketImg
{ 
    vertical-align: middle;
    text-align: center;
}

/*...shopping basket*/

.loginpanel_old
{
    font-weight: bold;
    background-color: #CCCC99;
    border-style: solid;
    border-width: 2px 1px 3px 2px;
    border-color: #EBEBD7 #77773C #77773C #EBEBD7;
    width: 50%;
    text-align: center;
    left: auto;
    right: auto;
    margin-left: auto;
    margin-right: auto;
}
.loginpanel
{
    font-weight: bold;
    width: 40%;
    text-align: center;
    left: auto;
    right: auto;
    margin-left: auto;
    margin-right: auto;
    border: 5px solid #336699;
    
}

.uploadpanel
{
    font-weight: bold;
    width: 400px;
    text-align: center;
    left: auto;
    right: auto;
    margin-left: auto;
    margin-right: auto;
    border: 5px solid #336699;
    padding:30px;
    
}


/* order form 'calculator keyboard'... */
.calculator
{
    border-style: none;
    padding: 0px;
    margin: 0px;
    font-size: 7pt;
    background-color: #336699;
    color: #FFFFFF;
    text-align: center;    
}

.calcrow
{
    padding: 0px 2px 0px 2px;
    margin: 0px 2px 0px 2px;
    border-collapse: collapse;
}

.calcell
{
    padding: 0px 4px 0px 4px;
    margin: 0px 2px 0px 2px;
    border: 1px solid #C0C0C0;
    border-collapse: collapse;
    cursor: pointer;
}
/* ...order form 'calculator keyboard' */


/* site map stuff... */
.sitemap
{
    /*padding: 5px;
    margin: 5px;
    border: 5px solid #CCCC99;*/
    /*background-color: #336699;*/
    /*background-color: #E6ECF2;*/
    /*background-color: #EBEBD7;*/
    position:relative;
    left:20px;
}

.node
{
 /*color: #FFFFFF;
 background-color: #336699;
 */
 color: #000000;
 
 
 
}

/*nodes*/
.rootnode
{
    
    
    color: #000000;
    font-size: small;
    font-weight: bold;
    /*background-image: url('images/mypix.gif');*/
    
}


.parentnode
{
    padding-top: 5px;
}

.leafnode
{
    /*background-image: url('images/mypix.gif');*/
    /*background-image: url('images/menu22.gif');*/
    font-size: 0.8em;
    color: #000000;
    vertical-align: bottom;
    
    
}
/* ...site map stuff */

.border5
{
    padding: 10px;
    /*
    border: 5px solid #CCCC99;
    background-color: #EBEBD7;
    */
    
}

.centeryellow
{
    color: #FFFF00;
    text-align: center;
}





/*
.introdiv
{
    width: 100%;
    height: 660px;
    margin-top: 20px;
  
}
*/

.introheader
{   position: relative;
    top: 38px;
    left: 20px;
    width: 800px;
    height: 100px;
/*    background-image: url('images/336699-roundright.png');
    background-repeat: no-repeat;*/
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    -khtml-opacity: 0.15;
    opacity: 0.15;
    z-index:1;
    
}

.introheadertext
{   font-size: 16pt;
    font-weight: bold;
    position: absolute;
    top:101px;
    left:120px;
    width:800px;
    z-index:2;
}


.intropanel
{   width: 800px;
    height: 400px;
    background-image: url('images/336699-800-400.png');
    background-repeat: no-repeat;
    filter: alpha(opacity=25);
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    position: absolute;
    top: 140px;
    left: 90px;
    z-index:3;
}

.intropaneltext
{   
    font-size: 12pt;
    position: absolute;
    top: /*225*/200px;
    left: 120px;
    width: 650px;
    z-index:4;
}

.introenq
{
    width: 800px;
    height: 100px;
    background-image: url('images/336699-roundright.png');
    background-repeat: no-repeat;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    position: absolute;
    top: 520px;
    left: 20px;
    z-index:1;
}

.introenqtext
{
    
    font-size: 10pt;
    z-index: 2;
    position: absolute;
    width: 700px;
    top: 542px;
    left: 120px;
    
}

.inputcell
{   background-color: #FFCC66;
    width: 200px;
    height:25px;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
 }
 
.clickable
{cursor:pointer;
}

/*
.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
*/

.sideMenu
{   width: 120px;
    height: 470px;
    background-color: #336699;
    margin: 0;
    padding: 0;
}

.sideDiv
{
    border: 4px solid #EBEBD7;
    padding: 5px;
    margin: 0px 10px 10px 10px;
    background-color: #336699;
    height: 40px;
}

.sidebot
{
    position: absolute;
    left: 0px;
    top: /*580*/611px;
    margin:0;
    padding:0;
}
.sidebot2
{
    position: absolute;
    left: 0px;
    top: /*601*/632px;
    margin:0;
    padding:0;
}

.sidetr
{
    position: absolute;
    left: 120px;
    top: 141px;
    margin:0;
    padding:0;
}

.endMenu
{
    position: absolute;
    left: 980px;
    top: 110px;
    margin:0;
    padding:0;
    display:none;
}

/*-------------------------------------*/
/*#nav, #nav ul
{
    margin: 0px 0px 0px -20px;
    list-style: none;
    color: White;
    padding: 0px 0px 0px 20px;
    height: 31px;
    width: 868px;
    background-color: #336699;
}
*/

#nav {
    /*margin: 0;*/
    margin: 0px 0px 0px -20px;
    /*border: 4px solid #c0c0c0;*/
    /*padding-top: 9px;*/
    padding: 0px 0px 0px 20px;
    height: 31px;
    background-color: #336699;
    list-style: none;
    color: white;
    font-size: 9pt;
}

#nav ul {
    border-bottom: 4px solid #ebebd7;
    border-left: 4px solid #ebebd7;
    border-right: 4px solid #ebebd7;
    background-color: #336699;
    list-style: none;
    color: white;
    font-size: 9pt;
    margin-top:10px;
}


#nav a {
	color:White;
	text-decoration:none;
}

#nav a:hover {
	text-decoration:underline;
}


#nav li {/*all list items*/
	float: left;
	width: 10em;
	padding-top:9px;

}

#nav li ul {/* second level lists*/
	display:none;
}

#nav li:hover ul, #nav li.sfhover ul
{
    /*
    border: medium solid #ebebd7;
    display: block;
    width: 11em;
    height: 15em;
    position: absolute;
    background: #336699;
    z-index: 1;
    left:auto;    
    font-size: 9pt;
    font-weight: normal;*/
     left: auto;
    display: block;
    margin-top: 0px;
    padding-left: 0px;
    z-index: 2;
    position: absolute;
    font-size: 9pt;
    font-weight: normal;

}

#nav li:hover ul li, #nav li.sfhover ul li {
    left: auto;
    display: block;
    z-index: 3;
    float: none;
    width: auto;
    margin: 5px;
}

#content{
clear:left;
}
/*-------------------------------------*/

.backebebd7
{
    border: thin solid #000000;
    background-color: #ebebd7;
    display: inline;
    padding: 7px;
    vertical-align: middle;
}
.block10px
{
    display: block;
    margin: 10px 0px 10px 0px;
}

.noborder
{border:none;
}

.nomargin
{margin:none;
}

.nopadding
{padding:none;
}

.divasth
{
   color: White;
   background-color: #336699;
   font-size: small;
   font-weight: bold;
   width: 888px;
   
}

.tlcorner
{
   vertical-align: top;
   width: 8px;
   float: left;
   display: inline;
}

.trcorner
{
   vertical-align: bottom;
   width: 8px;
   float: right;
   display: inline;
}