/** Kamibashi.com aka Kristen and Chris Daniels, October 2009, designed by Markuz Wernli Saito http://markuz.com **/


/** general html margins and font definition **/
	
body    {
    padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px; 
    background-color:#ffffff; 
    font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif; 
    font-size:13px; 
    letter-spacing: 1px; 
    color:#000; 
    text-align:left;
    }
    
#pink    {
    padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px; 
    background-color:#22245f; 
    font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif; 
    font-size:13px; 
    letter-spacing: 1px; 
    color:#ffcccc; 
    text-align:left;
    }   
         
    
#darkpage    {
    padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px; 
    background-color:#22245f; 
    font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif; 
    font-size:13px; 
    letter-spacing: 1px; 
    color:#ffffcc; 
    text-align:left;
    }   
      
    
#blackpage    {
    padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px; 
    background-color:#000000; 
    font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif; 
    font-size:13px; 
    letter-spacing: 1px; 
    color:#ffffcc; 
    text-align:left;
    } 
     
    
#wholesale    {
    padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px; 
    background-color:#ffffcc; 
    font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif; 
    font-size:13px; 
    letter-spacing: 1px; 
    color:#ffffcc; 
    text-align:left;
    } 
    
    
#autumnblue    {
    padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px; 
    background-color:#6699cc; 
    font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif; 
    font-size:13px; 
    letter-spacing: 1px; 
    color:#000033; 
    text-align:left;
    }
    
    
#burgundy    {
    padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px; 
    background-color:#990000; 
    font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif; 
    font-size:13px; 
    letter-spacing: 1px; 
    color:#000000; 
    text-align:left;
    }
    
    
#pink    {
    padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px; 
    background-color:#ffcccc; 
    font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif; 
    font-size:13px; 
    letter-spacing: 1px; 
    color:#ffffcc; 
    text-align:left;
    } 
    
    
    
#skyblue    {
    padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px; 
    background-color:#dcf9fc; 
    font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif; 
    font-size:13px; 
    letter-spacing: 1px; 
    color:#ffffcc; 
    text-align:left;
    } 
    
    
       
#mercury    {
    padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px; 
    background-color:#b39dbf; 
    font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif; 
    font-size:13px; 
    letter-spacing: 1px; 
    color:#ffffcc; 
    text-align:left;
    } 
        
    
       
#yellow    {
    padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px; 
    background-color:#ffe3a0; 
    font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif; 
    font-size:13px; 
    letter-spacing: 1px; 
    color:#ffffcc; 
    text-align:left;
    } 
    
     

/** global type treatment **/
   
a, a:visited {color:#048; text-decoration:none;}
a:hover {text-decoration:underline;}
pre {font-size:11px;}
code {font-size:12px;}

/** images with gray outline frame **/
img.grayliner    
{border-width: 1px;
border-color: #999999;
}


table {
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
}


/** global positioning of layout elements as div id **/

#wrapper { width:1030px; margin:0px 0px 0px 0px; auto; text-align:center; }

#menuhugger { width:1030px; margin:5px 0px 3px 33px; auto; text-align:left; }


	#enclose {
		width:100%;
		height: 100%;
		z-index: 1;
		
		}	
	
	
	#frame {
		width:1030px;
 		padding-top:20px;
 		margin-left: auto;
 		margin-right: auto;
		text-align:center;
		z-index: 1;
	
		}



/** product pages **/	
/** ================================================================ **/	
		

.topbanner { margin-left: auto; margin-right: auto; width: 1030px;  text-align:left; }

.productintro { margin-left: auto; margin-right: auto; width: 1030px;  text-align:left; }

.introcenter { position: relative; width: 333px; margin-left: 349px; }

.container { width: 1030px; margin: auto; border: none; padding: 0; text-align:left; }

.fullwidth_separator { clear: both; width: 100%; height: 5px; font-size: 0px; line-height: 0px; padding: 0; border: none; }	

.fullwidth_separator_20px { clear: both; width: 100%; height: 20px; font-size: 0px; line-height: 0px; padding: 0; border: none; }	
		
.fullwidth_separator_1px { clear: both; width: 100%; height: 1px; font-size: 0px; line-height: 0px; padding: 0; border: none; }	

/** general text styling **/	
		
p		{
		font-family: georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif; 
		margin: 0px 0px 7px 0px;
		color: #333;
		}
		
A:link		{ color: #104E93; text-decoration: none; } 
A:visited	{ color: #617891; text-decoration: none; } 
A:active	{ color: #617891; text-decoration: underline; } 
A:hover		{ color: #2A6BB3; text-decoration: underline; }

#darkpage {
    color:#beige; 			
}	

#title {
font-size:24px; 
color: #000000;
}	


#title_red {
font-size:24px; 
color: #990000;
}


#header {
font-size:17px; 
margin-top:22px; 
color: #990000;
font-weight: bold;
}	

#largecopy {
font-size:16px; 
line-height: 22px;
}

#mediumcopy {
font-size:15px; 
line-height: 20px;
}


#largecopywide {
font-size:16px; 
line-height: 27px;
}

#smallcopy {
font-size:13px; 
line-height: 17px;
padding-top: 4px;
}

#smallcopyentry {
padding-top:5px;
font-size:13px; 
line-height: 17px;
}


#smallcopywide {
font-size:13px; 
line-height: 21px;
}

#smalltitle {
font-size:16px; 
font-weight: bold;
color: #000000;
}
	

#smallheader {
font-size:14px; 
font-weight: bold;
color: #990000;
}

#caption {
font-size:11px; 
line-height: 13px;
font-weight: bold;
color: #000000;
}
	
#captionlite {
font-size:11px; 
line-height: 14px;
color: #000000;
}	
	
	
#promo {
font-size:11px; 
line-height: 12px;
font-weight: bold;
color: #000000;
}
	
	
.pagelink ul {margin-top:16px; margin-left:-22px; list-style-type:none; background: url(http://www.kamibashi.com/assets/arrow_internal.gif)  no-repeat 22px top;}	
	
.exteriorlink ul {margin-top:16px; margin-left:-22px; list-style-type:none; background: url(http://www.kamibashi.com/assets/arrow_external.gif)  no-repeat 22px top; color:#990000;}	


#japtitle{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	margin:0px;
	padding:0px;
	font-size: 24px;
	line-height:26px;
	color:#000000;
}


#japheader{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	font-size:16px; 
	margin-top:22px; 
	color: #990000;
	font-weight: bold;
}	


#japcopy{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
    font-size:14px; 
    line-height: 20px;
    color:#000000;
    padding-top: 3px;
}


#japcaption{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
    font-size:13px; 
    line-height: 15px;
    color:#333;
    padding-top: 5px;
}



/** global WHITE navigation menu **/
/** ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
=================================================================== **/

.whitemenu {width:927px; height:32px; position:relative; z-index:100; border-right:1px dotted #ffffff; font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif;}

/* hack to correct IE5.5 faulty box model */
* html .whitemenu {width:929px; w\idth:928px;}

/* remove all the bullets, borders and padding from the default list styling */
.whitemenu ul {padding:0;margin:0;list-style-type:none;}
.whitemenu ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.whitemenu li {float:left;width:149px;position:relative;}

/* control shopping cart */
.whitemenu ul li.cart {width:32px; height:30px; border:1px dotted #ffffff; border-width:1px 0 1px 1px;}
.whitemenu ul li.cart form:hover {background:#ffcccc;}

/* style the links for the top level - PRODUCT | OCCASIONS | defines all the framing */
.whitemenu a, .whitemenu a:visited {display:block;font-size:12px;text-decoration:none; color:#990000; width:138px; height:30px; border:1px dotted #ffffff; border-width:1px 0 1px 1px; padding-left:10px; line-height:29px; font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .whitemenu a, * html .whitemenu a:visited {width:149px; w\idth:138px;}



/* NEW style the First level background */
.whitemenu ul li ul li a. .whitemenu ul li a:visited {background:#fbe0e0;}

/* NEW style the First level hover */
.whitemenu ul li ul li a:hover {background:#ffcccc;}
.whitemenu ul li ul li :hover > a {background:#f4c2ac;}



/* style the second level background with dropdown-third-level links */
.whitemenu ul ul a.drop, .whitemenu ul ul a.drop:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/arrow_off.gif) no-repeat 130px center;}

/* style the second level hover */
.whitemenu ul ul a.drop:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 130px center;}
.whitemenu ul ul :hover > a.drop {background:#f4c2ac url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 130px center;}


/* style the second level background with FLAGPOST ICON */
.whitemenu ul ul a.flag, .whitemenu ul ul a.flag:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/flag_off.gif) no-repeat 130px center;}

/* style the second level hover with FLAGPOST ICON */
.whitemenu ul ul a.flag:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/flag_on.gif) no-repeat 130px center;}
.whitemenu ul ul :hover > a.flag {background:#f4c2ac url(http://www.kamibashi.com/assets/flag_on.gif) no-repeat 130px center;}


/* style the third level background */
.whitemenu ul ul ul a, .whitemenu ul ul ul a:visited {background:#fadcbe;}

/* style the third level hover */
.whitemenu ul ul ul a:hover {background:#e8ad93;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.whitemenu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px dotted #cc6666;}

/* another hack for IE5.5 */
* html .whitemenu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.whitemenu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.whitemenu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.whitemenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.whitemenu ul ul a, .whitemenu ul ul a:visited {background:#fbe9e9; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border:1px dotted #cc6666; border-width:0 1px 1px 1px;}

/* yet another hack for IE5.5 */
* html .whitemenu ul ul a, * html .whitemenu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.whitemenu a:hover, .whitemenu ul ul a:hover{color:#000; background:#ffcccc;}
.whitemenu :hover > a, .whitemenu ul ul :hover > a {color:#000; background:#ffcccc;}

/* make the second level visible when hover on first level list OR link */
.whitemenu ul li:hover ul,
.whitemenu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.whitemenu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.whitemenu ul :hover ul :hover ul{ visibility:visible;}





/** global YELLOW navigation menu **/
/** ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
=================================================================== **/

.yellowmenu {width:927px; height:32px; position:relative; z-index:100; border-right:1px dotted #ffe3a0; font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif;}

/* hack to correct IE5.5 faulty box model */
* html .yellowmenu {width:929px; w\idth:928px;}

/* remove all the bullets, borders and padding from the default list styling */
.yellowmenu ul {padding:0;margin:0;list-style-type:none;}
.yellowmenu ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.yellowmenu li {float:left;width:149px;position:relative;}

/* control shopping cart */
.yellowmenu ul li.cart {width:32px; height:30px; border:1px dotted #ffe3a0; border-width:1px 0 1px 1px;}
.yellowmenu ul li.cart form:hover {background:#ffe3a0;}

/* style the links for the top level - PRODUCT | OCCASIONS | defines all the framing */
.yellowmenu a, .yellowmenu a:visited {display:block;font-size:12px;text-decoration:none; color:#990000; width:138px; height:30px; border:1px dotted #ffe3a0; border-width:1px 0 1px 1px; padding-left:10px; line-height:29px; font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .yellowmenu a, * html .yellowmenu a:visited {width:149px; w\idth:138px;}


/* NEW style the First level background */
.yellowmenu ul li ul li a. .yellowmenu ul li a:visited {background:#fbe0e0;}

/* NEW style the First level hover */
.yellowmenu ul li ul li a:hover {background:#ffe3a0;}
.yellowmenu ul li ul li :hover > a {background:#f4c2ac;}


/* style the second level background with dropdown-third-level links */
.yellowmenu ul ul a.drop, .yellowmenu ul ul a.drop:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/arrow_off.gif) no-repeat 130px center;}

/* style the second level hover */
.yellowmenu ul ul a.drop:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 130px center;}
.yellowmenu ul ul :hover > a.drop {background:#f4c2ac url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 130px center;}


/* style the second level background with FLAGPOST ICON */
.yellowmenu ul ul a.flag, .yellowmenu ul ul a.flag:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/flag_off.gif) no-repeat 130px center;}

/* style the second level hover with FLAGPOST ICON */
.yellowmenu ul ul a.flag:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/flag_on.gif) no-repeat 130px center;}
.yellowmenu ul ul :hover > a.flag {background:#f4c2ac url(http://www.kamibashi.com/assets/flag_on.gif) no-repeat 130px center;}


/* style the third level background */
.yellowmenu ul ul ul a, .yellowmenu ul ul ul a:visited {background:#fadcbe;}

/* style the third level hover */
.yellowmenu ul ul ul a:hover {background:#e8ad93;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.yellowmenu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px dotted #cc6666;}

/* another hack for IE5.5 */
* html .yellowmenu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.yellowmenu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.yellowmenu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.yellowmenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.yellowmenu ul ul a, .yellowmenu ul ul a:visited {background:#fbe9e9; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border:1px dotted #cc6666; border-width:0 1px 1px 1px;}

/* yet another hack for IE5.5 */
* html .yellowmenu ul ul a, * html .yellowmenu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.yellowmenu a:hover, .yellowmenu ul ul a:hover{color:#000; background:#ffe3a0;}
.yellowmenu :hover > a, .yellowmenu ul ul :hover > a {color:#000; background:#ffe3a0;}

/* make the second level visible when hover on first level list OR link */
.yellowmenu ul li:hover ul,
.yellowmenu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.yellowmenu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.yellowmenu ul :hover ul :hover ul{ visibility:visible;}





/** global PINK navigation menu **/
/** ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
=================================================================== **/

.pinkmenu {width:927px; height:32px; position:relative; z-index:100; border-right:1px dotted #ffcccc; font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif;}

/* hack to correct IE5.5 faulty box model */
* html .pinkmenu {width:929px; w\idth:928px;}

/* remove all the bullets, borders and padding from the default list styling */
.pinkmenu ul {padding:0;margin:0;list-style-type:none;}
.pinkmenu ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.pinkmenu li {float:left;width:149px;position:relative;}

/* control shopping cart */
.pinkmenu ul li.cart {width:32px; height:30px; border:1px dotted #ffcccc; border-width:1px 0 1px 1px;}
.pinkmenu ul li.cart form:hover {background:#ffcccc;}

/* style the links for the top level - PRODUCT | OCCASIONS | defines all the framing */
.pinkmenu a, .pinkmenu a:visited {display:block;font-size:12px;text-decoration:none; color:#990000; width:138px; height:30px; border:1px dotted #ffcccc; border-width:1px 0 1px 1px; padding-left:10px; line-height:29px; font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .pinkmenu a, * html .pinkmenu a:visited {width:149px; w\idth:138px;}



/* NEW style the First level background */
.pinkmenu ul li ul li a. .pinkmenu ul li a:visited {background:#fbe0e0;}

/* NEW style the First level hover */
.pinkmenu ul li ul li a:hover {background:#ffcccc;}
.pinkmenu ul li ul li :hover > a {background:#f4c2ac;}



/* style the second level background with dropdown-third-level links */
.pinkmenu ul ul a.drop, .pinkmenu ul ul a.drop:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/arrow_off.gif) no-repeat 130px center;}

/* style the second level hover */
.pinkmenu ul ul a.drop:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 130px center;}
.pinkmenu ul ul :hover > a.drop {background:#f4c2ac url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 130px center;}


/* style the second level background with FLAGPOST ICON */
.pinkmenu ul ul a.flag, .pinkmenu ul ul a.flag:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/flag_off.gif) no-repeat 130px center;}

/* style the second level hover with FLAGPOST ICON */
.pinkmenu ul ul a.flag:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/flag_on.gif) no-repeat 130px center;}
.pinkmenu ul ul :hover > a.flag {background:#f4c2ac url(http://www.kamibashi.com/assets/flag_on.gif) no-repeat 130px center;}


/* style the third level background */
.pinkmenu ul ul ul a, .pinkmenu ul ul ul a:visited {background:#fadcbe;}

/* style the third level hover */
.pinkmenu ul ul ul a:hover {background:#e8ad93;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.pinkmenu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px dotted #cc6666;}

/* another hack for IE5.5 */
* html .pinkmenu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.pinkmenu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.pinkmenu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.pinkmenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.pinkmenu ul ul a, .pinkmenu ul ul a:visited {background:#fbe9e9; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border:1px dotted #cc6666; border-width:0 1px 1px 1px;}

/* yet another hack for IE5.5 */
* html .pinkmenu ul ul a, * html .pinkmenu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.pinkmenu a:hover, .pinkmenu ul ul a:hover{color:#000; background:#ffcccc;}
.pinkmenu :hover > a, .pinkmenu ul ul :hover > a {color:#000; background:#ffcccc;}

/* make the second level visible when hover on first level list OR link */
.pinkmenu ul li:hover ul,
.pinkmenu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.pinkmenu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.pinkmenu ul :hover ul :hover ul{ visibility:visible;}




/** global BLUE navigation menu **/
/** ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
=================================================================== **/

.bluemenu {width:927px; height:32px; position:relative; z-index:100; border-right:1px dotted #6699cc; font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif;}

/* hack to correct IE5.5 faulty box model */
* html .bluemenu {width:929px; w\idth:928px;}

/* remove all the bullets, borders and padding from the default list styling */
.bluemenu ul {padding:0;margin:0;list-style-type:none;}
.bluemenu ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.bluemenu li {float:left;width:149px;position:relative;}

/* control shopping cart */
.bluemenu ul li.cart {width:32px; height:30px; border:1px dotted #6699cc; border-width:1px 0 1px 1px;}
.bluemenu ul li.cart form:hover {background:#ffcccc;}

/* style the links for the top level - PRODUCT | OCCASIONS | defines all the framing */
.bluemenu a, .bluemenu a:visited {display:block;font-size:12px;text-decoration:none; color:#000033; width:138px; height:30px; border:1px dotted #6699cc; border-width:1px 0 1px 1px; padding-left:10px; line-height:29px; font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .bluemenu a, * html .bluemenu a:visited {width:149px; w\idth:138px;}



/* NEW style the First level background */
.bluemenu ul li ul li a. .bluemenu ul li a:visited {background:#fbe0e0;}

/* NEW style the First level hover */
.bluemenu ul li ul li a:hover {background:#ffcccc;}
.bluemenu ul li ul li :hover > a {background:#f4c2ac;}



/* style the second level background with dropdown-third-level links */
.bluemenu ul ul a.drop, .bluemenu ul ul a.drop:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/arrow_off.gif) no-repeat 130px center;}

/* style the second level hover */
.bluemenu ul ul a.drop:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 130px center;}
.bluemenu ul ul :hover > a.drop {background:#f4c2ac url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 130px center;}


/* style the second level background with FLAGPOST ICON */
.bluemenu ul ul a.flag, .bluemenu ul ul a.flag:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/flag_off.gif) no-repeat 130px center;}

/* style the second level hover with FLAGPOST ICON */
.bluemenu ul ul a.flag:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/flag_on.gif) no-repeat 130px center;}
.bluemenu ul ul :hover > a.flag {background:#f4c2ac url(http://www.kamibashi.com/assets/flag_on.gif) no-repeat 130px center;}


/* style the third level background */
.bluemenu ul ul ul a, .bluemenu ul ul ul a:visited {background:#fadcbe;}

/* style the third level hover */
.bluemenu ul ul ul a:hover {background:#e8ad93;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.bluemenu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px dotted #cc6666;}

/* another hack for IE5.5 */
* html .bluemenu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.bluemenu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.bluemenu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.bluemenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.bluemenu ul ul a, .bluemenu ul ul a:visited {background:#fbe9e9; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border:1px dotted #cc6666; border-width:0 1px 1px 1px;}

/* yet another hack for IE5.5 */
* html .bluemenu ul ul a, * html .bluemenu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.bluemenu a:hover, .bluemenu ul ul a:hover{color:#000; background:#ffcccc;}
.bluemenu :hover > a, .bluemenu ul ul :hover > a {color:#000; background:#ffcccc;}

/* make the second level visible when hover on first level list OR link */
.bluemenu ul li:hover ul,
.bluemenu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.bluemenu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.bluemenu ul :hover ul :hover ul{ visibility:visible;}




/** global BURGUNDY navigation menu **/
/** ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
=================================================================== **/

.burgundymenu {width:927px; height:32px; position:relative; z-index:100; border-right:1px dotted #990000; font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif;}

/* hack to correct IE5.5 faulty box model */
* html .burgundymenu {width:929px; w\idth:928px;}

/* remove all the bullets, borders and padding from the default list styling */
.burgundymenu ul {padding:0;margin:0;list-style-type:none;}
.burgundymenu ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.burgundymenu li {float:left;width:149px;position:relative;}

/* control shopping cart */
.burgundymenu ul li.cart {width:32px; height:30px; border:1px dotted #990000; border-width:1px 0 1px 1px;}
.burgundymenu ul li.cart form:hover {background:#ffcccc;}

/* style the links for the top level - PRODUCT | OCCASIONS | defines all the framing */
.burgundymenu a, .bluemenu a:visited {display:block;font-size:12px;text-decoration:none; color:#000000; width:138px; height:30px; border:1px dotted #990000; border-width:1px 0 1px 1px; padding-left:10px; line-height:29px; font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .burgundymenu a, * html .burgundymenu a:visited {width:149px; w\idth:138px;}



/* NEW style the First level background */
.burgundymenu ul li ul li a. .burgundymenu ul li a:visited {background:#fbe0e0;}

/* NEW style the First level hover */
.burgundymenu ul li ul li a:hover {background:#ffcccc;}
.burgundymenu ul li ul li :hover > a {background:#f4c2ac;}



/* style the second level background with dropdown-third-level links */
.burgundymenu ul ul a.drop, .burgundymenu ul ul a.drop:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/arrow_off.gif) no-repeat 130px center;}

/* style the second level hover */
.burgundymenu ul ul a.drop:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 130px center;}
.burgundymenu ul ul :hover > a.drop {background:#f4c2ac url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 130px center;}


/* style the second level background with FLAGPOST ICON */
.burgundymenu ul ul a.flag, .bluemenu ul ul a.flag:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/flag_off.gif) no-repeat 130px center;}

/* style the second level hover with FLAGPOST ICON */
.burgundymenu ul ul a.flag:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/flag_on.gif) no-repeat 130px center;}
.burgundymenu ul ul :hover > a.flag {background:#f4c2ac url(http://www.kamibashi.com/assets/flag_on.gif) no-repeat 130px center;}


/* style the third level background */
.burgundymenu ul ul ul a, .burgundymenu ul ul ul a:visited {background:#fadcbe;}

/* style the third level hover */
.burgundymenu ul ul ul a:hover {background:#e8ad93;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.burgundymenu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px dotted #990000;}

/* another hack for IE5.5 */
* html .burgundymenu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.burgundymenu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.burgundymenu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.burgundymenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.burgundymenu ul ul a, .burgundymenu ul ul a:visited {background:#fbe9e9; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border:1px dotted #990000; border-width:0 1px 1px 1px;}

/* yet another hack for IE5.5 */
* html .burgundymenu ul ul a, * html .burgundymenu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.burgundymenu a:hover, .burgundymenu ul ul a:hover{color:#000; background:#ffcccc;}
.burgundymenu :hover > a, .burgundymenu ul ul :hover > a {color:#000; background:#ffcccc;}

/* make the second level visible when hover on first level list OR link */
.burgundymenu ul li:hover ul,
.burgundymenu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.burgundymenu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.burgundymenu ul :hover ul :hover ul{ visibility:visible;}




/** global GREEN navigation menu **/
/** ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
=================================================================== **/

.greenmenu {width:927px; height:32px; position:relative; z-index:100; border-right:1px dotted #469d6d; font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif;}

/* hack to correct IE5.5 faulty box model */
* html .greenmenu {width:929px; w\idth:928px;}

/* remove all the bullets, borders and padding from the default list styling */
.greenmenu ul {padding:0;margin:0;list-style-type:none;}
.greenmenu ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.greenmenu li {float:left;width:149px;position:relative;}

/* control shopping cart */
.greenmenu ul li.cart {width:32px; height:30px; border:1px dotted #469d6d; border-width:1px 0 1px 1px;}
.greenmenu ul li.cart form:hover {background:#ffcccc;}

/* style the links for the top level - PRODUCT | OCCASIONS | defines all the framing */
.greenmenu a, .greenmenu a:visited {display:block;font-size:12px;text-decoration:none; color:#000000; width:138px; height:30px; border:1px dotted #469d6d; border-width:1px 0 1px 1px; padding-left:10px; line-height:29px; font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .greenmenu a, * html .greenmenu a:visited {width:149px; w\idth:138px;}



/* NEW style the First level background */
.greenmenu ul li ul li a. .greenmenu ul li a:visited {background:#fbe0e0;}

/* NEW style the First level hover */
.greenmenu ul li ul li a:hover {background:#ffcccc;}
.greenmenu ul li ul li :hover > a {background:#f4c2ac;}



/* style the second level background with dropdown-third-level links */
.greenmenu ul ul a.drop, .greenmenu ul ul a.drop:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/arrow_off.gif) no-repeat 130px center;}

/* style the second level hover */
.greenmenu ul ul a.drop:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 130px center;}
.greenmenu ul ul :hover > a.drop {background:#f4c2ac url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 130px center;}


/* style the second level background with FLAGPOST ICON */
.greenmenu ul ul a.flag, .bluemenu ul ul a.flag:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/flag_off.gif) no-repeat 130px center;}

/* style the second level hover with FLAGPOST ICON */
.greenmenu ul ul a.flag:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/flag_on.gif) no-repeat 130px center;}
.greenmenu ul ul :hover > a.flag {background:#f4c2ac url(http://www.kamibashi.com/assets/flag_on.gif) no-repeat 130px center;}


/* style the third level background */
.greenmenu ul ul ul a, .greenmenu ul ul ul a:visited {background:#fadcbe;}

/* style the third level hover */
.greenmenu ul ul ul a:hover {background:#e8ad93;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.greenmenu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px dotted #469d6d;}

/* another hack for IE5.5 */
* html .greenymenu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.greenmenu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.greenmenu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.greenmenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.greenmenu ul ul a, .greenymenu ul ul a:visited {background:#fbe9e9; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border:1px dotted #469d6d; border-width:0 1px 1px 1px;}

/* yet another hack for IE5.5 */
* html .greenmenu ul ul a, * html .greenmenu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.greenmenu a:hover, .greenmenu ul ul a:hover{color:#000; background:#ffcccc;}
.greenmenu :hover > a, .greenmenu ul ul :hover > a {color:#000; background:#ffcccc;}

/* make the second level visible when hover on first level list OR link */
.greenmenu ul li:hover ul,
.greenmenu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.greenmenu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.greenmenu ul :hover ul :hover ul{ visibility:visible;}





/** global BLACK navigation menu **/
/** ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
=================================================================== **/

.blackmenu {width:927px; height:32px; position:relative; z-index:100; border-right:1px dotted #000000; font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif;}

/* hack to correct IE5.5 faulty box model */
* html .blackmenu {width:929px; w\idth:928px;}

/* remove all the bullets, borders and padding from the default list styling */
.blackmenu ul {padding:0;margin:0;list-style-type:none;}
.blackmenu ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.blackmenu li {float:left;width:149px;position:relative;}

/* control shopping cart */
.blackmenu ul li.cart {width:32px; height:30px; border:1px dotted #000000; border-width:1px 0 1px 1px;}
.blackmenu ul li.cart form:hover {background:#ffcccc;}

/* style the links for the top level - PRODUCT | OCCASIONS | defines all the framing */
.blackmenu a, .blackmenu a:visited {display:block;font-size:12px;text-decoration:none; color:#990000; width:138px; height:30px; border:1px dotted #000000; border-width:1px 0 1px 1px; padding-left:10px; line-height:29px; font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .blackmenu a, * html .blackmenu a:visited {width:149px; w\idth:138px;}



/* NEW style the First level background */
.blackmenu ul li ul li a. .blackmenu ul li a:visited {background:#fbe0e0;}

/* NEW style the First level hover */
.blackmenu ul li ul li a:hover {background:#ffcccc;}
.blackmenu ul li ul li :hover > a {background:#f4c2ac;}



/* style the second level background with dropdown-third-level links */
.blackmenu ul ul a.drop, .blackmenu ul ul a.drop:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/arrow_off.gif) no-repeat 130px center;}

/* style the second level hover */
.blackmenu ul ul a.drop:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 130px center;}
.blackmenu ul ul :hover > a.drop {background:#f4c2ac url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 130px center;}



/* style the second level background with FLAGPOST ICON */
.blackmenu ul ul a.flag, .blackmenu ul ul a.flag:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/flag_off.gif) no-repeat 130px center;}

/* style the second level hover with FLAGPOST ICON */
.blackmenu ul ul a.flag:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/flag_on.gif) no-repeat 130px center;}
.blackmenu ul ul :hover > a.flag {background:#f4c2ac url(http://www.kamibashi.com/assets/flag_on.gif) no-repeat 130px center;}



/* style the third level background */
.blackmenu ul ul ul a, .blackmenu ul ul ul a:visited {background:#fadcbe;}

/* style the third level hover */
.blackmenu ul ul ul a:hover {background:#e8ad93;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.blackmenu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px dotted #cc6666;}

/* another hack for IE5.5 */
* html .blackmenu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.blackmenu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.blackmenu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.blackmenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.blackmenu ul ul a, .blackmenu ul ul a:visited {background:#fbe9e9; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border:1px dotted #cc6666; border-width:0 1px 1px 1px;}

/* yet another hack for IE5.5 */
* html .darkmenu ul ul a, * html .blackmenu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.blackmenu a:hover, .blackmenu ul ul a:hover{color:#000; background:#ffcccc;}
.blackmenu :hover > a, .blackmenu ul ul :hover > a {color:#000; background:#ffcccc;}

/* make the second level visible when hover on first level list OR link */
.blackmenu ul li:hover ul,
.blackmenu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.blackmenu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.blackmenu ul :hover ul :hover ul{ visibility:visible;}








/** global DARK navigation menu **/
/** ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
=================================================================== **/

.darkmenu {width:927px; height:32px; position:relative; z-index:100; border-right:1px dotted #2b3482; font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif;}

/* hack to correct IE5.5 faulty box model */
* html .darkmenu {width:929px; w\idth:928px;}

/* remove all the bullets, borders and padding from the default list styling */
.darkmenu ul {padding:0;margin:0;list-style-type:none;}
.darkmenu ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.darkmenu li {float:left;width:149px;position:relative;}

/* control shopping cart */
.darkmenu ul li.cart {width:32px; height:30px; border:1px dotted #2b3482; border-width:1px 0 1px 1px;}
.darkmenu ul li.cart form:hover {background:#ffcccc;}

/* style the links for the top level - PRODUCT | OCCASIONS | defines all the framing */
.darkmenu a, .darkmenu a:visited {display:block;font-size:12px;text-decoration:none; color:#990000; width:138px; height:30px; border:1px dotted #2b3482; border-width:1px 0 1px 1px; padding-left:10px; line-height:29px; font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .darkmenu a, * html .darkmenu a:visited {width:149px; w\idth:138px;}



/* NEW style the First level background */
.darkmenu ul li ul li a. .darkmenu ul li a:visited {background:#fbe0e0;}

/* NEW style the First level hover */
.darkmenu ul li ul li a:hover {background:#ffcccc;}
.darkmenu ul li ul li :hover > a {background:#f4c2ac;}



/* style the second level background with dropdown-third-level links */
.darkmenu ul ul a.drop, .darkmenu ul ul a.drop:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/arrow_off.gif) no-repeat 130px center;}

/* style the second level hover */
.darkmenu ul ul a.drop:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 130px center;}
.darkmenu ul ul :hover > a.drop {background:#f4c2ac url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 130px center;}


/* style the second level background with FLAGPOST ICON */
.darkmenu ul ul a.flag, .darkmenu ul ul a.flag:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/flag_off.gif) no-repeat 130px center;}

/* style the second level hover with FLAGPOST ICON */
.darkmenu ul ul a.flag:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/flag_on.gif) no-repeat 130px center;}
.darkmenu ul ul :hover > a.flag {background:#f4c2ac url(http://www.kamibashi.com/assets/flag_on.gif) no-repeat 130px center;}


/* style the third level background */
.darkmenu ul ul ul a, .darkmenu ul ul ul a:visited {background:#fadcbe;}

/* style the third level hover */
.darkmenu ul ul ul a:hover {background:#e8ad93;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.darkmenu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px dotted #cc6666;}

/* another hack for IE5.5 */
* html .darkmenu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.darkmenu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.darkmenu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.darkmenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.darkmenu ul ul a, .darkmenu ul ul a:visited {background:#fbe9e9; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border:1px dotted #cc6666; border-width:0 1px 1px 1px;}

/* yet another hack for IE5.5 */
* html .darkmenu ul ul a, * html .darkmenu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.darkmenu a:hover, .darkmenu ul ul a:hover{color:#000; background:#ffcccc;}
.darkmenu :hover > a, .darkmenu ul ul :hover > a {color:#000; background:#ffcccc;}

/* make the second level visible when hover on first level list OR link */
.darkmenu ul li:hover ul,
.darkmenu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.darkmenu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.darkmenu ul :hover ul :hover ul{ visibility:visible;}



/** pulldown menu **/
/** ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
=================================================================== **/

.pulldown {width:241px; height:30px; position:relative; z-index:10; border-right:1px dotted #999999; font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif;}

/* hack to correct IE5.5 faulty box model */
* html .pulldown {width:241px; w\idth:240px;}

/* remove all the bullets, borders and padding from the default list styling */
.pulldown ul {padding:0;margin:0;list-style-type:none;}
.pulldown ul ul {width:235px;}

/* float the list to make it horizontal and a relative positon so that you can control the pulldown positon */
.pulldown li {float:left;width:235px;position:relative;}

/* style the links for the top level defines all the framing */
.pulldown a, .pulldown a:visited {display:block;font-size:11px; text-decoration:none; color:#990000; width:230px; height:30px; border:1px dotted #999999; border-width:1px 0 1px 1px; background:#ffffff; padding-left:10px; line-height:30px; font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .pulldown a, * html .pulldown a:visited {width:235px; w\idth:230px;}


/* style the second level background */
.pulldown ul ul a.drop, .pullmenu ul ul a.drop:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/arrow_off.gif) no-repeat 215px center;}

/* style the second level hover */
.pulldown ul ul a.drop:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 215px center;}
.pulldown ul ul :hover > a.drop {background:#f4c2ac url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 215px center;}


/* style the first level background */
.pulldown ul a.drop, .pulldown ul a.drop:visited {background:#ffffff url(http://www.kamibashi.com/assets/arrowpull_off.gif) no-repeat 215px center;}

/* style the first level hover */
.pulldown ul a.drop:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/arrowpull_on.gif) no-repeat 215px center;}
.pulldown ul :hover > a.drop {background:#f4c2ac url(http://www.kamibashi.com/assets/arrowpull_on.gif) no-repeat 215px center;}

/* style the third level background */
.pulldown ul ul ul a, .pullmenu ul ul ul a:visited {background:#fadcbe;}

/* style the third level hover */
.pulldown ul ul ul a:hover {background:#e8ad93;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.pulldown ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:249px;border-top:1px dotted #999999;}

/* another hack for IE5.5 */
* html .pulldown ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.pulldown ul ul ul{left:241px; top:-1px; width:241px;}

/* position the third level flyout menu for a left flyout */
.pulldown ul ul ul.left {left:-241px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.pulldown table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links, determine width */
.pulldown ul ul a, .pulldown ul ul a:visited {background:#fbe9e9; color:#000; height:auto; line-height:12px; padding:5px 10px; width:220px;border:1px dotted #999999; border-width:0 1px 1px 1px;}

/* yet another hack for IE5.5 */
* html .pulldown ul ul a, * html .pulldown ul ul a:visited {width:220px;w\idth:218px;}

/* style the top level hover */
.pulldown a:hover, .pulldown ul ul a:hover{color:#000; background:#ffcccc;}
.pulldown :hover > a, .pulldown ul ul :hover > a {color:#000; background:#ffcccc;}

/* make the second level visible when hover on first level list OR link */
.pulldown ul li:hover ul,
.pulldown ul a:hover ul{visibility:visible; }

/* make the second level visible when hover on first level list OR link */
.pulldown ul li:hover ul,
.pulldown ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.pulldown ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.pulldown ul :hover ul :hover ul{ visibility:visible;}



/** blackpulldown menu **/
/** ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
=================================================================== **/

.blackpulldown {width:241px; height:30px; position:relative; z-index:10; border-right:1px dotted #999999; font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif;}
/* hack to correct IE5.5 faulty box model */
* html .blackpulldown {width:241px; w\idth:240px;}

/* remove all the bullets, borders and padding from the default list styling */
.blackpulldown ul {padding:0;margin:0;list-style-type:none;}
.blackpulldown ul ul {width:235px;}

/* float the list to make it horizontal and a relative positon so that you can control the pulldown positon */
.blackpulldown li {float:left;width:235px;position:relative;}

/* style the links for the top level defines all the framing */
.blackpulldown a, .blackpulldown a:visited {display:block;font-size:11px; text-decoration:none; color:#990000; width:230px; height:30px; border:1px dotted #999999; border-width:1px 0 1px 1px; background:#ffffff; padding-left:10px; line-height:30px; font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .blackpulldown a, * html .blackpulldown a:visited {width:235px; w\idth:230px;}

/* style the second level background */
.blackpulldown ul ul a.drop, .blackpullmenu ul ul a.drop:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/arrow_off.gif) no-repeat 215px center;}
/* style the second level hover */
.blackpulldown ul ul a.drop:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 215px center;}
.blackpulldown ul ul :hover > a.drop {background:#f4c2ac url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 215px center;}


/* style the first level background */
.blackpulldown ul a.drop, .blackpulldown ul a.drop:visited {background:#000000 url(http://www.kamibashi.com/assets/arrowpull_off_black.gif) no-repeat 215px center;}
/* style the first level hover */
.blackpulldown ul a.drop:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/arrowpull_on.gif) no-repeat 215px center;}
.blackpulldown ul :hover > a.drop {background:#f4c2ac url(http://www.kamibashi.com/assets/arrowpull_on.gif) no-repeat 215px center;}
/* style the third level background */
.blackpulldown ul ul ul a, .blackpullmenu ul ul ul a:visited {background:#fadcbe;}
/* style the third level hover */
.blackpulldown ul ul ul a:hover {background:#e8ad93;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.blackpulldown ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:249px;border-top:1px dotted #999999;}
/* another hack for IE5.5 */
* html .blackpulldown ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.blackpulldown ul ul ul{left:241px; top:-1px; width:241px;}
/* position the third level flyout menu for a left flyout */
.blackpulldown ul ul ul.left {left:-241px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.blackpulldown table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* style the second level links, determine width */
.blackpulldown ul ul a, .blackpulldown ul ul a:visited {background:#fbe9e9; color:#666; height:auto; line-height:12px; padding:5px 10px; width:220px;border:1px dotted #999999; border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .blackpulldown ul ul a, * html .blackpulldown ul ul a:visited {width:220px;w\idth:218px;}
/* style the top level hover */
.blackpulldown a:hover, .blackpulldown ul ul a:hover{color:#000; background:#ffcccc;}
.blackpulldown :hover > a, .blackpulldown ul ul :hover > a {color:#000; background:#ffcccc;}
/* make the second level visible when hover on first level list OR link */
.blackpulldown ul li:hover ul,
.blackpulldown ul a:hover ul{visibility:visible; }


/* make the second level visible when hover on first level list OR link */
.blackpulldown ul li:hover ul,
.blackpulldown ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.blackpulldown ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.blackpulldown ul :hover ul :hover ul{ visibility:visible;}







/** darkpulldown menu **/
/** ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
=================================================================== **/

.darkpulldown {width:241px; height:30px; position:relative; z-index:10; border-right:1px dotted #999999; font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif;}
/* hack to correct IE5.5 faulty box model */
* html .darkpulldown {width:241px; w\idth:240px;}

/* remove all the bullets, borders and padding from the default list styling */
.darkpulldown ul {padding:0;margin:0;list-style-type:none;}
.darkpulldown ul ul {width:235px;}

/* float the list to make it horizontal and a relative positon so that you can control the pulldown positon */
.darkpulldown li {float:left;width:235px;position:relative;}

/* style the links for the top level defines all the framing */
.darkpulldown a, .pulldown a:visited {display:block;font-size:11px; text-decoration:none; color:#990000; width:230px; height:30px; border:1px dotted #999999; border-width:1px 0 1px 1px; background:#ffffff; padding-left:10px; line-height:30px; font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .darkpulldown a, * html .pulldown a:visited {width:235px; w\idth:230px;}

/* style the second level background */
.darkpulldown ul ul a.drop, .menu ul ul a.drop:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/arrow_off.gif) no-repeat 215px center;}
/* style the second level hover */
.darkpulldown ul ul a.drop:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 215px center;}
.darkpulldown ul ul :hover > a.drop {background:#f4c2ac url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 215px center;}


/* style the first level background */
.darkpulldown ul a.drop, .darkpulldown ul a.drop:visited {background:#2b3482 url(http://www.kamibashi.com/assets/arrowpull_off_blue.gif) no-repeat 215px center;}
/* style the first level hover */
.darkpulldown ul a.drop:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/arrowpull_on.gif) no-repeat 215px center;}
.darkpulldown ul :hover > a.drop {background:#f4c2ac url(http://www.kamibashi.com/assets/arrowpull_on.gif) no-repeat 215px center;}
/* style the third level background */
.darkpulldown ul ul ul a, .menu ul ul ul a:visited {background:#fadcbe;}
/* style the third level hover */
.darkpulldown ul ul ul a:hover {background:#e8ad93;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.darkpulldown ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:249px;border-top:1px dotted #999999;}
/* another hack for IE5.5 */
* html .darkpulldown ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.darkpulldown ul ul ul{left:241px; top:-1px; width:241px;}
/* position the third level flyout menu for a left flyout */
.darkpulldown ul ul ul.left {left:-241px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.darkpulldown table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* style the second level links, determine width */
.darkpulldown ul ul a, .pulldown ul ul a:visited {background:#fbe9e9; color:#000; height:auto; line-height:12px; padding:5px 10px; width:220px;border:1px dotted #999999; border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .darkpulldown ul ul a, * html .darkpulldown ul ul a:visited {width:220px;w\idth:218px;}
/* style the top level hover */
.darkpulldown a:hover, .darkpulldown ul ul a:hover{color:#000; background:#ffcccc;}
.darkpulldown :hover > a, .darkpulldown ul ul :hover > a {color:#000; background:#ffcccc;}
/* make the second level visible when hover on first level list OR link */
.darkpulldown ul li:hover ul,
.darkpulldown ul a:hover ul{visibility:visible; }


/* make the second level visible when hover on first level list OR link */
.darkpulldown ul li:hover ul,
.darkpulldown ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.darkpulldown ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.darkpulldown ul :hover ul :hover ul{ visibility:visible;}




/** global footer menu **/	
/** ================================================================ **/

	
#footerhome { position:relative; left:0px; top:-210px; }
	
#footerstandard { position:relative; left:0px; text-align:center; }

/** OLD footer **/	
#footer {
		color: #990000;
		font-family: georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif; 
		font-size: 13px;
		line-height: 15px;
		font-weight: bold; 
		letter-spacing: 1px;
		width: 1000px;
		height: 50px;
		margin: 0px 0px 0px 0px;
		padding-top: 45px;
		padding-bottom: 5px;		
		}
		
.small {font-weight: none; font-size:11px; letter-spacing: 0px; line-height: 20px;}				
#footer a:link {color: #990000;} #footer a:visited {color: #cc6666;} #footer a:hover {color: #660000; text-decoration:underline;}




/** homepage elements **/	
/** ================================================================ **/

div.top_row {
    margin-left: auto;
    margin-right: auto;
    width: 940px;
    }

div.logo     {
    position: relative;
    z-index: 1; 
    height: 222px;
    width: 392px; 
    left:95px; 
    top: 20px;
    float: left;

	/** left header graphic with logo and tag line **/
	background-image: url('http://www.kamibashi.com/index/logotop.gif'); 
	background-repeat: no-repeat;
    
    }


div.valentine2012     {
    position: relative;
    z-index: 1; 
    height: 222px;
    width: 392px; 
    left: -15px; 
    top: 19px;
    float: left;

	/** left header graphic with logo and tag line **/
	background-image: url('http://www.kamibashi.com/index/logotop_valentine2012.gif'); 
	background-repeat: no-repeat;
    
    } 


div.logo_mrmelody     {
    position: relative;
    z-index: 1; 
    height: 222px;
    width: 392px; 
    left: -35px; 
    top: 19px;
    float: left;

	/** left header graphic with logo and tag line **/
	background-image: url('http://www.kamibashi.com/index/logotop_mrmelody'); 
	background-repeat: no-repeat;
    
    } 


   
div.logoval2011     {
    position: relative;
    z-index: 1; 
    height: 222px;
    width: 392px; 
    left:100px; 
    top: 18px;
    float: left;

	/** left header graphic with logo and tag line **/
	background-image: url('http://www.kamibashi.com/index/logotop_valentine2011.gif'); 
	background-repeat: no-repeat;
    
    }

    
div.logoskyblue     {
    position: relative;
    z-index: 1; 
    height: 222px;
    width: 392px; 
    left:97px; 
    top: 19px;
    float: left;

	/** left header graphic with logo and tag line **/
	background-image: url('http://www.kamibashi.com/index/logotop_default.gif'); 
	background-repeat: no-repeat;
    
    }
    
    
div.logomercury     {
    position: relative;
    z-index: 1; 
    height: 222px;
    width: 392px; 
    left:97px; 
    top: 19px;
    float: left;

	/** left header graphic with logo and tag line **/
	background-image: url('http://www.kamibashi.com/index/logotop_mercury.gif'); 
	background-repeat: no-repeat;
    
    }
    
    
    
    
div.logopink     {
    position: relative;
    z-index: 1; 
    height: 222px;
    width: 392px; 
    left:97px; 
    top: 19px;
    float: left;

	/** left header graphic with logo and tag line **/
	background-image: url('http://www.kamibashi.com/index/logotop_pink.gif'); 
	background-repeat: no-repeat;
    
    }

div.logosun     {
    position: relative;
    z-index: 1; 
    height: 222px;
    width: 392px; 
    left:97px; 
    top: 19px;
    float: left;

	/** left header graphic with logo and tag line **/
	background-image: url('http://www.kamibashi.com/index/logotop_sun2011.gif'); 
	background-repeat: no-repeat;
    
    } 
    

div.logoskyblue     {
    position: relative;
    z-index: 1; 
    height: 222px;
    width: 392px; 
    left:97px; 
    top: 19px;
    float: left;

	/** left header graphic with logo and tag line **/
	background-image: url('http://www.kamibashi.com/index/logotop_skyblue.gif'); 
	background-repeat: no-repeat;
    
    }  
    

    
div.logo4thjuly     {
    position: relative;
    z-index: 1; 
    height: 222px;
    width: 392px; 
    left: 85px; 
    top: 19px;
    float: left;

	/** left header graphic with logo and tag line **/
	background-image: url('http://www.kamibashi.com/index/logotop_4thjuly.gif'); 
	background-repeat: no-repeat;
    
    } 

div.logogiving     {
    position: relative;
    z-index: 1; 
    height: 222px;
    width: 392px; 
    left: -35px; 
    top: 19px;
    float: left;

	/** left header graphic with logo and tag line **/
	background-image: url('http://www.kamibashi.com/index/logotop_giving.gif'); 
	background-repeat: no-repeat;
    
    } 
    
    
div.logoautumn     {
    position: relative;
    z-index: 1; 
    height: 222px;
    width: 392px; 
    left: -35px; 
    top: 19px;
    float: left;

	/** left header graphic with logo and tag line **/
	background-image: url('http://www.kamibashi.com/index/logotop_autumn.gif'); 
	background-repeat: no-repeat;
    
    } 
  

    
div.logohalloween     {
    position: relative;
    z-index: 1; 
    height: 222px;
    width: 392px; 
    left: -35px; 
    top: 19px;
    float: left;

	/** left header graphic with logo and tag line **/
	background-image: url('http://www.kamibashi.com/index/logotop_halloween.gif'); 
	background-repeat: no-repeat;
    
    } 




    
div.logodad     {
    position: relative;
    z-index: 1; 
    height: 222px;
    width: 392px; 
    left:97px; 
    top: 19px;
    float: left;

	/** left header graphic with logo and tag line **/
	background-image: url('http://www.kamibashi.com/index/logotop_dad2011.gif'); 
	background-repeat: no-repeat;
    
    }  
    
div.logomom     {
    position: relative;
    z-index: 1; 
    height: 222px;
    width: 392px; 
    left:97px; 
    top: 19px;
    float: left;

	/** left header graphic with logo and tag line **/
	background-image: url('http://www.kamibashi.com/index/logotop_mom.gif'); 
	background-repeat: no-repeat;
    
    }  
    
    
    
div.logogreen     {
    position: relative;
    z-index: 1; 
    height: 222px;
    width: 392px; 
    left:97px; 
    top: 19px;
    float: left;

	/** left header graphic with logo and tag line **/
	background-image: url('http://www.kamibashi.com/index/logotop_green.gif'); 
	background-repeat: no-repeat;
    
    }
        
    
div.logoyellow     {
    position: relative;
    z-index: 1; 
    height: 222px;
    width: 392px; 
    left:97px; 
    top: 19px;
    float: left;

	/** left header graphic with logo and tag line **/
	background-image: url('http://www.kamibashi.com/index/logotop_yellow.gif'); 
	background-repeat: no-repeat;
    
    }
    
    

div.logoxmas2010     {
    position: relative;
    z-index: 1; 
    height: 222px;
    width: 392px; 
    left:100px; 
    top: 25px;
    float: left;

	/** left header graphic with logo and tag line **/
	background-image: url('http://www.kamibashi.com/index/logotop_xmas.gif'); 
	background-repeat: no-repeat;
    
    }

    
div.logofall2010     {
    position: relative;
    z-index: 1; 
    height: 222px;
    width: 392px; 
    left:100px; 
    top: 25px;
    float: left;

	/** left header graphic with logo and tag line **/
	background-image: url('http://www.kamibashi.com/index/logotop_autumn.gif'); 
	background-repeat: no-repeat;
    
    }
    
    
    
/* hack to correct IE5.5 faulty box model */
* html #div.logo {width:392px; w\idth:392px; height: 222px; he\ight: 222px;}
 
div.welcome {
    position: relative;
    z-index: 2;
    height: 238px;
    width: 522px;
    top: -220px;
    left: 355px;
    
    
    }
    
/* hack to correct IE5.5 faulty box model edwardson tan hack */
* html #div.welcome {width:522px; w\idth:522px; height: 238px; he\ight: 238px;}


div.promo_box {
    position: relative;
    z-index: 3;
    height: 110px;
    width: 110px;
    left: -65px; 
    top: 15px;
    float: left;
    
    }
    
/* hack to correct IE5.5 faulty box model edwardson tan hack */
* html #div.welcome {width:110px; w\idth:110px; height: 110px; he\ight: 110px;}



#products_singlebox {
		position:relative; left:-5px; top:-220px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px; 
		
		width: 950px;
		height: 450px;
		
		z-index: 1;

		}


#products_one {
		position:relative; left:0px; top:-210px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px; 
		
		width: 900px;
		height: 215px;
		
		z-index: 1;

		}
		
#products_two {
	position:relative;
	left:0px;
	top:-200px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 900px;
	height: 230px;
	z-index: 2;
		}

		
#products_two_vertical {
	position:relative;
	left:100px;
	top:-200px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 700px;
	height: 250px;
	z-index: 2;
		}
		
#products_two_wide_vertical {
	position:relative;
	left:0px;
	top:-230px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 900px;
	height: 250px;
	z-index: 2;
		}
		
		
#products_two_dolls {
	position:relative;
	left:0px;
	top:-200px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 900px;
	height: 200px;
	z-index: 2;
		}