h1 {font-size: 18px;font-weight:bold;color:#666666;font-style: normal;padding-left: 3px;padding-right: 3px;}
h2 {font-size: 14px;font-weight:900;margin:0px;padding: 2px 0px 14px 0px;color: #666666;}
h3 {font-size: 14px;font-weight:normal;line-height:18px;color: #FFFFFF;font-style: normal;}
h4 {font-family: Arial;	font-size: 11px;line-height:120%;color: #666666;padding-left: 4px;padding-right: 4px;font-style: normal;font-weight: normal;}

.test a:visited  {font-weight:bold;font-size:12px;color: #FFFFCC; text-decoration: none}
.test a:link  {font-weight:bold;font-size:12px;color: #FFFFCC; text-decoration: none}
.test a:active  {font-weight:bold;font-size:12px;color:#FFFFCC; text-decoration: none}
.test a:hover   {font-weight:bold;font-size:12px; color: #CC3333; text-decoration: none}
	
h4 a:link, h4 a:visited, h4 a:hover, h4 a:active {font-weight:bold;font-size:12px;color: #ffffff;text-decoration: none;}
h5 {font-size: 12px;font-weight: normal;color: #666666;font-style: normal;}


/* PRODUCT POPUP FORMATTING ELEMENTS --------------------------------------------------- */
	#popupContainer {padding: 5px;}
	.popupDescIntro {text-align: left;}
	.popupDescription {font-family: Arial;font-size: 14px;margin: 0px 0px 5px 5px;text-align: left;color:#ffffff;}
	.popupDescTitle {font-family: Arial;font-size: 12px;color:#FFFFFF;width: 100px;float: left;text-align: left;margin: 0px 0px 0px 5px;}
	.popupDescText {font-family: Arial;font-size: 12px;margin: 0px 0px 5px 102px;text-align: left;color:#ffffff;}
	.clearAll {	clear: both;}


/* PRODUCT FORMATTING ELEMENTS AND LINE ELEMENTS -------------------------------------------- */
	.product_container1 {
		clear: both;
		position:relative;
		width:150px;
		height: 170px;
		border-width: 0px;
		border-spacing: 0px;
		border-style: ridge;
		border-color: #ccc;
		border-collapse: separate;
		background-color: #454545;
		padding: 0px;
		/* T , R,  B,  L*/
		margin: 0px 10px 20px 0px;
		}
		.product_container2 {
		clear: both;
		position:relative;
		width:150px;
		height: 170px;
		border-width: 0px;
		border-spacing: 0px;
		border-style: ridge;
		border-color: #ccc;
		border-collapse: separate;
		background-color: #454545;
		padding: 0px;
		/* T , R,  B,  L*/
		margin: -190px 10px 20px 170px;
		}
		.product_container3 {
		clear: both;
		position:relative;
		width:150px;
		height: 170px;
		border-width: 0px;
		border-spacing: 0px;
		border-style: ridge;
		border-color: #ccc;
		border-collapse: separate;
		background-color: #454545;
		padding: 0px;
		/* T , R,  B,  L*/
		margin: -190px 10px 20px 340px;
		}.product_container4 {
		clear: both;
		position:relative;
		width:150px;
		height: 170px;
		border-width: 0px;
		border-spacing: 0px;
		border-style: ridge;
		border-color: #ccc;
		border-collapse: separate;
		background-color: #454545;
		padding: 0px;
		/* T , R,  B,  L*/
		margin: -190px 10px 20px 510px;
		}				

	.product_image	{
		text-align: left;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		}
		
	.product_desc h1{ 
		font-family: Arial;
		font-size: 10px;
		text-align: left;
		font-style: bold;
		color: #FFFFFF;
		padding: 0px 2px 5px 5px;
	}


	


/* FORM FORMATTING ELEMENTS ------------------------------------------------------------ */
	form {
		margin: 0px;
	}

	/* PJF ----------------------------------------------------------------------------- */
	form p {
		font-family: Arial;
		font-size: 11px;
		line-height: 120%;
		font-style: normal;
		font-weight: normal;
		padding: 0px 3px 0px 3px;
		margin: 0px 0px 8px 0px;
	}
	
	
	/* buttons ----------------------------------------------------------------------------- */
	
		
	.form_button	{
		line-height: normal;
		text-align:center;
		width: 200px;
		margin: 0px;
		padding: 0px 0px 0px 0px;
		font-size : 14px;
		background-color: #666666;
		border: 1px solid #c1b9d0;
		color: #ffffff;
		word-spacing: normal;
		}	
	

/* END OF FORM FORMATTING ELEMENTS ------------------------------------------------------ */

a:link, a:visited, a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9B8A45;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}

/*<![CDATA[*/
 
	.hmenu {
		
		background: #515151;
		padding: 0px;
		margin: 0px;
		margin-top:0px;
		margin-right:0px;
		min-height: 0;
	}
	
	.hmenu:after {
		content: "."; 
		height: 0; 
		display: block; 
		visibility: hidden;
		overflow: hidden;
		clear: both; 
	}
	
	/* Fix for IE5/Mac \*//*/
	.hmenu {
		display: inline-block;
	}
	/
 End Fix */
	
	/* - - - ADxMenu: BASIC styles - - - */
	
	.menu {
		width: 100px;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
		height: 100%
	}
	
	.menu, .menu ul {	/* remove all list stylings */
		margin: 0;
		padding: 0;
		border: 0;
		list-style-type: none;
		display: block;
	}
	
	.menu li {
		text-align:left;
		margin: 0;
		padding: 0;
		border: 0;
		display: block;
		position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
		z-index: 5;		/* thus we need to apply explicit z-index here... */
	}
 
	.menu li:hover {
		z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
		white-space: normal;/*  required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
								see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
	}
	
	.menu ul {
		text-align:left;
		visibility: hidden;	/* initially hide all submenus. */
		position: absolute;
		z-index: 10;
		right: 0;	/* while hidden, always keep them at the top right corner, */
		top: 0;		/* 		to avoid scrollbars as much as possible */
	}
	
	.menu li:hover>ul {
		visibility: visible;	/* display submenu them on hover */
		right: 100%;	/* and move them to the left of the item */
	}
	
	/* -- float.clear --
		force containment of floated LIs inside of UL */
	.menu:after, .menu ul:after {
		content: ".";
		height: 0;
		display: block;
		visibility: hidden;
		overflow: hidden;
		clear: both;
	}
	.menu, .menu ul {	/* IE7 float clear: */
		min-height: 0;
	}
	/* -- float.clear.END --  */
	
	/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
		YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
		if you do it, make sure you 110% know what you do */
	.menu ul {
		background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
		padding: 30px 10px 30px 30px; /* orig: 30px 10px 30px 30px */
		margin: -30px -10px 0 0;		/* orig: -30px -10px 0 0 */
		/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
									you can also use to adjust the safe area to your requirement */
	}
	
	
	/* - - - ADxMenu: DESIGN styles - - - */
	
	.menu, .menu ul li {
		color: #fff;
		background: #515151;
		
		
	}
	
	
	.menu {
		font-family: Arial;
		font-size: 10px;
		width: 100px;
		float: right;
		
	}
	
	.menu ul {
		font-family: Arial;
		font-size: 10px;
		width: 130px;
	}
	
	
	li.menuTitle {
		font-family: Arial;
		font-size: 10px;
		font-weight: bold;
		padding: 4px 5px;
		background:#cccccc;color:#000;
		
	}
	li.menuTitle a {
		font-family: Arial;
		font-size: 10px;
		font-weight: bold;
		padding: 0px 0px;
		background:#cccccc;color:#000;
		
	}
        li.goldBar{
                font-family: Arial;
		font-size: 10px;
		font-weight: bold;
		padding: 0px 0px;
		background:#454545;color:#fff;
        }
	li.centertext {
		text-align:center;
		}
		
	#textinfo{
		margin-left:5px; height:180px; text-align:left;
	}
	
	.menu a {
		font-family: Arial;
		font-size: 10px;
		text-decoration: none;
		color: #fff;
		padding: 4px 10px;
		display: block;
	}
	
	.menu a:hover, .menu li:hover>a {
		text-decoration: none;
		color: #fff;
		background: #454545;
	}
	
	.menu li {	/* create borders around each item */
		
		border:0px solid #000;
	}
	
	.menu>li + li, .menu ul>li + li {	/* and remove the top border on all but first item in the list */
		border-top: 0px;
	}
	
	.menu li:hover>ul {	/* inset submenus, to show off overlapping */
		top: 5px;
		right: 90%;
	}

	
	/*
	
	special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts
	
	.menu>li:first-child>a, .menu li + li + li li:first-child>a {
		color: #567;
	}
	
	*/
	
	/*
	]]>
	*/