/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen, modified by Dan Moriarty */

body {  
	behavior: url(includes/csshover.htc);
	}

#dropMenuWrapper { 
	float:right;
	width:30em;
	z-index:1;
	position:relative;

	}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 120px; 
	}


/* Unless you know what you do, do not touch this section */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
	}

#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
   
	}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
	}
	
#primary-nav li { 
   margin:0;
   float: right;
   background:none;
   padding:0;
	}

#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
	}

/* Styling the basic apperance of the menu elements */

/* Top Level Menu Items */

#primary-nav a { 
   display: block; 
   text-decoration: none; 
	}

#primary-nav li { 
	line-height:110%;
	letter-spacing:-1px;  

	}

#primary-nav li#mycart a {
	background: url(../images/icon-cart.png) no-repeat 50% 0;
	}
#primary-nav li#mycart li a {
	background:none;
	}
	
#primary-nav li#myaccount a {
	background: url(../images/icon-account.png) no-repeat 50% 0;
	}
#primary-nav li#myaccount li a {
	background:none;
	}
	
#primary-nav li#checkout a {
	background: url(../images/icon-checkout.png) no-repeat 50% 0;
	}
#primary-nav li#checkout li a {
	background:none;
	}
	
	
#primary-nav li a { 
   padding:20px 10px 2px 10px;
   font-weight:bold;   
   font-size:140%;
   	color:#0E4F8A;

   	}

	
#primary-nav li a:hover {
	color:#0162cc;
	}




/* 1st level of drop down */
#primary-nav li ul {
   background-color:#0E4F8A;
   color:#fff;
   
   }



#primary-nav li ul li {
	background-image:none;
	height:auto;
	padding:0;
	margin:0;
	text-align:left;
	}
	
#primary-nav li li a { 
   border: 1px solid #425260;
   padding:5px;
   color:#fff;   
   font-size:1.1em;
   height:auto;
   text-align:left;
   letter-spacing:0;
   }	


#primary-nav li li a:hover {
	color:#0162cc;
}


/* 2nd level of drop down */

#primary-nav li li li a {
	font-size:1em;
	font-weight:normal;
	color:#1b3246;
	letter-spacing:0;
	}
	

#primary-nav li li li a:hover {
 	background-color:#ccc;
	color:#000;
}



/* Styling the apperance of menu items on hover */

#primary-nav li:hover 
 { 

}

#primary-nav li li:hover {
	background-color:#ddd;
	} 




/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}


/* BOTTOM LINKS*/

#bottomlinks {
	width:920px;
	padding:0 20px;
	}

ul#bottom-nav li {
	list-style:none;
	font-size:150%;
	margin:0px 8px;
	padding:0px;
	float:left;
	line-height:100%;
	}

ul#bottom-nav li a, ul#bottom-nav li.currentpage {
	display:block;
	width:200px;	
	}

	
#bottom-nav li ul li {
	font-size:80%;
	margin:.3em 0;
	padding:0;
	float:none;
	font-style:normal;
	}

#bottom-nav li ul li a {
	font-weight:normal;
	display:inline;
	}



/* My categories Nav */

ul#categories-nav {
	padding:0;
	margin:0;

	}

ul#categories-nav li {
	padding:.3em 0 .3em 0;
	font-size:110%;
	}

ul#categories-nav li a:link, ul#categories-nav li a:visited {
	color:#fff;
	}
	
	

/* ===== CATEGORY LISTINGS ON SIDE ====== */
#categoriesContent {
	}
	
#categoriesContent a:link, #catgoriesContent a:visited {
	color:#fff;
	}	

.category-subs-selected {
   color: #B2D955;
	}

	

/*display all cat box links as block*/
#categories a {
    background-repeat: no-repeat;
    display: block;
    }
	

	
/* example for  top category styling */
a.category-top-text {
	font-size:120%;
	font-weight:bold;
    margin:0.2em 0;
    padding:0.2em 0.3em;
    } 

a.category-subs-text, a.category-products-text  {
    margin: 0.2em 0;
    padding: 0.2em 0.3em;
    } 


/* bullet for top categories & links:*/
a.category-top-text .category-not-selected, a.category-top-text .category-subs-selected, #categories a.category-links {
    display: list-item;
    list-style: disc url(../images/bg-arrow.png);
    }
	
/*change  bullet when a category is open to subs:*/
a.category-top-text .category-subs-parent {
    display: list-item;
    list-style: disc url(../images/bg-arrow-down.png);
    }

/*bullet for subcategories:*/
#categories a.category-subs-text, #categories a.category-products-text {
    display: list-item;
    }

#categories a.category-subs-text {
	list-style:none;
		font-weight:bold;

	}

#categories a.category-products-text {
	    list-style: circle inside;
	padding-left:10px;
	
	}
	
	
/*different bullet for links*/
/*
#categories a.category-links {
    display: list-item;
    list-style: disc inside url(../images/bullet4.gif);
    }
*/