.preload1 {background: url(cc_assets/header/navback-h23.jpg);}
.preload2 {background: url(cc_assets/header/navbck4.gif);}
			  
#menu {padding:0;
		margin:0 0 10px 0;
		list-style:none;
		position:relative;
		left:0px;
		float:left;
		width:100%;
		z-index:500;
		background: url(cc_assets/header/navbck4.gif) 0 0;
		font-size:11px;
		text-align:center;
		height:2.1em;}/*max-width:984px;min-width:840px;*/
		
#menu li {display:block;float:left;height:2.1em;text-align:center;}

/*Button widths 11 modified version, see backups for previous,(4.75) */
#menu li.smlb {width:4.75%;}
html>body #menu li.smlb {width:4.75%;}
#menu li.medb {width:8.25%;}
#menu li.lrgb {width:10%;}
#menu li.xlrgb {width:12.5%;}

#menu li a {display:block;width:100%;text-decoration:none;line-height:1.2em;font-size:1em; color:#fff;padding-top:0.5em;font-weight:bold;height:2.1em}

#menu li a.norm {background: url(cc_assets/header/div-line.gif) 100% 0 no-repeat; white-space:nowrap;} /*100% 0 repeat-y; */
#menu li a.nodrop {background: url(cc_assets/header/div-line.gif) 100% 0 no-repeat; white-space:nowrap;}/*100% 0 repeat-y;*/
#menu li a.nodropend {background: none;white-space:nowrap;}/*100% 0 repeat-y;*/
#menu li a.end {white-space:nowrap;}
#menu li a.select {background: url(cc_assets/header/navback-s.jpg) 100% 0 no-repeat; white-space:nowrap;}/* 100% 0 repeat-y; */
#menu li a:hover, #menu li:hover > a {text-decoration:none; background: url(cc_assets/header/navback-h23.jpg) 100% 0 no-repeat;}/*added drop hover bg */
#menu li .norm:hover, #menu li .end:hover{background: url(cc_assets/header/navback-h23.jpg) 100% 0 no-repeat;}
#menu li .norm:hover > a, #menu li .end:hover > a {background: url(cc_assets/header/navback-h23.jpg) 100% 0 no-repeat;}
#menu li .nodrop:hover, #menu li .nodropend:hover {background: url(cc_assets/header/navback-hgr.jpg) 100% 0 no-repeat;}
#menu li .nodrop:hover > a, #menu li .nodropend:hover > a  {background: url(cc_assets/header/navback-hgr.jpg) 100% 0 no-repeat;}

/*Added 20 px to all widths*/
#menu li:hover {position:relative; z-index:200;}
/* dropdown col & border - bg to link box (Adds bg under links,needed in ie) added bg & padding from 3 to 3 0 0 0 to fix opera*/
#menu li:hover ul.sub {left:-1px; top:2.1em; background: #fff;padding:3px 0 0 0; border:0px solid #333; white-space:nowrap; width:130px; height:auto; z-index:300;}
/* link area - bg gaps between individual rows */
#menu li:hover ul.sub li {display:block; height:30px; position:relative; float:left; width:130px; font-weight:normal;}
/* link text * text border - bg to individual rows */
#menu li:hover ul.sub li a {background:#ffffff; display:block; text-align:left; font-size:11px; height:20px; width:128px; line-height:16px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #50b5d0;}
#menu li ul.sub li a.fly {background:#ccffff url(cc_assets/header/arrow.gif) 120px 1em no-repeat;/*border:1px solid #50b5d0*/}
/* bg & colour on hover, except for fly links */
#menu li:hover ul.sub li a:hover {background:#3f96a9; color:#fff; border-color:#fff;}
/* next level of links ? */
#menu li:hover ul.sub li a.fly:hover {background:#3f96a9 url(cc_assets/header/arrow_over.gif) 120px 1em no-repeat; color:#fff;}

/* fly menu bg col (Adds bg under links,needed in ie) */
#menu li:hover li:hover ul,
#menu li:hover li:hover li:hover ul,
#menu li:hover li:hover li:hover li:hover ul,
#menu li:hover li:hover li:hover li:hover li:hover ul
/*Also changed this for  bg on & padding 3 0 0 3 from 3*/
{left:130px; top:-3px; background: #fff; padding:3px 0px 0px 3px; border:0px solid #0b4d97; white-space:nowrap; width:130px; z-index:400; height:auto;}

#menu ul, 
#menu li:hover ul ul,
#menu li:hover li:hover ul ul,
#menu li:hover li:hover li:hover ul ul,
#menu li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
/* fly link bg & txt col * arrow in fly link, when fly box shows */
#menu li:hover li:hover a.fly,
#menu li:hover li:hover li:hover a.fly,
#menu li:hover li:hover li:hover li:hover a.fly,
#menu li:hover li:hover li:hover li:hover li:hover a.fly
{background:#3f96a9 url(cc_assets/header/arrow_over.gif) 120px 1em no-repeat; color:#fff; border-color:#fff;}

/*Drop down width*/
#menu .one:hover div {width:12em;}
#menu .two:hover div {width:24.1em;}
html>body #menu .one:hover div {width:24em;}
#menu .three:hover div {width:36.1em;}
html>body #menu .one:hover div {width:36em;}

.clear {clear:both;}

/* Menu4 about etc under main logo */
#menu4 { background-color:none; }
#menu4 .cclogo {margin: 0 0 0 0;} /* was margin: 1.7em 0 0 0; gap between logo and about us*/

/* Menu2row about etc in separate table under main logo */
#menu2row { background-color:#fff; }
#menu2row ul {list-style:none; 
				margin:0 0 0 0; /*was margin:0 0 0.2em 0; controls height of about us line*/
				padding:0 0.9em 0.3em 0em; /*was  padding:1.4em 0 0 0; about us height over nav bar*/
				display:block;
				width:100%; /*was  70*/
				float:left;
				vertical-align:bottom;}
#menu2row li {	list-style:none; 
				margin:0; 
				padding:0; 
				display:inline; 
				float:left;
				vertical-align:bottom;}
#menu2row li a {color:#333; 
				display:block; 
				padding:0 0.9em 0 0.9em; /* was padding:0 1.4em 0 0.9em; */
				margin:0; 
				font-size:11px; 
				border-right:1px solid #cc3366; /* was border-right:1px solid #e3eae8; */
				vertical-align:bottom;
				text-decoration:none;}
#menu2row li a.endleft {color:#333; 
				display:block; 
				padding:0 0.9em 0 0em; 
				margin:0; 
				font-size:11px; 
				border-left:none;
				vertical-align:bottom;}
#menu2row li a.endright {color:#333; 
				display:block; 
				/*padding:0 0.9em 0 0em; */
				margin:0; 
				font-size:11px; 
				border-right:none;
				vertical-align:bottom;}

/* #menu2row .tel{ margin:0;padding:0 1em 0 35px;vertical-align:middle;display:block;font-size:12px; background: url(cc_assets/header/tel.gif) 0 50% no-repeat;}
#menu2row img {float:left;}
#menu2row input {font-size:11px; margin: 5px 0 0 0; vertical-align:middle; margin-right:30px;}
#menu2row .box {background-color:#C2D1CB; border-bottom:solid 6px #C2D1CB; border-left:solid 2px #C2D1CB; border-right:solid 2px #C2D1CB; border-top:solid 2px #C2D1CB; _border-bottom:solid 2px #C2D1CB; margin:0; padding:0;}*/

/* divsearch2row modified for header with search & about in separate table */
#divsearch2row {float:right; margin:0em 0 0em 0;padding:0;} /*was margin 0.3 **  then margin:0.75em 0 0.6em 0; */
#divsearch2row input {font-size:11px; margin: 0 0 0 0; padding:0; position:relative;}
#divsearch2row label {font-weight:bold; font-size:12px; vertical-align:middle; position:relative; top:0.1em;}
#divsearch2row .box1 {color:#000;border:solid 1px #666666; height:1.6em; position:relative; padding:3px 0 0 7px; width:17em; margin:0;}

/* divbasket2row *** divbasket & divbasketnum for 2 table header*/
#divbasket2row {float:right;display:block; font-size:12px; margin:0.2em 0px 0 0;}
#divbasketnum2row {float:right;display:block; font-size:12px; margin:0.2em 20px 0 0;font-weight:bold;color:#cc3366; }/*color:#990000;*/
#divbasket2row a {font-weight:bold;color:#003F26; margin:0.2 0.7em 0 0; padding-left:20px;text-decoration:none; background: url(cc_assets/header/basketpink.gif) 0 100% no-repeat}/*color:#003F26;*/
#divbasketnum2row a {font-weight:bold;color:#003F26; margin:0.2 0.7em 0 0; padding-left:0px; }
/* could put ccbackimg in here */