﻿@charset "UTF-8";
/* CSS Document */

.glossymenu{
 margin: 0px 0;
 padding: 0;
 width: 190px; /*width of menu*/
 border-bottom: 0px solid #FFFFFF;
 /*border-bottom-width: 0;*/
  text-transform:capitalize;
}

.glossymenu a.menuitem{
/* background: url(/hostedstore/templates/backscatter_wideload/images/filter_glossyback_v1.gif) repeat-x bottom left;*/
 font: normal 12px "Arial", sans-serif;
 color: #fe7b07;
 display: block;
 position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
 text-align:left;
 width: auto;
 height:14px;
 padding: 4px 0;
 padding-left: 25px;
 text-decoration: none;
  text-transform:uppercase;
  cursor:default;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
  font: bold 12px "Arial", sans-serif;
   text-transform:uppercase;
 color: #fe7b07;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
 position: absolute;
 top: 6px;
 left: 5px;
 border: none;
 font: bold 12px "Arial", sans-serif;
  text-transform:uppercase;
 color: #fe7b07;
}

.glossymenu a.menuitem:hover{
	 font: normal 12px "Arial", sans-serif;
	 text-transform:uppercase;
	 color: #000000;
	 cursor:default;
 /*background-image: url(/hostedstore/templates/backscatter_wideload/images/filter_glossyback_v1_o.gif);*/
}

.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{
 background-color:#ffffff;
}

.featuredNonMenuHeader{
/* background: url(/hostedstore/templates/backscatter_wideload/images/filter_glossyback_v1.gif) repeat-x bottom left;*/
 font: normal 12px "Arial", sans-serif;
 color: #fe7b07;
 display: block;
 position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
 text-align:left;
 width: auto;
 height:14px;
 padding: 4px 0;
 padding-left: 6px;
 text-decoration: none;
  text-transform:uppercase;
  cursor:default;
}


.viewAll{
 display: block;
 font: normal 12px "Arial", sans-serif;
 color: #6a6a6a;
 text-decoration: none;
 padding: 2px 0;
 padding-left: 5px;
 background-color:#f3f3f3;
 border-bottom: 1px #999999;
}

a.viewAll:link {
 color : #000000;
 font: normal 11px "Arial", sans-serif;
 font-weight : normal;
 text-decoration : none;
}

a.viewAll:visited {
 color : #000000;
 font: normal 11px "Arial", sans-serif;
 font-weight : normal;
 text-decoration : none;
}

a.viewAll:hover {
 color : #3366cc;
 font: normal 11px "Arial", sans-serif;
 font-weight : normal;
 text-decoration : none;
}


.glossymenu div.submenu ul li a{
 display: block;
 text-decoration: none;
 padding: 2px 0;
 padding-left: 4px;
}

.glossymenu div.submenu ul li a:hover{
/*	background: #f3f3f3;
color: #000000; */
}

.sub1{
 display: block;
 font: bold 11px "Arial", sans-serif;
 color: #fe7b07;
 text-decoration: none;
 padding-left: 0px;
}

.sub1 a{
 display: block;
 font: bold 11px "Arial", sans-serif;
 color: #666666;
 text-decoration: none;
 padding-left: 0px;
}

.sub1 a:hover{
 display: block;
 font: bold 11px "Arial", sans-serif;
 color: #000000;
 text-decoration: none;
 padding-left: 0px;
}

.sub1Selected{
 display: block;
 font: bold 11px "Arial", sans-serif;
 color: #f88b1c;
 text-decoration: none;
 padding-left: 0px;
}

.sub1Selected a{
 display: block;
 font: bold 11px "Arial", sans-serif;
 color: #f88b1c;
 text-decoration: none;
 padding-left: 0px;
}

.sub1Selected a:hover{
 display: block;
 font: bold 11px "Arial", sans-serif;
 color: #f88b1c;
 text-decoration: none;
 padding-left: 0px;
}

.sub1Normal{
 display: block;
 font: normal 11px "Arial", sans-serif;
 color: #666666;
 text-decoration: none;
 padding-left: 0px;
  padding-bottom: 8px;
}

.sub1Normal a{
 display: block;
 font: normal 11px "Arial", sans-serif;
 color: #666666;
 text-decoration: none;
 margin-left: 22px;
  padding-bottom: 8px;
}

.sub1Normal a:hover{
 display: block;
 font: normal 11px "Arial", sans-serif;
 color: #000000;
 text-decoration: none;
 padding-left: 0px;
 padding-bottom: 8px;
}
.sub2 a{
 display: block;
 font: normal 11px "Arial", sans-serif;
 color: #666666;
 text-decoration: none;
 padding-left: 10px;
}

.sub2 a:hover{
 display: block;
 font: normal 11px "Arial", sans-serif;
 color: #000000;
 text-decoration: none;
 padding-left: 10px;
}

.sub2{
 display: block;
 font: normal 11px "Arial", sans-serif;
 color: #666666;
 text-decoration: none;
 padding-left: 10px;
}

.qNum{
 font: normal 11px "Arial", sans-serif;
 color: #999999;
}
