@charset "UTF-8";
/* CSS Document */

.glossymenu{
 margin: 0px 0;
 padding: 0;
 width: 150px; /*width of menu*/
 border-bottom: 1px solid #9A9A9A;
 /*border-bottom-width: 0;*/
}

.glossymenu a.menuitem{
 background: url(/hostedstore/templates/backscatter_wideload/images/filter_glossyback_v1.gif) repeat-x bottom left;
 font: bold 12px "Arial", sans-serif;
 color: #FFF;
 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;
}

.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: 6px;
 left: 5px;
 border: none;
}

.glossymenu a.menuitem:hover{
 background-image: url(/hostedstore/templates/backscatter_wideload/images/filter_glossyback_v1_o.gif);
}

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

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

.glossymenu div.submenu ul li{
 background-color:#f3f3f3;
 border-bottom: 1px #999999;
}

.filterHead{
 display: block;
 font: normal 11px "Arial", sans-serif;
 color: #6a6a6a;
 text-decoration: none;
 padding: 2px 0;
 padding-left: 10px;
 background:#f3f3f3;
}

.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: #FFCC00;
 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;
}

.sub1Normal a{
 display: block;
 font: normal 11px "Arial", sans-serif;
 color: #666666;
 text-decoration: none;
 padding-left: 0px;
}

.sub1Normal a:hover{
 display: block;
 font: normal 11px "Arial", sans-serif;
 color: #000000;
 text-decoration: none;
 padding-left: 0px;
}
.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;
}

.sub2Selected a{
 display: block;
 font: normal 11px "Arial", sans-serif;
 color: #f88b1c;
 text-decoration: none;
 padding-left: 10px;
}

.sub2Selected a:hover{
 display: block;
 font: normal 11px "Arial", sans-serif;
 color: #000000;
 text-decoration: none;
 padding-left: 10px;
}

.sub2Selected{
 display: block;
 font: normal 11px "Arial", sans-serif;
 color: #f88b1c;
 text-decoration: none;
 padding-left: 10px;
}

.qNum{
 font: normal 11px "Arial", sans-serif;
 color: #999999;
}

.filter_subtitle {
 color : #FFFFFF;
 font-size : 12px;
 font-weight : bold;
 font-family : Arial, Verdana, Helvetica, sans-serif;
}


/* 4th Level Nav*/

.filterByHeader {
	 font: bold 12px "Arial", sans-serif;
 	color: #999999;
 	display: inline;
	padding-top:0px;
}

.filterByHeaderRemove {
	margin-left:5px;
	 font: normal 10px "Arial", sans-serif;
 	color: #999999;
 	display: inline;
	padding-top:0px;
}

.filterByHeaderRemove a:hover{
	 font: normal 10px "Arial", sans-serif;
 	color: #999999;
 	display: inline;
	padding-top:0px;
}

.fourthNav{
 margin: 0px 0;
 padding: top:10px;
 width: 150px; /*width of menu*/
 border-bottom: 1px solid #9A9A9A;
 /*border-bottom-width: 0;*/
}

.fourthNav a.menuitem {
 background: url(/hostedstore/templates/backscatter_wideload/images/fourthLevelHeader.gif) repeat-x bottom left;
 font: bold 12px "Arial", sans-serif;
 color: #f88b1c;
 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;
}

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

.fourthNav a.menuitem:hover{
 background-image: url(/hostedstore/templates/backscatter_wideload/images/fourthLevelHeader.gif);
}

.fourthNav div.submenu2{ /*DIV that contains each sub menu*/
 background: white;
}

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

.fourthNav div.submenu2 ul li{
 background-color:#f3f3f3;
 border-bottom: 1px #999999;
}

.fourthNav submenu2 a{
 display: block;
 text-decoration: none;
 padding: 2px 0;
 padding-left: 4px;
}

.fourthNav div.submenu2 ul li a:hover{
background: #f3f3f3;
color: #000000;
}