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

body
{
    border-color: yellow;
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    border-left-style: dotted;
    border-left-width: 4px;
    border-right-width: 0px;
    background-color: white;
} 

form
{margin: 0px;
 padding: 0px;
 border: none;
 margin:0px;
}

map
{border:none;
}

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


a.aside
{color:white; 
 text-decoration:none;
}
a.aside:hover {text-decoration:underline;}

/*  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: 640px;
 position:relative;
 left:70px;
 top:0px;
}


input
{   
    height: 19px;
   /* background-color: #ebebd7;*/
}



td{vertical-align:top;
}



p#OuterPacks
{
    padding: 5px;
    border-style: solid;
    border-width: thin;
}

div#TermsPromptPayment
{
    text-align: center;
}

table#Ethicals
{
    border: thin solid #d8dff0;
    width: 60%;
    margin-left:auto;
    margin-right:auto;
}

table#OffInvDisc
{
    border: thin solid #d8dff0;
    width: 80%;
    margin-left:auto;
    margin-right:auto;
}




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


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

.radio
{
   height: 19px;
   
}

.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: 0px;
    margin: 0px;
    width: 992px;
    height: 80px;
    background-color: #0081e5;
    z-index: -1;
    border: 4px solid silver;
    position:relative;
}

.username
{
    margin: 0;
    padding: 0;
    border:none;
    font-size: 7pt;
    color: green;
    position: relative;
    text-align:right;
    width: 996px;
    background-color: white;
 }

.bannertext
{
    font-size: 20pt;
    color: white;
    font-weight: bolder;
    position: absolute;
    top: 25px;
    left: 300px;
}
.bannertext2
{
    font-size: 20pt;
    color: green;
    font-weight: bolder;
    position: absolute;
    top: 26px;
    left: 301px;
}
.bannertext3
{
    font-size: 20pt;
    color: black;
    font-weight: bolder;
    position: absolute;
    top: 29px;
    left: 302px;
}

.menutable2
{
    color: white;
    margin: 0px;
    padding: 0px;
    border: 4px solid #c0c0c0;
    height: 30px;
    width: 100%;
    background-color: #0081e5;
    border-collapse: collapse;
    border-spacing: 0px;
    table-layout: fixed;
}

.submenu
{   color: white;
    margin: 0px;
    padding: 0px;
    border: 4px solid #c0c0c0;
    background-color: #0081e5;
 
}

.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: 11pt;
    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:700px;
   page-break-inside: avoid;
}



.termsnb
{
    color: #0000FF;
}

.termstable
{
    border: thin double #77773c;
    margin:0px;
    
    
    
}

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

.terms_subheading
{
    border: medium solid #c0e0f9;
    font-size: 15pt;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    background-color: #FFFFFF;
}

.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;
}

.pcenter
{text-align:center;
}

.tdl
{text-align:left;
}

.tdr
{text-align:right;
}

.tdc
{text-align:center;
}




.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: #0081e5;
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: #0081e5;
    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: #0081e5;
    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 #0081e5;
    
}



/* order form 'calculator keyboard'... */
.calculator
{
    border-style: none;
    padding: 0px;
    margin: 0px;
    font-size: 7pt;
    background-color: #ebebd7;
    color: black;
    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 black;
    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:110px;
}

.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;
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    -khtml-opacity: 0.15;
    opacity: 0.15;
    z-index:1;
    
    display:none;
    */
}

.introheadertext
{
    font-size: 14pt;
    font-weight: bold;
    text-align:center;

/*    position: absolute;
    top: 90px;
    left: 50px;
    width: 750px;
    z-index: 2;
    background-color: #EDFDFF;
    */
}


.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: 10pt;
    /*
    position: absolute;
    top: 155px;
    left: 150px;
    width: 650px;
    z-index:4;
    background-color: #FFFFFF;
    */
    
}

.introenq
{
/*
    width: 300px;
    height: 200px;
    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: -100px;
    z-index:1;
  */  
    
}

.introenqtext
{   
    font-size: 9pt;
    /*
    z-index: 2;
    position: absolute;
    width: 200px;
    top: 542px;
    left: -80px;
    */
}

.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;
}
*/



/*
.sidebot
{
    position: absolute;
    left: 0px;
    top: 580px;
    margin:0;
    padding:0;
}
.sidebot2
{
    position: absolute;
    left: 0px;
    top: 601px;
    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;
}
*/
/*-------------------------------------*/
#nav, #nav ul,#nav2, #nav2 ul
 {
    padding: 0;
    margin: 0;
    border: 4px solid #c0c0c0;
    height: 31px;
    /*width: 876px;*/
    background-color: #0081e5;
    list-style: none;
    color: White;
    font-size: 9pt;
}

#nav a, #nav2 a {
	color:white;
	text-decoration:none;
	
		}	

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

#nav li {
    float: left;
    width: 9em;
	padding-top:9px;
}

#nav2 li {
    float: left;
    width: 12em;
	padding-top:9px;
}

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

#nav li:hover ul, #nav li.sfhover ul
{   left: auto;
    display: block;
    height: 10em;
    width: 23em;
    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;
    height: 1em;
    width: 23em;
    z-index: 3;
    /*font-size: 9pt;
    font-weight: normal;*/
  }


#nav2 li:hover ul, #nav2 li.sfhover ul
{   left: auto;
    display: block;
    height: 5em;
    width: 12em;
    z-index: 2;
    position: absolute;
    font-size: 9pt;
    font-weight: normal;
  }

#nav2 li:hover ul li, #nav2 li.sfhover ul li
{   left: auto;
    display: block;
    height: 1em;
    width: 12em;
    z-index: 3;
    /*font-size: 9pt;
    font-weight: normal;*/
  }


/*-------------------------------------*/

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

#northisland
{position:absolute;
 left:-50px;
 top:0px;
 filter: alpha(opacity=20);
 -moz-opacity: 0.20;
 -khtml-opacity: 0.20;
 opacity: 0.20;
 z-index:-2;
 width:310px;
 
}

/*#northisland:hover
{filter: alpha(opacity=22);
 -moz-opacity: 0.22;
 -khtml-opacity: 0.22;
 opacity: 0.22;
}
*/

#logo
{position:absolute;
 top:15px;
 left:70px;
 width:90px;
 border:none;
 padding:0px;
 margin:0px;
 
}

.bodytable
{
    width: 884px;
    margin: 0px;
    padding: 0px;
    border: none;
    display: block;
    float: right;
}

.sideMenu
{   width: 110px;
    height: 364px;
    margin: 0;
    padding: 0;
    border: none;
    display: block;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
}

.sideDiv
{
    border: 4px solid #c0c0c0;
    padding: 5px 5px 0px 5px;
    margin: 0px 0px 4px 0px;
    background-color: #0081e5;
    height: 44px;
}

.main
{position:relative;
 margin: 26px;
}

/*
.vertline
{width:5px;
 height:90px;
 position:absolute;
 left:28px;
 top:-90px;
 z-index:1;
 display:none;
}
*/
.bluebox
{
    padding: 15px 5px 15px 5px;
    position: relative;
    left: 72px;
    width: 730px;
    border-left: 5px solid #c0e0f9;
    border-right: 5px solid #c0e0f9;
    background-color: #fafcff;
    
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
}

.bluebox:hover
{
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
}


.bluebox em
{
    text-decoration: underline;
    font-weight: bold;
}

.block2px
{
    display: block;
    margin: 2px 0px 2px 0px;
}
.block10px
{
    display: block;
    margin: 10px 0px 10px 0px;
}


.whitebackground
{background-color:White;
}

.tlborder
{
    border-top-style: solid;
    border-left-style: solid;
    border-width: thin;
}

.pad5px
{padding:5px;
}

.center
{text-align:center;
}

.bottom
{vertical-align:bottom;
}

.backclear
{
    background-color: white;
}