/*Merchants--Use this file to make any edits that you wish to override styles in the main stylesheets. By making edits to this CSS file, your styles applied here will cascade and overwrite styles in the main CSS files. This will allow you to replace the entire contents of the main stylesheets should it become necessary to update those to fix styling issues with the themes without losing any of your custom styles.*/

/* style for name of the product on section page*/
#contents .name * {color:#4793F3; font-weight:bold;text-decoration: underline;}


/* YSW Left Nav  */
#nav-product ul.sectionul li a {
      padding:10px 4px 6px 18px;
      border-top:1px solid #C4C4C4;
      border-bottom: 0px;
}
#nav-product ul.subsectionul li a {
   background:transparent url('') 9px 50% no-repeat;
   border-bottom:0px solid #c4c4c4;       
   color:#2f2f2f;
   display:block;
   font-weight:normal;       
   font-size:10px;
   height:auto;
   margin-right:10px;
   min-height:13px;
   padding:0 0 0 28px;
   text-decoration:none;
}


#nav-product ul.subsection li a:hover {
     background:url('http://ep.yimg.com/ca/I/squashgear_2193_17737241') 9px 50% no-repeat;
    color:#142ffa;
}










.glossymenu{
margin: 5px 0;
padding: 0;
width: 151px; /*width of menu*/
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: #4B708B url(/lib/squashgear/glossyback2.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
margin-bottom:1px;
padding-left: 5px;
text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(/lib/squashgear/glossyback.gif);
}

.glossymenu a.submenuheader {
    position: relative;
	top: 0px;
	left: -20px;
	border: none;
        color: #808080;
}

.glossymenu a.submenuheader .statusicon {
	position: absolute;
	top: -20px;
	left: 153px;
	border: none;
    z-index: 100;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #FFFFFF;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #4B708B;
}

.glossymenu div.submenu ul li div.subsubmenu ul li a{
display: block;
font: normal 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 15px;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}

a.subsubmenuheader {
border-bottom: 2px solid #0671bc;
background: #AFADA4;
}

a.subsubmenuheader:hover {
background: #4B708B !important;
colorz: white;
}

.submenu{display: none}
.subsubmenu{display: none}