#arrow {background-image:url(http://www.bes.co.uk/dev/promo/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;
		


    }
    
    #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;
		/*border: #000000 solid 1px;*/

    }

    #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;
		border: #000000 solid 1px;
    }

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


.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
}
.qtyNLA{
 background-color: #acacac; 
 border:solid 1px 6f6f6f;
 margin-right:5px;
 font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #ffffff; font-size: 10px
}
.Submit{
 background-color: #DF0021; 
 border:solid 1px silver;
 border-color:9D0017;
 width:80px;
 font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #ffffff; font-size: 10px ;font-weight: bold; 
}
.SubmitLimited{
 background-color: #df8e00; 
 border:solid 1px #6f6f6f;
 border-color:9D0017;
 width:80px;
 font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #ffffff; font-size: 10px ;font-weight: bold; 
}
.SubmitNLA{
 background-color: #acacac; 
 border:solid 1px #6f6f6f;
 border-color:9D0017;
 width:80px;
 font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000; font-size: 10px ;font-weight: bold; 
 font-color: #000000;
}

#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 }


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

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
#dropline { position:absolute; left:-520px;padding:0; list-style:none; background:transparent; text-align:center; margin:0 auto; font-size:12px; font-family:arial, sans-serif; height:41px; width:720px;  position:relative; left:0; }
#dropline div {position:absolute; left:-520px;border:0px solid; padding:0; margin:0 auto; list-style:none; position:absolute; left:-9999px; width:720px; text-align:center; background:#ffffff;}
#dropline table {border-collapse:collapse; font-size:1em; float:left; margin:-1px;}

#dropline ul li {display:inline; margin:0; text-align:left;background:url(http://www.bes.co.uk/dev/promo/images/button.gif)}
#dropline ul li a {display:inline-block; height:30px; line-height:30px; margin:0; padding:0 10px; background:transparent; font-weight:bold; font-size:11px;}


#dropline li {display:inline; margin:0 -2px; text-align:left;}
#dropline li a {display:inline-block; height:36px; margin:5px 0 0 0;padding:0 25px 0 0; background:url(http://www.bes.co.uk/dev/promo/images/button.gif) right top; line-height:30px; text-decoration:none; color:#000;}


#dropline li a.sub {background:url(http://www.bes.co.uk/dev/promo/images/button-arrow.gif) right top;}

htm../body #dropline li {display:inline-block; padding:0;}

* html #dropline li a {margin-bottom:-4px; margin-right:3px;}

#dropline li a b {display:block; height:36px; float:left; padding:0 0 0 25px; background:url(http://www.bes.co.uk/dev/promo/images/button.gif) left top; cursor:pointer;}

#dropline li a:hover {background-position:right bottom; color:#fff;}
#dropline li a:hover b {background-position:left bottom;}

#dropline li:hover > a {background-position:right bottom; color:#fff;}
#dropline li:hover > a b {background-position:left bottom;}

#dropline :hover div {left:0; top:41px;position:absolute; left:-520px;}








#dropline2 {border:0px solid red; padding:0; list-style:none; text-align:center; margin:0 auto; font-size:12px; font-family:arial, sans-serif; height:17px; width:720px; left:0; }
#dropline2 div.dropoutter { left:0; top:16px;visibility:visible;border-left:1px solid blue; border-right:1px solid blue;border-top:1px solid blue; height:270px;}
#dropline2 div.dropadd { border:1px solid green; padding:0; margin:0 auto; list-style:none; position:absolute; left:-9999px; width:720px; text-align:center; }


#dropline2 div.footer {
display:inline;
position:absolute;
left:-1px;
top:250px; 
width:716px;
height:20px; 
background-color:#CCCCCC; 
border-left:1px solid blue;border-right:1px solid blue;border-bottom:1px solid blue; 
padding-left: 4px; 

}
#dropline2 div.more {
width:150px;
text-align:left;
text-decoration: none; 
font-size: 1em;
line-height: 1.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #CC0000;
vertical-align:text-left;
padding:0px 0px 0px 0px;
border:2px solid #ffffff;

}
#dropline2 div.more a{
width:150px;
text-align:left;
text-decoration: none; 
font-size: 1em;
line-height: 1.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #CC0000;
padding:0px 0px 0px 0px;
border:2px solid #CC0000;

}

#dropline2 div p.ftext{
display:inline;
position: relative; top: -6px; left: 100px;
font-size:0.475em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
#dropline2 ul li {display:inline; margin:0; text-align:left;}

#dropline2 li a.sub1{margin:0px 0px -4px 0px;border:0px 0px 8px 0px solid white;width:133px; height:17px; padding:0; background:url(http://www.bes.co.uk/dev/promo/images/dropmenu_NG.png); text-decoration:none;}
#dropline2 li a.sub2{margin:0px 0px -4px -5px;width:127px; height:17px; padding:0; background:url(http://www.bes.co.uk/dev/promo/images/dropmenu_LPG.png); text-decoration:none; }
#dropline2 li a.sub3{margin:0px 0px -4px -5px;width:175px; height:17px;padding:0; background:url(http://www.bes.co.uk/dev/promo/images/dropmenu_PL.png); text-decoration:none; }
#dropline2 li a.sub4{margin:0px 0px -4px -5px;width:146px;height:17px; padding:0; background:url(http://www.bes.co.uk/dev/promo/images/dropmenu_PF.png); text-decoration:none; }
#dropline2 li a.sub5{margin:0px 0px -4px -5px;width:143px;height:17px; padding:0; background:url(http://www.bes.co.uk/dev/promo/images/dropmenu_IE.png); text-decoration:none; }

htm../body #dropline2 li {display:inline-block; padding:0;}
#dropline2 :hover div.dropoutter {left:0; top:16px;visibility:visible;z-index:1;  }

a.rollover{
     position:relative;
}
a.rollover h1{
     position:absolute;
     top:0px;
     left:-700px;
     display:none;
	 width:720px;
}
a.rollover:hover h1{
     display:block;
}

.style17 {
	font-size: 0.8em;
	color: #666666;
}


.styleng {font-size: 0.8em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.styleng {color:#D7000A;}
.styleng:hover {color:#990000; text-decoration:underline; }
.stylengHeader {ont-size: 0.9em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;color:#D7000A;}

.stylelpg {font-size: 0.8em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.stylelpg {color:#0067AB;}
.stylelpg:hover {color:#003974; text-decoration:underline; }
.stylelpgHeader {ont-size: 0.9em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;color:#0067AB;}

.stylepl {font-size: 0.8em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.stylepl {color:#00A0E4;}
.stylepl:hover {color:#006B99; text-decoration:underline; }
.styleplHeader {ont-size: 0.9em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;color:#00A0E4;}


.ftext{font-size: 0.7em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#ffffff;}

#vert
{
border-right: 3px solid blue;
}



.stylepf {font-size: 0.8em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.stylepf {color:#006A44;}
.stylepf:hover {color:#D8C800; text-decoration:underline; }
.stylepfHeader {ont-size: 0.9em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;color:#006A44;}