.CATContainerBorder { border: 0px #98AAB1 solid; background-color: White; }
.CATContainerHeader { visibility: visible; border: white 0px solid; font-size:14px; font-family:Arial, Helvetica, Verdana, sans-serif; font-weight:normal; color: #494949; text-decoration:none; line-height:110%; background-image:url(images/BackHead.jpg); background-repeat:repeat-x; background-position:left top; background-color:#f5f5f5; padding-top:5px; padding-bottom:5px; padding-left:5px; width:100%; }
TD.CATContainerHeader { visibility: visible; /*	border-top: white 1px solid; */ /*	border-bottom: white 1px solid; 
	background-image: url(CAT_Header_BG.jpg);
	height: 32px;
	background-color: #006699;*/ }
.CATContainerFooter { visibility: visible; /*	border-top: white 1px solid; */ font-weight: bold; font-size: 8pt; background-image: url(cat_header_bg.jpg); color: #ff9900; /*	border-bottom: white 1px solid; */ font-family: Verdana, Tahoma, Arial, Helvetica; background-color: #006699; }
TD.CATContainerFooter { visibility: visible; /*	border-top: white 1px solid; */ /*	border-bottom: white 1px solid; */ background-image: url(CAT_Header_BG.jpg); height: 32px; background-color: #006699; }
.CATBorder { }
.CATSectionBorder { }
.CATAdminSectionBorder { }
.CATSubMenuBorder { }
.CATListBorder { }
.CATGridBorder { }
.CATHeader { }
TD.CATHeader { }
.CATAltHeader {	/*font-weight: bold;font-size: 12pt;
	color: #ed2027;  text-decoration:none;
	background-color: #D1D7DC;
	background-image: url(CAT_AltHeader_BG.jpg);*/ }
TD.CATAltHeader {	/*background-color: #D1D7DC;
	height: 32px;
	background-image: url(CAT_AltHeader_BG.jpg);*/ }
.CATSubHeader { }
TD.CATSubHeader { }
.CATRow { }
TD.CATRow { }
.CATRowHighLight { }
TD.CATRowHighlight { }
.CATAltHeaderImage {/*	background-color: #D1D7DC;
	background-image: url(CAT_AltHeader_Image.jpg); 	background-repeat: repeat-y; */ }
TD.CATAltHeaderImage { /*	
	background-color: #D1D7DC;
	height: 32px;
	background-image: url(CAT_AltHeader_Image.jpg);background-repeat: repeat-y; */ }
.CATProductNumber { }
.CATProductListItem { }
.CATUnitCost { }
.CATNormalBold { }
.CATDescription { }
.CATLiability { }
.CATHomeHead { }
.CATSubHead { }
.CATSubSubHead { }
.CATNormal { }
.CATSmall { }
.CATNormalRed { }
.CATNormalTextBox { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 12px; font-weight: normal; }
.CATNormalDropDownList { font-family: Verdana, Helvetica, sans-serif; font-size: 9px; /*1.2em;*/ font-weight: normal; }
.CATNormalCheckBox { margin-left: -4px; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: normal; }
.CATNormalRadio { font-family: Verdana, Helvetica, sans-serif; font-size: 9px; font-weight: normal; text-indent: -5px; }
.CATCommandButton { }
A.CATCommandButton:link { }
A.CATCommandButton:visited { }
A.CATCommandButton:active { }
A.CATCommandButton:hover { }
A.CATSiteLink, A.CATSiteLink:link, A.CATSiteLink:visited { text-decoration: underline; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 9px; color: #003366; }
A.CATSiteLink:hover { text-decoration: underline; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 9px; color: #ff0000; }
/* ====================================================
    TAB Menu Style used in module CAT_Products
   ====================================================*/

/* Active Tab Style in Store WorkPages (AddEditProducts.ascx ...) */
.CAT_TabNoActive { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; color: #003366; height: 24px; background-color: #eef3fb; background-image: none; background-repeat: no-repeat; border-width: 1px; border-color: #98AAB1; border-style: solid; }
/* Tab Spacer Style in Store WorkPages (AddEditProducts.ascx ...) */
.CAT_TabSpacer { height: 24px; background-color: Transparent; background-image: none; background-repeat: no-repeat; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 1px; border-bottom-color: #98AAB1; border-bottom-style: solid; }
/* Passive Tab Style in Store WorkPages (AddEditProducts.ascx ...) */
.CAT_TabActive { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; color: #003366; height: 24px; background-color: #D4D9EC; background-image: none; background-repeat: no-repeat; border-width: 1px; border-color: #98AAB1; border-style: solid; }
/* ====================================================
    DataGrid Style used in Store WorkPages(Admin Pages)
   ====================================================*/

.CATGrid { width: 100%; background-color: white; background-image: none; }
.CATGridHeader { height: 32px; font-weight: bold; font-size: 8pt; color: #ffffff; background-color: #a4a4a4;  }
.CATGridItem { font-weight: normal; font-size: 11px; color: #494949; height: 22px; background-color: #e6e6e6; }
.CATGridEditItem { background-color: #e6e6e6; color: #494949; font-size: 9px; line-height: 11pt; }
.CATGridItemAlt { font-weight: normal; font-size: 11px; color: #494949; height: 22px; background-color: #f2f1f1; }
.CATGridFooter { background-color: #e6e6e6; line-height: 8pt; }
.CATGridPager { height: 32px; font-weight: normal; font-size: 11px; color: #494949; background-color: #e6e6e6;  }
/*==================================================
    Java Menu Style used in module CAT_MenuNF
  =================================================*/
/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landr&#246;          |
|--------------------------------------------------*/

.dtree { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #666; white-space: nowrap; }
.dtree img { border: 0px; vertical-align: middle; }
.dtree a { color: #333; text-decoration: none; }
.dtree a.node, .dtree a.nodeSel { white-space: nowrap; padding: 1px 2px 1px 2px; }
.dtree a.node:hover, .dtree a.nodeSel:hover { color: #ff0000; text-decoration: underline; }
.dtree a.nodeSel { background-color: #c0d2ec; }
.dtree a.node:visited, .dtree a.nodeSel:visited { /*color: #800080; */
	text-decoration: none; }
.dtree .clip { overflow: hidden; }
/* ====================================================
    Style for the solpart menu in module CAT_MenuNF
   ====================================================*/


.catMenu_MenuContainer { background-color: transparent; text-align:center; width:100%; height:20px; }
.catMainMenu_MenuBar { cursor: pointer; cursor: hand; background-color: Transparent; margin:0; padding:0; }
/* main Menu */
.catMenu_MenuItem, .catMenu_MenuItem td, .catMenu_RootMenuItem, .catMenu_RootMenuItem td { cursor: pointer; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:9pt; line-height:130%; color:#ffffff; font-weight:normal; background-color: transparent; height:20px; }
/* main Menu - hover */
			.catMenu_MenuItemSel, .catMenu_MenuItemSel td,  .catMenu_RootMenuItemSelected, .catMenu_RootMenuItemSelected td { cursor: pointer; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:9pt; line-height:130%; color:#ffffff; font-weight:normal; background-color: transparent; height:20px; }
/* main Menu - active/selected */
		.catMenu_RootMenuItemActive td,  .catMenu_RootMenuItemActive,  .catMenu_RootMenuItemBreadcrumb, .catMenu_RootMenuItemBreadcrumb td { cursor: pointer; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:9pt; line-height:130%; color:#ffffff; font-weight:normal; background-color: transparent; height:20px; }
/* sub Menu */
.catMenu_SubMenu td, .catMenu_SubMenu { cursor: pointer; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:9pt; line-height:130%; color:#ffffff; font-weight:normal; background-color: #494949; height:20px; }
.catMenu_SubMenu { z-index: 1000;  filter:progid:DXImageTransform.Microsoft.Shadow(color='Black', Direction=135, Strength=3);
}
/* sub Menu  - active/selected */
		.catMenu_SubMenuItemActive, .catMenu_SubMenuItemActive td,  .catMenu_SubMenuItemBreadcrumb, .catMenu_SubMenuItemBreadcrumb td { cursor: pointer; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:9pt; line-height:130%; color:#ffffff; font-weight:normal; background-color: #494949; height:20px; }
/* sub Menu  - hover */
		.catMenu_SubMenuItemSelected { cursor: pointer; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:9pt; line-height:130%; color:#ffffff; font-weight:normal; background-color: #494949; height:20px; }
/* arrows */
.catMenu_MenuArrow, .catMenu_RootMenuArrow, .catMenu_MenuIcon .catMenu_MenuArrow td, .catMenu_RootMenuArrow td, .catMenu_MenuIcon td { display:none; background-repeat:repeat-x; background-position:top left; }
/* arrows */
.catMenu_MenuArrow, .catMenu_RootMenuArrow, .catMenu_MenuIcon, .catMenu_MenuArrow td, .catMenu_RootMenuArrow td, .catMenu_MenuIcon td, .catMenu_Separator { display:none; background-repeat:repeat-x; background-position:top left; }
/* ===================================================================
    Style for the TreeMenu of advanced categories in module CAT_MenuNF
   ===================================================================*/
.CATTreeViewMenu { width: 175px;  background-color: #eef3fb border-right: #FFFFFF 1px solid;
border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid; border-bottom: #FFFFFF 1px solid; moz-border-radius-bottomleft: 15px; moz-border-radius-bottomright: 15px; moz-border-radius-topleft: 3px; moz-border-radius-topright: 3px; }
.CATTreeViewMenu_Header { background-color: #eef3fb; }
/* ====================================================
    Style for the Link Box Control in module CAT_MenuNF
   ====================================================*/

LI.linkbox { display: list-item; list-style-position: outside; list-style-image: url(bullet.gif); margin-left: -20px; line-height: 12.5pt; }
A.CATMenu, A.CATMenu:link, A.CATMenu:visited { text-decoration: none; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 9px; color: #003366; }
A.CATMenu:hover { text-decoration: underline; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 9px; color: #ff0000; }
/* ====================================================
    CSS STYLES FOR THE OLDER FRAME MODULE CATALooKStore 
    v3.3, 11/2004
   ====================================================*/

/*Size of Tree Menu in Module CATALooKStore. Fixed values are necessary for some containers */
.ShopLeftFrame { height: 600; width: 24%; }
/*Size of Product List in Module CATALooKStore. Fixed values are necessary for some containers */
.ShopRightFrame { height: 600; width: 74%; }
/* Body backcolor, border and scrollbars of ShopLeftFrame TreeMenu in module CATALooKStore*/
.MenuPaneBody { background-color: Transparent; background-image: none; background-repeat: no-repeat; border-width: 1px; border-color: darkred; border-style: solid; scrollbar-face-color: 0033CC; scrollbar-highlight-color: A6B6FF; scrollbar-shadow-color: 000066; scrollbar-3dlight-color: 3B2104; scrollbar-arrow-color: FFFFFF; scrollbar-track-color: A1B3FF; scrollbar-darkshadow-color: 00004E; }
/* Body backcolor, border and scrollbars of ShopRightFrame ProductList of module CATALooKStore */
.ItemPaneBody { background-color: Transparent; background-image: none; background-repeat: no-repeat; border-width: 1px; border-color: darkred; border-style: solid; scrollbar-face-color: 0033CC; scrollbar-highlight-color: A6B6FF; scrollbar-shadow-color: 000066; scrollbar-3dlight-color: 3B2104; scrollbar-arrow-color: FFFFFF; scrollbar-track-color: A1B3FF; scrollbar-darkshadow-color: 00004E; }
/* Width of List Control on Frame ShopMainSide(module: CATALooKStore) [width:auto;] or [width: xxx;] or [width: xxx%;] */
.CATProductListGrid { width: 100%; }
.CATProductBrowseList { width: 100%; }
/* Border + Background style of repeaters in module CATALooKStore */
.CATPostContainer { background-color: Transparent; background-image: none; background-repeat: no-repeat; border-width: 1px; border-color: darkred; border-style: solid; }
/* Title Style in repeaters on module CATALooKStore */
.CATMostPopularHead { background-color: darkred; background-image: none; background-repeat: no-repeat; color: white; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 9px; font-weight: bold; }
/* Style of horizontal row in repeaters on module CATALooKStore */
.CATMostPopularFoot { color: black; height: 1px; }
/* Item text in repeators on module CATALooKStore */
A.CATMostPopularItemText, A.CATMostPopularItemText:link, A.CATMostPopularItemText:visited { color: black; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 9px; text-decoration: none; }
A.CATMostPopularItemText:hover { color: red; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 9px; text-decoration: underline; }
/* ===============================================
    Default style for the advanced paging control
   ===============================================*/

/* default style paging table */
.CATPagingTable { width: 100%; border-style: solid; border-width: 1px; border-color: #98AAB1; background-color: transparent; }
/* default text style for inactive link buttons of advanced paging control */
.CATNormalDisabled { font-weight: normal; font-size: 11px; color: silver; font-family: Verdana, Tahoma, Arial, Helvetica; }
/* ===============================================
    Style for the lytebox.js script
   ===============================================*/

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
#lbOverlay.grey { background-color: #000000; }
#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }
#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
#lbOuterContainer.grey { border: 3px solid #888888; }
#lbDetailsContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; }
#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading { position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(lytebox/Images/loading.gif) center no-repeat; }
#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer > #lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }
#lbPrev { width: 49%; height: 100%; background: transparent url(lytebox/Images/blank.gif) no-repeat; display: block; left: 0; float: left; }
#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(lytebox/Images/prev_grey.gif) left 15% no-repeat; }
#lbNext { width: 49%; height: 100%; background: transparent url(lytebox/Images/blank.gif) no-repeat; display: block; right: 0; float: right; }
#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(lytebox/Images/next_grey.gif) right 15% no-repeat; }
#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
#lbDetailsData { padding: 0 10px; }
#lbDetailsData.grey { color: #333333; }
#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbClose.grey { background: url(lytebox/Images/close_grey.png) no-repeat; }
#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPlay.grey { background: url(lytebox/Images/play_grey.png) no-repeat; }
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPause.grey { background: url(lytebox/Images/pause_grey.png) no-repeat; }
