#arrow {background-image:url(../images/arrow_sub.gif); background-repeat:no-repeat;background-position:top right;}

#red {border: #CCCCCC solid 1px; border-top: #B62226 solid 2px;}
#red ul a:hover {border-left: #B62226 solid 5px;}
#red li a:hover {border-left: #B62226 solid 5px;}

#DBlue {border: #CCCCCC solid 1px; border-top: #0272BA solid 2px;}
#DBlue ul a:hover {border-left: #0272BA solid 5px;}
#DBlue li a:hover {border-left: #0272BA solid 5px;}

#Purple {border: #CCCCCC solid 1px; border-top: #C53E96 solid 2px;}
#Purple ul a:hover {border-left: #C53E96 solid 5px;}
#Purple li a:hover {border-left: #C53E96 solid 5px;}

#lBlue {border: #CCCCCC solid 1px; border-top: #03B3EB  solid 2px;}
#lBlue ul a:hover {border-left: #03B3EB solid 5px;}
#lBlue li a:hover {border-left: #03B3EB solid 5px;}

#Green {border: #CCCCCC solid 1px; border-top: #217946 solid 2px;}
#Green  ul a:hover {border-left: #217946 solid 5px;}
#Green  li a:hover {border-left: #217946  solid 5px;}

#Yellow {border: #CCCCCC solid 1px; border-top: #FEC808 solid 2px;}
#Yellow  ul a:hover {border-left: #FEC808 solid 5px;}
#Yellow  li a:hover {border-left: #FEC808 solid 5px;}


/*----------------------------------------------------------------------------------------------------------------------------*/
    
#besmenu{        
	                		 /* menu list container */
        list-style-type: none;      	/* disable the display of the list item bullets */
        margin: 0px;                	/* space around the list container */
        padding-left:5px;              	/* space within the list container */
        position: static;           	/* need this so that the z-index stuff works correctly */
        background-color: #fff;     	/* the default background color within the main menu container */
        color: #ffffff;                	/* the default font color (not links) within the main menu container */
        z-index: 20;                	/* push the menu up in the layer order a bit so it isn't hidden behind anything */
            				/* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
    }
    #besmenu li{                      	/* top-level menu element */
        list-style-type: none;      	/* disable the display of the list item bullets */
        float: left;   
         				/* this is to allow for the horizontal main menu */
        border: #0A3171 solid 0px;    	/* border for each of the main menu items */
        background-color: #ffffff;     	/* main menu item background color */
        color: #ffffff;                	/* main menu item font color (not links) */
        margin: 0px;               	/* spacing between main menu items */
        padding-left:5px;               /* padding within main menu items */
        width: 80px;                	/* the width of each main menu item */


    }

    #besmenu ul {                     /* third-level (or greater) menu element list elements */
       position:absolute;	       			/* this is so that it doesn't push that page content around on hover */
        float: left; 
        margin: 0px;                /* space around the list container */
        padding-left:0px;                /* space within the list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        display: none;
        width: 185px;                /* should be the same as #besmenu li width */
        background-color: #F8F8F9;     /* sub-menu default background color */
             /* the border around the sub-menu list */
        color: #ffffff;                /* sub-menu default font color (not links) */
        z-index: 1;                /* want to be sure this is above the rest of the menu */
	

    }

    #besmenu ul li{  
	
		float: left;              /* second-level or greater menu element links */
        background-color: #F8F8F9;     /* default background color for sub-menu container */
        color: #ffffff;                /* default font color (not links) for sub-menu container */
        border: none;               /* sub-menu item border settings */
        margin: 0px;                /* spacing between sub-menu containers */
        padding: 0px;               /* This is for padding between menu items in the drop-downs */
        width: 185px;              /* (padding*2) must be subtracted from #besmenu li width and set for this one, or borders won't display properly. */
		border-left:5px

    }

    #besmenu li a{                    /* top-level menu element links */
        text-align: LEFT;         /* text alignment in main menu item links */
        width: 50px;               /* set this to #besmenu ul width */
        display: block;
		color: #0000000; 
		font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;text-decoration:none;

    }    
    #besmenu ul a {                   /* all the other level menu link elements */
        padding: 0px;
        margin: 0px;
        width: 180px;               /* (padding*2) must be subtracted from #besmenu ul li width and set for this one, or borders won't display properly. */
        display: block;
		border-left: #F8F8F9 solid 5px;
		border-bottom: #CCCCCC solid 1px;	
    }

    #besmenu a:hover,                 /* top-level hovering properties */
    #besmenu li:hover{
        display: block;
        background-color: #ffffff;
		color: #003399; 
		font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;
		/*border-left: #F8F8F9 solid 5px;*/


    }
    
    #besmenu ul li:hover,             /* higher level hovering properties */
    #besmenu ul li a:hover{
        display: block;
        width: 180px;               /* should be set to the same value as #besmenu ul li width */
        background-color: #ffffff;
        color: #003399; 
		font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;

    }

    #besmenu ul ul{ 
	                 /* higher-level list containers */
        display: none;              /* don't display by default */
        position: absolute;
        margin-left: 180px;         /* this should be the width of #besmenu ul li */
        margin-top: -14px;          /* this will push the sub-menu up to the level of it's parent */
    }

    /* only non-MSIE browsers use this */
    #besmenu ul li>ul,
    #besmenu ul ul li>ul{
        margin-top: -14px;           /* should be set to the same as #besmenu ul ul margin-top */
    }

    /* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
    #besmenu li:hover ul ul,              
    #besmenu li:hover ul ul ul,
    #besmenu li:hover ul ul ul ul,
    #besmenu li:hover ul ul ul ul ul{
        display:none;
    }

    #besmenu li:hover ul,
    #besmenu ul li:hover ul,
    #besmenu ul ul li:hover ul,
    #besmenu ul ul ul li:hover ul,
    #besmenu ul ul ul ul li:hover ul{
        display:block;
    }

    li>ul {
        top: auto;
        left: auto;
    }

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


.pageheading 	{  font-family: Arial, Helvetica, sans-serif; font-size: 2em; font-weight: bold; color: #003399}
.heading 	{  font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; color: #003399}
	a.heading:link {font-family:Arial, Helvetica, sans-serif;font-size: 1.1em;font-weight: bold;color: #003399;text-decoration:none;}
	a.heading:visited {font-family:Arial, Helvetica, sans-serif;font-size:1.1em;color: #003399;text-decoration:none;}
	a.heading:hover {font-family:Arial, Helvetica, sans-serif;font-size:1.1em;color: #003399;text-decoration:underline;}
	
.subheading {  font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: bold; color: #003399}
.maintext 	{  font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #003399; font-size: 12px}
.navtext 	{  font-family: Verdana, Arial, Helvetica, sans-serif;  color: #003399; font-size: 10px; }
.menutext 	{  text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #003399; font-size: 10px;}
.SearchText {  text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #3F89C3; font-size: 12px;}
.Select 	{  border-bottom: red solid 2px;}
.Select 	{  text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: red; font-size: 11px;}
.hover 		{  background-color: #DEF6FF; color:#594723; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #003399; font-size: 12px}
.Input 		{  width:200px; border-width:1px;background:#ffffff;border: 1px solid #0068AC;}
.smalltext  {  font-family: Arial, Helvetica, sans-serif; font-size: 0.65em; color: #003366}
.maintextbold {	font-family: Arial, Helvetica, sans-serif;	font-size: 0.9em;	color: #003399;	font-weight: bold;}


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

.hpmain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #003399;
	line-height: 18px;


}
.hpsubheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #990000;
	font-weight: bold;
	font-size: 12px
}
.hpheading {
font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bolder; color: #003399
}
.hpcellgrey {
	background-color: #94abcd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #003399;
}
.formbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	background-color: #D5DFEC;
	color: #003399;

}
.formboxnorm {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	background-color: #D5DFEC;
	color: #003399;
}
.formr {
	background-color: #C2E9F8;
}
.WhiteHeading {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.GreyHeading {
	color: #717171;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.BlueHeading {
	color: #003399;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.WAS {
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.NOW {
	color: #FF0000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

 .link {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #003399; font-size: 12px}
a.link:link {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #003399; font-size: 12px;text-decoration:none;}
a.link:visited {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #003399; font-size: 12px;text-decoration:none;}
a.link:hover{font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #003399; font-size: 12px;text-decoration:none;}




tablelink { background-color:  }
.initial {cursor:pointer; text-decoration:none; background-color: #ffffff ; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #3666D4; font-size: 12px;border-style: solid;border-width: 1px; border-color: #CCDBE4;}
.CurrPage {cursor:pointer; text-decoration:none; background-color: #ffffff ; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #720121; font-size: 12px;}
.highlight {cursor:pointer; text-decoration:none; background-color: <%=HoverColour%> ; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #844040; font-size: 12px;border-style: solid;border-width: 1px; border-color: #CCDBE4;}


.popup
{
   vertical-align: middle;
   position:absolute; left:60; top:-100; width:132;
   border-style:solid;
   border-width:1;
   border-color:000000;
   background-color:ffffff;
   padding:5px;
   color:red;
   font-family:Arial;
   font-weight:bold;
   font-size:10pt;
   z-index: 9;
   visibility:hidden;
}

#masthead{height:100px; background-color:#555555;margin:0px; padding:0px;}
.main{height:300px; background-color:#CCCCCC; border-top:#FFFFFF 2px solid;margin:0px; padding:0px;}
#secondary{height:300px; background-color:#333333; border-top:#FFFFFF 2px solid;margin:0px; padding:0px;}
#secondaryFull{height:50px; background-color:#333333; border-top:#FFFFFF 2px solid;margin:0px; padding:0px;}
#footer{height:50px; background-color:#ffffff; border-top:#FFFFFF 2px solid;margin:0px; padding:0px;}

#header, footer,  content {
width: 720px;
background-color: #ffffff;
position:relative;
display:inline;
background:white;
z-index:100
}

.wrapper{
/*position:absolute;*/
width:720px;
margin:auto;
margin-top:0px;
padding:0;
border:0px solid #000;
/*align:center;*/
}


.thinborderfloat {
  width:505px;
  /*float:left;*/
  border:solid 0px silver;
  padding:0px;
  /*margin-right:10px;*/
  background-color: #ffffff;
    
  } 
  .layout2 {
  width:370px;
  /*float:left;*/
  border:solid 0px silver;
  padding:0px;
  /*margin-right:10px;*/
  background-color: #ffffff;
    
  } 
  
.qty{
 background-color: #FAFAFA; 
 border:solid 1px silver;
 margin-right:5px;
 font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #797979; font-size: 10px
}
.Submit{
 background-color: #DF0021; 
 border:solid 1px silver;
 border-color:9D0017;
 font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #ffffff; font-size: 10px ;font-weight: bold; 
}


#iimag {
position: relative;  top: -35px; left:10px;

border: 1px;
color:red; 
background-color: transparent; 
z-index:100;
}

#pheading { position: relative; top: 0px; left: 0px; }
#gassafe { position: relative; top: 0px; left: 50px }


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