/* walltowallstencils.com style guide for horizontal rollover menu - Created 2011 */

/* ##################################################   */
/* #############   Horizontal Main Menu   ###########   */
/* ##################################################   */
#horizontal_menu {
	position:absolute;
	top : 105px;
	width:100%;
 /* 	background:#2ff;  Background color behind the horizontal menu  */
	font-size:93%;
	line-height:normal;
	height:35px;
	z-index:9999999;  /*  needed for ie7 hack, not needed for normal browsers  */
}
	
#horizontal_menu ul {
	margin:0;
	padding:10px 10px 0 175px;
	width: 65em;  /*  Overall width of the menu bar, needed to center the bar   */
	margin: auto;
}

#horizontal_menu li {
	display:inline;
	margin:0;
	padding:0;
}
		
#horizontal_menu a {
	float:left;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}

#horizontal_menu a span {
	float:left;
	display:block;
	padding:5px 15px 4px 6px;
	color:#666; /* Text color of the menu items   */
}
	
#horizontal_menu a span {
	float:none;
	}

#horizontal_menu ul li:hover a span {
	  color:#000;  /* rollover text color of horizontal menu = black */
	  background:#d8dfe7;  /*  rollover color for horizontal menu color = light blue  */
}
	
#horizontal_menu ul ul {  /* hide sub-menu and allow it to return */
	position:absolute;
	visibility:hidden;
	top:24px;  /*  Lowers sub menu below the horizontal bar  */
 }
 
#horizontal_menu ul li:hover ul {
    visibility:visible;
    z-index:9999; 
 }

#horizontal_menu ul li:hover ul li a:hover {  /*   sets link items hover color and background   */
    color:#000;  /* text and border color of rollover in sub menu = black   */
  /*   background:#d8dfe7;     Rollover background color in sub menu = light blue   */
 }

 /* This effects all sub menu items   */
#horizontal_menu ul ul a {  
	float:none;
	position:relative;
	display:block;
	padding:2px 0px 1px 10px;  /*    space between link items  */
	color:#666;  /* Text color of the sub_menu items   */
}

.sub_menu_360	{
    background-image: url("/style/images/menu_background_360.png");
    background-position: left bottom;
    background-repeat: no-repeat;
}
.sub_menu_520	{
    background-image: url("/style/images/menu_background_520.png");
    background-position: left bottom;
    background-repeat: no-repeat;
}

.first_column_class	{
	position:relative;
    border-right: 1px solid #E7E6E6;    /* grey line between columns    */ 
}
.first_column_class_words_right	{
	position:relative;
    border-left: 1px solid #E7E6E6;    /* grey line between columns    */ 
}
.second_column_class {
	position:relative;
    border-right: 1px solid #E7E6E6;  /*  grey line between columns    */ 
}
.sub_menu_img {
	position:relative;
}
.sub_menu_class {
	position:relative;
}
#horizontal_menu ul ul {
	/* margin-top:0px;  positions the entire rollover up and down   */
	border-top: 2px solid #c1c8cf;  /*  grey line above rollout    */ 
}
#horizontal_menu img {
	border-width:1px; /* border around rollout graphics  */
	border-color:#999;
}
/* ##################################################   */
/* #############   First drop down menu   ###########   */
/* ##################################################   */

#sub_menu_1_first_column	{
	left:-175px;
	width:160px;
} 

#sub_menu_1 ul	{
	height:169px;  /* overall menu container size  */
	width:183px;
}

#sub_menu_1_menu_1_img	{
	left:0px;
	top:-138px;
	width:170px; 	
}

/* ##################################################   */
/* ############   Second drop down menu   ###########   */
/* ############      Flowers & Plants     ###########   */
/* ##################################################   */

#sub_menu_2	{
	left:146px;	 /* moves everything in list over  */
}

#sub_menu_2_first_column	{
	left:-165px;
	width:150px;
} 


#sub_menu_2 ul	{
	height:188px;  /* overall menu container size  */
	width:183px;
}

#sub_menu_2_menu_1_img	{
	left:3px;
	top:-160px;
	width:170px; 	
}

/* ##################################################   */
/* #############   Third drop down menu   ###########   */
/* ############          Allover          ###########   */
/* ##################################################   */

#sub_menu_3	{
	left:295px;	 /* moves everything in list over  */
}

#sub_menu_3_first_column	{
	left:-165px;
	width:145px;
} 

#sub_menu_3_menu_1_img	{
	left:-3px;
	top:-162px;
	width:170px; 	
}

#sub_menu_3 ul	{
	height:190px;  /* overall menu container size */
	width:183px;
}


/* ##################################################   */
/* ############   Fourth drop down menu   ###########   */
/* ############            Kids           ###########   */
/* ##################################################   */
#sub_menu_4	{
	left:370px;	 /* moves everything in list over  */
}

#sub_menu_4_first_column	{
	left:-165px;
	width:155px;
} 

#sub_menu_4_menu_1_img	{
	left:0px;
	top:-135px;
	width:170px; 	
}

#sub_menu_4 ul	{
	height:195px;  /* overall menu container size  */
	width:183px;
}

/* ##################################################   */
/* ############   Fifth drop down menu    ###########   */
/* ############        Murals             ###########   */
/* ##################################################   */

#sub_menu_5	{
	left:385px;	 /* moves everything in list over  */
}

#sub_menu_5_first_column	{
	left:-177px;
	width:160px;
} 

#sub_menu_5_second_column	{
	left:-10px;
	width:150px;
	top:-125px;
} 


#sub_menu_5 ul	{
	height:150px;  /* overall menu container size  */
	width:327px;
}

#sub_menu_5_menu_1_img	{
	left:150px;
	top:-260px;
	width:170px; 	
}

/* ##################################################   */
/* ############   Sixth drop down menu    ###########   */
/* ############        Shapes             ###########   */
/* ##################################################   */

#sub_menu_6	{
	left:489px;	 /* moves everything in list over  */
}

#sub_menu_6_first_column	{
	left:-165px;
	width:150px;
} 


#sub_menu_6 ul	{
	height:190px;  /* overall menu container size  */
	width:183px;
}

#sub_menu_6_menu_1_img	{
	left:0px;
	top:-157px;
	width:170px; 	
}
/* ##################################################   */
/* ############   Seventh drop down menu  ###########   */
/* ############   Animals & Insects       ###########   */
/* ##################################################   */

#sub_menu_7	{
	left:535px;	 /* moves everything in list over  */
}

#sub_menu_7_first_column	{
	left:-165px;
	width:150px;
} 


#sub_menu_7 ul	{
	height:145px;  /* overall menu container size  */
	width:183px;
}

#sub_menu_7_menu_1_img	{
	left:0px;
	top:-137px;
	width:170px; 	
}
/* ##################################################   */
/* ############   Eighth drop down menu   ###########   */
/* ############      Other                ###########   */
/* ##################################################   */

#sub_menu_8	{
	left:535px;	 /* moves everything in list over  */
}

#sub_menu_8_first_column	{
	left:10px;
	width:175px;
} 


#sub_menu_8 ul	{
	height:190px;  /* overall menu container size  */
	width:183px;
}

#sub_menu_8_menu_1_img	{
	left:-167px;
	top:-160px;
	width:170px; 	
}
/* ##################################################   */
/* ############   Ninth drop down menu    ###########   */
/* ############      Accessories          ###########   */
/* ##################################################   */

#sub_menu_9	{
	left:535px;	 /* moves everything in list over  */
}

#sub_menu_9_first_column	{
	left:55px;
	width:140px;
} 


#sub_menu_9 ul	{
	height:130px;  /* overall menu container size  */
	width:183px;
}

#sub_menu_9_menu_1_img	{
	left:-145px;
	top:-98px;
	width:170px; 	
}