
/* css buttons */
.cssButton, .cssButtonHover {
width : 20em;
background-color: #F4F4F4;
color : #000000;
border: 2px outset #F4F4F4;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
text-align:center;
white-space: nowrap;
text-decoration: none;
font-weight: bold;
padding: 0.3em;
/*border-spacing: 1px;*/
/*margin-left: auto;
margin-right: auto;*/
/*display: block;*/
/*vertical-align: top;*/
/*line-height: 130%;*/
/*cursor: pointer;*/
}

.cssButtonHover {
color: #006600;
border-style: inset;
text-decoration: none;
}
/* adding the styles below might be needed if the default button width is changed */
/* .button_continue_shopping, .button_shipping_estimator {width: 150px;} */
.small_delete, .button_prev, .button_next, .button_search  {width: 7em;}
.button_sold_out_sm, .button_sold_out, .button_update_cart, .button_checkout, .button_login {width: 10em;}
.button_return_to_product_list, .button_add_selected {width: 22em;}
.button_in_cart{width: 19em;}  
.button_submit {width: 18em;}
.button_update_cart {color: red;}
.button_update_cartHover {color: #003D00;}
/*.innerbox#headernavcenter .boxtext .button_search {display:inline;}*/


.vDotLine
{
    background-color: transparent;
    background-image: url(../images/delim_v.gif);
    background-repeat: repeat-y;
    background-attachment: scroll;
    width: 20px;
    font-size: 1px;
}

.hDotLine
{
    background-image: url(../images/delim_v.gif);
    padding:1px 0;
}


hr.catBoxDivider1 { 
    color: #aabbcc;
margin-top: 0px;
marginn-bottom: 5px;
height: 4px;
	backgrounds: url(../images/wrapbg.jpg) repeat-y #dfdfdf;
    }


#chcategories ul {/*top category lists*/
    list-style: none;
    border: 1px solid #fff;
    margin: 0 0 0.4em 0;
    padding: 0;
	font-size: 11px;
	
    }

#chcategories ul a {/*top categories*/
    display: list-item;
    list-style: none;
	background: url(../images/menubg.jpg) no-repeat;
    border: 1px solid #fff;
	color: #333;
	font-weight: 800;height: 19px;
	padding-top: 5px;
	padding-left: 23px;
    }
	
	#chcategories ul a:hover {
	text-decoration:underline;
	}

#chcategories ul ul {/*subcategory lists*/
    list-style: none;
	padding-top:0px;
    border: 1px solid #FFF;
	background: #fff;
	margin-bottom:2px;
	margin-left: 10px;}

#chcategories ul ul a {/*subcategories*/
    display: list-item;
	background: url("/images/arrow.gif") no-repeat left;
	border: 1px solid #fff;
	padding-left: 9px;
	color: #003366;
	font-weight:normal;
	padding-top: 1px;
	height: 14px;
}
#chcategories ul ul a:hover {
	text-decoration:underline;
	}

/*change  bullet when a category w/o bg image is open to subs:*/
#chcategories li a.cat-parent-text {
    list-style: none;/*change to list-style: none; to remove bullet*/
    }

/*change  bullet when a category w/o bg image is open to products:*/
#chcategories li a.cat-selected-text {
    list-style: none;/*change to list-style: none; to remove bullet*/
    }

/*disable bullet for cats w/ image or bg image*/
#chcategories li a.cat-parent, #chcategories li a.cat-selected, #chcategories li a.cat-not-selected {
    list-style: none;
    display: block;/*fix IE6 margin-left bug*/
    }

/*different bullet for links if desired*/
/*
#chcategories li a.category-links {
    list-style: disc inside url(../images/bullet4.gif);
    }
*/

/* top category hover effects*/


/* subcategory hover effects*/



body {  
         behavior: url(includes/csshover.htc);
} /* WinIE behavior call */
div#nav-cat {
     margin-top: 0em;
     width: 176px;
     margin-left: 0xp;
     margin-right: auto;
     font-weight: 800;
}
div#nav-cat ul {
     margin: 0em; 
     padding: 0em; 
     width: 100%;  
     z-index: 1000;
     line-height: 14px;
     border: none;
}

div#nav-cat a:hover { text-decoration:underline;}

div#nav-cat ul.level2 {background-color: #ffffff;}
div#nav-cat ul.level3 {background-color: #ffffff;}
div#nav-cat ul.level4 {background-color: #ffffff;}
div#nav-cat ul.level5 {background-color: #ffffff;}
div#nav-cat ul.level6 {background-color: #ffffff;}

div#nav-cat li {
     z-index: 1; 
     list-style: none; 
     margin: 0;
     margin-top: 0px; /* change it to whatever space you want to put space between buttons*/
	 padding-left:20px;
	 padding-top:1px;
	 height:20px;
	 padding-bottom:5px;
     border-bottom: 0px; /* <---this line may help or hinder IE menu shifting issues. */
 	background: url(/includes/templates/classic/images/menubg.png) no-repeat; 
	background-color: transparent;
}
div#nav-cat li li {
    margin-left: -10px;/* This puts space between menu and sub-menu, reccomend to leave at 0 unless you have over-lapping problems. */
	border-bottom:1px solid #CCC;
	z-index:1000;
	background: url(/includes/templates/classic/images/menubg_noline.png) no-repeat #666;
} 



div#nav-cat li a {background-color: transparent; /*<---This will set the background color of the WHOLE MENU, EVERY LEVEL, SYSTEM WIDE!!! If you want different colors, DON'T CHANGE THIS!!! */
    display: block;
    padding: 0.25em 0 0.3em 0em;
    text-decoration: none; 
    width: 100%;
    color: #FFF; /* sets the font color of the menu, SYSTEM WIDE!! In order to over-ride the font colors for the menu, and have different 
    colors for each level, such as font color changing when you hover, you need to remove any MENU colors  referred to in your
    stylesheet.css, as they over-ride this stylesheet! (includes/templates/YOUR_TEMPLATE/css/stylesheet.css) */
}

div#nav-cat ul ul {
    position: relative; left:100%; margin-left:-25px; margin-top:-25px;
    display: none; z-index: 1000; width: 200px;
}

div#nav-cat ul.level1 li.submenu:hover ul.level2, 
div#nav-cat ul.level2 li.submenu:hover ul.level3,
div#nav-cat ul.level3 li.submenu:hover ul.level4,
div#nav-cat ul.level4 li.submenu:hover ul.level5,
div#nav-cat ul.level5 li.submenu:hover ul.level6 {
        display:block; border:4px solid #014d4d;
}
div#nav-cat ul.level3 li.submenu:hover ul.level4 { height: 200px;overflow: scroll;}


* html #categories li, * html #categories li a {
    height: 1em;/*fix IE6 whitespace bug*/
    background-image: url(../images/pixel_trans.gif);/*partially fix IE6 a block display bug*/
    }

.catBoxHeading1 { 
    font-family: georgia, serif;
    font-weight: bold;
    font-size: 1.4em;
    color: #335511; 
    background-color: #ff66ff;
    /*background-image: url(../buttons/english/catheadbg1.gif); */ /*uncomment to use background image with or without coded text*/
    /*height: 23px; */ /*uncomment to use background image without coded text*/
    padding: 0.3em 0.4em;
    margin: 0;
    }

.catBoxHeading2 { 
    font-family: 'times new roman', serif;
    font-weight: bold;
    font-size: 1.4em;
    color: #335544; 
    background-color: #ffaaff;
    /*background-image: url(../buttons/english/catheadbg2.gif); */ /*uncomment to use background image with or without coded text*/
    /*height: 23px; */ /*uncomment to use background image without coded text*/
    padding: 0.3em 0.4em;
    margin: 0 0 2px 0;
    }

.catBoxHeading3 { 
    font-family: 'comic sans ms', sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    color: #336699; 
    background-color: #ffbbdd;
    /*background-image: url(../buttons/english/catheadbg3.gif); */ /*uncomment to use background image with or without coded text*/
    /*height: 23px; */ /*uncomment to use background image without coded text*/
    padding: 0.3em 0.4em;
    margin: 0 0 2px 0;
    }

.catBoxHeadingImg { 
    padding: 0;
    margin: 0;
    }

.catBoxSubtext1 {
    font-family:  'times new roman', serif;
    font-weight: normal;
    font-size: 1.2em;
    color: #669911; 
    background-color: #ffddff;
    padding: 0.1em 0.2em 0.1em 1.0em;
    }

#categories ul {/*top category lists*/
    list-style: none;
    background: none;
    border: 1px solid #ffaa99;
    margin: 0 0 0.4em 0;
    padding: 0;
    }

#categories ul a {/*top categories*/
    display: list-item;
    list-style: none;
    background: no-repeat;
    border: none;
    margin: 0;
    padding: 0;
    }

#categories ul ul {/*subcategory lists*/
    list-style: none;
    background: #ffeecc;
    border: none;
    margin: 0 0 0.4em 0;
    padding: 0 0 0 1.3em;
    }

#categories ul ul a {/*subcategories*/
    display: list-item;
    list-style: none;
    background: #ffddbb;
    border: none;
    margin: 0;
    padding: 0;
    }

/*change  bullet when a category w/o bg image is open to subs:*/
#categories li a.cat-parent-text {
    list-style: none;
    }

/*change  bullet when a category w/o bg image is open to products:*/
#categories li a.cat-selected-text {
    list-style: none;
    }

/*disable bullet for cats w/ image or bg image*/
#categories li a.cat-parent, #categories li a.cat-selected, #categories li a.cat-not-selected {
    list-style: none;
    display: block;/*fix IE6 margin-left bug*/
    }

/*different bullet for links if desired*/
/*
#categories li a.category-links {
    list-style: disc inside url(../images/bullet4.gif);
    }
*/

/* top category hover effects*/
#categories li.cat-top a:hover {
    color: #dd6633; 
    background:  #ddeeff url(../images/catbghover.gif);
    } 

/* subcategory hover effects*/
#categories li li.cat-subs a:hover, #categories li li.cat-products a:hover {
    color: #aa9966; 
    background: #ffb9ff url(../images/catbghover.gif);
    } 

/*individual page rules go after the general rules*/
/*example for individual category as bg image*/
#categories li a.catBg25 {
    background-image: url(../buttons/english/catbg25.gif);
    height: 30px;
    }

#categories li a.catBg25:hover {
    background-image: url(../buttons/english/catbg25hover.gif);
    }
	
	
	#categories li a.catBg2 {
    background-image: url(../buttons/english/catbg2.gif);
    height: 30px;
    }

#categories li a.catBg2:hover {
    background-image: url(../buttons/english/catbg2hover.gif);
    }

/*example for custom individual category styling*/
#categories li.cat-holiday a {
    border-top: 3px dotted #112233; 
    background-color: #aabbff; 
    color: #112233; 
    padding: 1em 0em;
    }

/*example for custom category group styling*/
ul#catGroup48 {
    border: 1px solid #bd6699;
    background: #bbeeff; 
    position: relative;
    left: -1.3em;
    top: 0.2em;
    }

.catCount {color: #000000;}

#logpage{height:265px;margin:5px auto;padding:8px;}
#returncus{margin-bottom:1.5em;width:45%;float:left;border-right:1px solid #680000;border-left:1px solid #680000;border-bottom:5px solid #66006B;padding:0;}
#returncus label.inputLabel{width:8em;float:left;}
.logcontent{background:#FFF4FC;text-align:left;padding:0 5px;}
#newcus legend,#returncus legend{font-weight:700;color:#66006B;margin:0;padding:0.3em 0;}
#newcus{margin-bottom:1.5em;margin-left:45px;width:45%;float:left;border-right:1px solid #680000;border-left:1px solid #680000;border-bottom:5px solid #66006B;padding:0;}
#returncusheading,#newcusheading{font-size:1em;background:#66006B;color:#FF0;width:100%;text-align:center;margin:0;padding:0.5em 0;}

