@charset "utf-8";


/* jsDropdown */
select.jsDropdown { display:none }

.jsDropdownMenu { position:absolute; z-index:999; padding-top:4px; background:transparent url(/common/img/bak_dropdown_top.png) repeat-x 0 0 }
.jsDropdownMenu ul { max-height:200px; overflow:auto; z-index:999; }	
.jsDropdownMenu ul li { display:block; min-height:1.36em; padding:3px 10px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; cursor:pointer }
.jsDropdownMenu ul li.separator { border-top:1px solid #E1E1E1 }
.jsDropdownMenu ul li.selected { color:#78D3EF }
.jsDropdownMenu ul li a { display:block; color:#4d4d4d; line-height:1.5 }
.jsDropdownMenu ul li.selected a { color:#78D3EF ; text-decoration:none }
.jsDropdownMenu.category ul { max-height:none; }
.jsDropdownMenu.category ul li a:hover { color:#78D3EF;text-decoration:none }


/* Generic Tooltips */
.genericTooltip { position:absolute; top:0; left:0; width:225px; height:0; overflow:hidden; z-index:999; zoom: 1; }
.genericTooltip .top { height:5px; background:transparent url(/common/img/bak_tooltip.png) no-repeat 0 0 }
.genericTooltip .content { padding:5px 10px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; color:#4d4d4d; background-color:#fff; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1 }
.genericTooltip .bottom { height:25px; background:transparent url(/common/img/bak_tooltip.png) no-repeat 0 -5px }
*:first-chid+html .genericTooltip .top { overflow:hidden; }
* html .genericTooltip .top { overflow:hidden; }


/* Form Tooltips */
form .f_tooltip { display:-moz-inline-box; display:inline-block; padding-left:14px; width:0; height:14px; vertical-align:top; background:transparent url(/common/img/ico_facet_help.gif) no-repeat 0 0; overflow:hidden; cursor:help }
form .f_tooltip:hover,
form .f_tooltip_text { display:-moz-inline-box; display:inline-block; height:14px; padding-left:18px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; color:#78D3EF; background:transparent url(/common/img/ico_facet_help.gif) no-repeat 0 0; cursor:help }
form .f_tooltip_text:hover { background-position:0 -14px }
form.stdForm .formItem .f_tooltip,
form.popupForm .formItem .f_tooltip { display:inline-block; clear:none; position:relative; top:7px; margin:0 0 0 10px }


/* Filter Bar */
#ProductBrowserFilter .browseCheckboxes ul li { margin-right:0 }
#ProductBrowserFilter p { display:none }
#ProductBrowserFilter label { display:none }
#ProductBrowserFilter ul li a { background:#666666 url(/common/img/bak_btn_filter_off.png) repeat-x }
#ProductBrowserFilter ul li.active a { background:#0091ca url(/common/img/bak_btn_filter_on.png) no-repeat 0 0 }
#ProductBrowserFilter ul li.disabled a { background:#666666 url(/common/img/bak_btn_filter_disabled.png) repeat-x }
#ProductBrowserFilter .buttonBlue { display:none }

.backgroundContainer { float:left; position:relative; padding:5px 0px 0px 5px; background: url(/common/img/bak_filters_tl.png) no-repeat top left }
.backgroundContainer .subBackgroundContainer { padding:0px 5px 8px 0px; background:url(/common/img/bak_filters_br.png) no-repeat bottom right; } 
.backgroundContainer .subBackgroundContainer ul { position:relative; _height:1% }		
.backgroundContainer .cornerImage { position:absolute; bottom:0px;_bottom:-4px;left:0px;width:5px;height:10px;background: url(/common/img/bak_filters_corner.png) no-repeat;}

.checkboxBackground { position:relative;background: url(/common/img/bak_filters_tl.png) no-repeat top left; padding:5px 0px 0px 5px }
.checkboxBackground .checkboxSubBg { background:url(/common/img/bak_filters_br.png) no-repeat bottom right;padding:0px 5px 8px 0px;} 
.checkboxBackground .checkboxSubBg ul.checkBoxList li { position:relative; _height:1% }
.checkboxBackground .checkboxCorner  { position:absolute;bottom:0px;left:0px;width:6px;height:10px;background: url(/common/img/bak_filters_corner.png) no-repeat;}




/* Collapsible Sections */
.genericCollapsibleSection .collapsibleContent {display:none;margin-bottom:30px}
.genericCollapsibleSection .collapsibleContent.open { display:block }
.collapsibleConsumableData { display:none; height:0; overflow:hidden }
.genericCollapsibleSection .header h3:hover { text-decoration:none; cursor:pointer }


/* Popup */
#Popup { top:30%; }
#PopupBackground { position:fixed; top:0; left:0; width:100%; height:100%; background:transparent url(/common/img/tsp_black_60.png) repeat 0 0; z-index:988; }
#PopupBackground { _position:absolute; _top:expression(document.documentElement.scrollTop+'px'); _background-image:url(/common/img/blank.gif); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/img/tsp_black_60.png', sizingMethod='scale'); }

.genericPopup { width:575px; color:#4d4d4d; left:50%; margin-left:-287px; position:fixed; z-index:990; }
.genericPopup .header { position:relative; padding-right:10px; color:#4d4d4d; background:transparent url(/common/img/bak_popup_header_right.png) no-repeat 100% 0; }
.genericPopup .headerContent { height:20px; padding:10px 0 10px 10px; background:transparent url(/common/img/bak_popup_header_left.png) no-repeat 0 0; }
.genericPopup .header p { float:left; font-size:2em; }
.genericPopup .header .closeButton { position:absolute; top:7px; right:12px; }
.genericPopup .header .closeButton a { display:block; }
.genericPopup .content { padding:10px; min-height:80px; background-color:#fff; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; overflow:hidden; }

.genericPopup { _position:absolute; }
.genericPopup .header { _padding-right:9px; }
.genericPopup .header .closeButton a { _display:inline-block; }
* html .genericPopup .bottom .br { _right: -1px; }

.popupGenericRoundedCorners > .content {  }
.popupGenericRoundedCorners > .content { background:#ffffff url(/common/img/bg_masthead.png) repeat-x 0 100%; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; }

.popupGenericRoundedCorners > .bottom { height:10px; }
.popupGenericRoundedCorners > .bottom .bl { float:left; width:10px; height:10px; }
.popupGenericRoundedCorners > .bottom .br { float:right; width:10px; height:10px; }
.popupGenericRoundedCorners > .bottom .b { margin:0 10px; height:10px; }
.popupGenericRoundedCorners > .bottom .bl { background:transparent url(/common/img/sprite_corners.png) no-repeat 0 -10px; }
.popupGenericRoundedCorners > .bottom .br { background:transparent url(/common/img/sprite_corners.png) no-repeat -10px -10px; }
.popupGenericRoundedCorners > .bottom .b { background:transparent url(/common/img/sprite_corners.png) repeat-x 0 -30px; }