/***************************************************************************
*                      THINK BEYOND - ADAPTIVE SOLUTIONS.
*             			webmaster@jarman.org.uk
*
*                       Client: AngloEnterprises.co.uk
*                        Copyright: Dave Jarman 2009
*
****************************************************************************
*
* Module Name: styles.css
* Author     : Dave Jarman.
*
* Edit Record.
* Date          By     Comment
* ---------	    ---    ----------------------------------------------------
* 20-Sep-09     DCJ    Modified.
* 27-Mar-09	    DCJ    New Template
*
****************************************************************************
Description:

Colour Scheme:

Blue/Purple:#330099
Orange: 	#FF6633
Grey:       #999999
Yellow:     #FFFF00
Bold White: #FFFFFF
Less White: #E1E1E1
Text Orange:#FF3300
Text Grey:  #7e7e7e
Text Grey dark:  #474747
Text Grey light:  #CCCCCC


  border-left: 2px solid #cadced;


***************************************************************************/

#top_menu {
	padding:0; 
	margin:0; 
	height:35px; 
	z-index:500; 
	font-family: helvetica, arial, verdana, sans-serif;
}

.sf-menu {
	vertical-align: middle;
	height:35px; 
	color:#e1e1e1; 
	text-decoration:none; 
	font-size:13px; 
	font-weight: 600;
	text-align: center;
	z-index:500; 
}	
	
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#e1e1e1; 
}
#top_menu ul.sf-menu li, 
#top_menu ul.sf-menu li a {
	height:39px; 
	background-position: -706px -112px;
	background-image:url('/layout/menu/master_menu.jpg');
	background-color: transparent;
	background-repeat: no-repeat;
	vertical-align: middle;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#e1e1e1;
}

#top_menu ul.sf-menu li, 
#top_menu ul.sf-menu li a {
	display: table-cell;
}

#top_menu ul.sf-menu li a {
	width:136px; 
}

#top_menu ul.sf-menu li:hover, 
#top_menu ul.sf-menu li a:hover {
	background-position: -706px -75px;
	background-image:url('/layout/menu/master_menu.jpg');
	background-color: transparent;
	background-repeat: no-repeat;
	outline:		0;
}

.sf-menu a {
	border-left:	0;
	border-top:		0;
	padding: 		0;
	border: 0;
}


.sf-menu a.sf-with-ul {
	padding-right: 	0;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
 }

/*

.sf-menu a:focus, .sf-menu a:active {
	background-position: -700px -112px;
	background-image:url('/layout/menu/master_menu.jpg');
	background-color: transparent;
	background-repeat: no-repeat;
	outline:		0;
}

.sf-menu li.sfHover {
	background-image:url(/layout/orange_button_bgnd.png);
	outline:		0;
}

.sf-menu a:hover {
	background:url(/layout/orange_button_bgnd.png);
	outline:		0;
}
.sf-menu li li li {
	background:url(/layout/orange_button_bgnd.png);
}	

.sf-menu ul {
	position:		absolute;
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	top:			0;
}
*/

#top_menu .sf-menu li #crazy_sand_for_fundraising {
	z-index:500; 
	background-position: 0px 0px;
}
#top_menu .sf-menu li #crazy_sand_for_fundraising:hover {
	z-index:500; 
	background-position:1px -39px; 
}	



#top_menu .sf-menu li #crazy_sand_for_parties_and_activities {
	z-index:500; 
	background-position: -136px 0px; }
	
#top_menu .sf-menu li #crazy_sand_for_parties_and_activities:hover {
	z-index:500; 
	background-position:-136px -39px; }	



#top_menu .sf-menu li #discovering_gemstones {
	z-index:500; 
    width:96px; 
	background-position: -368px 0px;  }
#top_menu .sf-menu li #discovering_gemstones:hover {
	z-index:500; 
	background-position:-368px -39px; }	

#top_menu .sf-menu li #find_a_fossil {
	z-index:500; 
	 width:96px; 
	background-position: -272px 0px; 
}
#top_menu .sf-menu li #find_a_fossil:hover {
	z-index:500; 
	background-position:-272px -39px; }	

#top_menu .sf-menu li #gold_fever {
	z-index:500; 
	width:96px; 
	background-position: -464px 0px; }
#top_menu .sf-menu li #gold_fever:hover {
	z-index:500; 
	background-position:-464px -39px; }	

#top_menu .sf-menu li #wacky_test_tubes {
	z-index:500; 
	width:96px; 
	background-position: -560px 0px; }
#top_menu .sf-menu li #wacky_test_tubes:hover {
	z-index:500; 
	background-position:-560px -39px; }	

#top_menu .sf-menu li #promotional_items {
  width:184px; 
	background-position: -660px 0px; }
#top_menu .sf-menu li #promotional_items a:hover {
	background-position:-660px -38px; }

/*
.sf-menu .sfHover ul .sfHover ul {
	width: auto;
	height: auto;
	border-right: 1px solid #999999;
}

.sf-menu .sfHover ul .sfHover ul li {
	width: auto;
	height: auto;
}
*/

#top_menu .sf-menu .sfHover #sf0 .sfHover ul li a, 
#top_menu .sf-menu .sfHover #sf0 .sfHover ul li {
	background:#ffffff; 
	color:#7e7e7e;  
	background-image: none;
/*	line-height: 18px; 
	text-indent:10px;*/
	
	font-weight: 600;
	font-size: 8pt;
	z-index:500; 
	float: none;
	text-align: left;
	white-space: nowrap;
	display: block;
}


#top_menu .sf-menu .sfHover #sf0 .sfHover ul li a:hover, 
#top_menu .sf-menu .sfHover #sf0 .sfHover ul li :hover {
	white-space: nowrap;
	background-image: none;
	background-color:#ffffff; 
	color:#ff6633;
}

#top_menu .sf-menu li #sf0 li #sf1 li,
#top_menu .sf-menu li #sf0 li #sf1 li a {
	width: auto;
	height: auto;
	line-height: 2em;
}


#top_menu .sf-menu li #sf0 li,
#top_menu .sf-menu li #sf0 li a
{
	width:130px; 
	line-height: 30px;
	/* text-indent:10px; */ 
	background:#330099; 
	color:#e1e1e1;
	background-image:url('layout/orange_button_bgnd.png');
	background-position:0 0px;
	background-repeat:repeat-x;
	font-weight: 300;
	height: 33px;
	z-index:500; 
	}

#top_menu .sf-menu li #sf0 li:hover,
#top_menu .sf-menu li #sf0 li a:hover
{
	color:#ffffff;
	font-weight: 600;
	white-space: nowrap;
	}



ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	background-image: none;
	background-color:#ffffff; 
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:			3.0em;
}

.sf-menu ul,
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	width:auto;  /* Breaks ie6 with width bug overridden in styles_ie */ 
	height: auto;
	left:			10em; 
	background-image: none; 
	background-color:#ffffff; 
	text-indent: 5px;
	border: 1px solid;
}

/* Arrow class defined but disabled. */
.sf-sub-indicator {
	position:		absolute;
	display:		none;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; !* use translucent arrow for modern browsers*!
}

/* Styles for FAQ */
.faq_q {
	color: #000099;
	font-size: 1.1em;
}
.faq_a {
	margin-bottom: 10px;
}

/* When jquery mods it. */
.js .faq_q {
	color: #000099;
	font-size: 1.1em;
	cursor: pointer;
}
.js .faq_a {
	display: none;
	margin-bottom: 10px;
}

.js .show_on
{
	display: block;
}