/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */
/* GENERIC MENUS                                                                                  */
/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

.menu
{
	margin-top:10px;
}

.menu ul, .menu-admin ul, #rproductitem-list ul
{
	width:768px;
	height:25px;
	list-style-type:none;
	margin:0;
	padding:0;
}

.menu ul li, .menu-admin ul li, #rproductitem-list ul li
{
	display:block;
	float:left;
	height:25px;
	line-height:25px;
	background:#006ab5 url('/themes/rewrite/images/tabul.png') no-repeat scroll top left;
}

.menu ul li a, .menu-admin ul li a, #rproductitem-list ul li a
{
	display:block;
	width:100%;
	height:100%;
	background:transparent url('/themes/rewrite/images/tabur.png') no-repeat scroll top right;
	color:#fff;
	text-decoration:none;
}

.menu ul li.current-item, .menu-admin ul li.current-item, #rproductitem-list ul li.current-item
{
	background:#ffc939 url('/themes/rewrite/images/tabul2.png') no-repeat scroll top left;
}

.menu ul li.current-item a, .menu-admin ul li.current-item a, #rproductitem-list ul li.current-item a
{
	background:transparent url('/themes/rewrite/images/tabur2.png') no-repeat scroll top right;
}

.menu ul li a span, .menu-admin ul li a span, #rproductitem-list ul li a span
{
	display:block;
	width:100%;
	height:25px;
	line-height:25px;
	margin:0 10px 0 10px;
}

/* ---------------------------------------------------------------------------------------------- */
/* MAIN NAVIGATION MENU                                                                           */
/* ---------------------------------------------------------------------------------------------- */

#main-navigation
{
	position:absolute;
	top:0px;
	left:0px;
	margin:0 0 0 190px;
	width:790px;
	color:#fff;
	font-weight:bold;
	background-color:#006ab5;
	z-index:1000;
}

#main-navigation a
{
	color:#fff;
	text-decoration:none;
	background-image:none;
}

#main-navigation ul
{
	width:790px;
	height:25px;
	list-style-type:none;
	margin:0;
	padding:0;
}

#main-navigation ul li
{
	position:relative;
	float:left;
	width:auto;
	height:25px;
	margin:0 5px 0 5px;
	background-image:none;
}

#main-navigation ul li span
{
	line-height:25px;
}

#main-navigation ul li ul
{
	display:none;
	z-index:1;
}

#main-navigation ul li:hover ul
{
	display:block;
	position:absolute;
	top:100%;
	width:200px;
	height:500px;
	left:-10px;
}

#main-navigation ul li ul li, #main-navigation ul li ul li:link, #main-navigation ul li ul li:visited
{
	display:block;
	width:200px;
	height:25px;
	border-top:none;
	border-right:1px solid #99ccff;
	border-bottom:1px solid #99ccff;
	border-left:1px solid #99ccff;
	text-align:left;
	background-color:#fff;
}

#main-navigation ul li ul li:hover
{
	background-color:#eeffff;
}

#main-navigation ul li ul li:active
{
	background-color:#f00;
}

#main-navigation ul li ul li a
{
	display:block;
	width:100%;
	height:25px;
	line-height:25px;
	padding:0 5px 0 5px;
	color:#555;
}

/* ---------------------------------------------------------------------------------------------- */
/* QUICK SEARCH                                                                                   */
/* ---------------------------------------------------------------------------------------------- */

#quick-search
{
	display:none;
	position:absolute;
	top:2px;
	right:5px;
	width:200px;
	height:25px;
}

#quick-search form input
{
	margin:0;
	padding:0;
	border:1px solid #000;
	vertical-align:middle;
}

#quick-search form input.text
{
	width:120px;
	margin-right:8px;
}

#quick-search form input.submit
{
	width:70px;
}

/* ---------------------------------------------------------------------------------------------- */
/* SIDE NAVIGATION MENU                                                                           */
/* ---------------------------------------------------------------------------------------------- */

#side-navigation
{
	float:left;
	margin-top:70px;
	width:190px;
	text-align:left;
	color:#fff;
	background-color:#006ab5;
}

#side-navigation a
{
	color:#fff;
	text-decoration:none;
}

#side-navigation ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}

#side-navigation ul li
{
	position:relative;
	top:auto;
	left:15px;
	width:170px;
	font-size:12pt;
	color:#8cf;
}

#side-navigation ul li ul li
{
	position:relative;
	left:-10px;
	height:40px;
	margin:0;
	background:transparent none no-repeat scroll center left;
}

#side-navigation ul li ul li a
{
	position:relative;
	display:block;
	width:125px;
	height:100%;
	margin-left:55px;
}

#side-navigation ul li ul li a span
{
	position:absolute;
	top:50%;
	display:block;
	width:100%;
	height:1em;
	margin-top:-1em;
}

/* ---------------------------------------------------------------------------------------------- */
/* SIDE NAVIGATION ICONS                                                                          */
/* ---------------------------------------------------------------------------------------------- */

#side-navigation ul li ul li#navAwards { background-image:url('/themes/rewrite/images/navicons/navAwards.gif'); }
#side-navigation ul li ul li#navCSP { background-image:url('/themes/rewrite/images/navicons/navCSP.gif'); }

#side-navigation ul li ul li#navBraintasticReading { background-image:url('/themes/rewrite/images/navicons/navBraintasticReading.gif'); }
#side-navigation ul li ul li#navBraintasticWord { background-image:url('/themes/rewrite/images/navicons/navBraintasticWord.gif'); height:35px; }
#side-navigation ul li ul li#navWordsRock { background-image:url('/themes/rewrite/images/navicons/navWordsRock.gif'); height:35px; }
#side-navigation ul li ul li#navSpellingForce { background-image:url('/themes/rewrite/images/navicons/navSpellingForce.gif'); }

#side-navigation ul li ul li#navBraintasticMaths { background-image:url('/themes/rewrite/images/navicons/navBraintasticMaths.gif'); }
#side-navigation ul li ul li#navUMI { background-image:url('/themes/rewrite/images/navicons/navUMI.gif'); height:35px; }
#side-navigation ul li ul li#navVolcanicPanic { background-image:url('/themes/rewrite/images/navicons/navVolcanicPanic.gif'); height:35px; }
#side-navigation ul li ul li#navBagginTheDragon { background-image:url('/themes/rewrite/images/navicons/navBagginTheDragon.gif'); height:35px; }
#side-navigation ul li ul li#navMathsMadeEasy { background-image:url('/themes/rewrite/images/navicons/navMathsMadeEasy2.gif'); height:35px; }
#side-navigation ul li ul li#navManicMaths { background-image:url('/themes/rewrite/images/navicons/navManicMaths.png'); }

#side-navigation ul li ul li#navTypingTournament { background-image:url('/themes/rewrite/images/navicons/navTypingTournament.gif'); height:46px; }

#side-navigation ul li ul li#navUpfrontMaths { background-image:url('/themes/rewrite/images/navicons/navUpfrontMaths.gif'); height:40px; }
#side-navigation ul li ul li#navUpfrontWord { background-image:url('/themes/rewrite/images/navicons/navUpfrontWord.gif'); height:35px; }
#side-navigation ul li ul li#navUpfrontReading { background-image:url('/themes/rewrite/images/navicons/navUpfrontReading.gif'); }

#side-navigation ul li ul li#navComputerClassroom { background-image:url('/themes/rewrite/images/navicons/navComputerClassroom.gif'); }
#side-navigation ul li ul li#navComputerClassroomAtHome { background-image:url('/themes/rewrite/images/navicons/navComputerClassroomAtHome.gif'); }

/* ---------------------------------------------------------------------------------------------- */
/* PRODUCT PAGES MENU                                                                             */
/* ---------------------------------------------------------------------------------------------- */

.menu-rproductpages { clear:right; }

/* ---------------------------------------------------------------------------------------------- */
/* PRODUCT ITEMS MENU                                                                             */
/* ---------------------------------------------------------------------------------------------- */

.menu-productitems
{
	float:right;
	width:200px;
	margin-top:20px;
}

.menu-productitems ul
{
	width:200px;
}

.menu-productitems ul li
{
	display:inline;
	width:100%;
	float:left;
	clear:both;
	background-image:none;
	border:1px solid #006ab5;
}

.menu-productitems ul li a
{
	background-image:none;
}

.menu-productitems ul li:hover, .menu-productitems ul li.current-item
{
	background-color:#99ccff;
	background-image:none;
	border:1px solid #eff;
}

.menu-productitems ul li:hover a, .menu-productitems ul li.current-item a
{
	background-image:none;
	color:#000;
}

/* ---------------------------------------------------------------------------------------------- */
/* USER ACCOUNT MENU                                                                              */
/* ---------------------------------------------------------------------------------------------- */

/* Used for user account links. */
.menu-account
{
}

/* ---------------------------------------------------------------------------------------------- */
/* CHECKOUT MENU                                                                                  */
/* ---------------------------------------------------------------------------------------------- */

/* Used for the checkout "progress bar" which indicates how far the user is through the checkout process. */
.menu-checkout { }

.menu-checkout ul {
	border:none; 
}

.menu-checkout ul li
{
	/* The width should be 768 pixels (length of container) divided by the number of elements in the checkout (5). */
	width:151px;
	border:1px solid #eee;
	background-image:none;
	background-color:#ffa300;
}

.menu-checkout ul li a
{
	text-align:center;
	background-image:none;
}

/* This is used for steps that haven't yet been completed in the checkout process. */
.menu-checkout ul li.future-item
{
	background-color:#006ab5;
}