/* =================================
	CSS STYLES FOR CATALooK.netStore 
	v3.59, 08/2005
   =================================
*/

/* ====================
	MODULE CONTAINERS
   ====================*/

/* Visibility of the home and help image in the title row of the CATALooK.netStore containers */
/* Visibility of the module title in the title row of the CATALooK.netStore containers */
/* Function is moved to the HTML container skin: module CAT_StoreSettings: [Edit Container] */

/* Style of the Container border and background. */
/* Set [border: 1px;] to show the border or [background-color: Transparent;] to show the DNN Skin background */
/* Select any other background-color to fit the CATALooK module background to the DNN Skin */
.CATContainerBorder
{
	border: 0px #98AAB1 solid;
	background-color: Transparent;
}

.ModCATStoreSettingsC table tbody tr td table tbody tr td { border-bottom: 1px solid #DDD; border-collapse: collapse; }
.ModCATStoreSettingsC table tbody tr td table tbody tr td table tbody tr td { border-bottom: 0px solid Transparent; border-collapse: collapse; }
.ModCATStoreSettingsC .NoBorder { border: 0px solid Transparent; }
.ModCATStoreSettingsC input { font-size: 11px; }
/* text style for buttons and link buttons used in the store admin pages */
.ModCATStoreSettingsC .CATCommandButton
{
	background-color: #174B84;
	color: #EEE;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 10px 6px 10px;
	margin: 2px;
}

/* hyperlink style for buttons and link buttons used in the store admin pages */
.ModCATStoreSettingsC A.CATCommandButton:link, .ModCATStoreSettingsC A.CATCommandButton:visited, .ModCATStoreSettingsC A.CATCommandButton:active { color: #EEE; }
.ModCATStoreSettingsC A.CATCommandButton:hover { color: #FFF; }

/* Style of the Container title row */
/* select [hidden] for hide or [visible] to show. To remove white spaces edit the container HTML skin: module CAT_StoreSettings: [Edit Container] or the module skin */
.CATContainerHeader
{
	visibility: hidden; /*	border-top: white 1px solid; */
	color: #29ABE1;
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 26px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
}

TD.CATContainerHeader
{
	visibility: hidden; /*	border-top: white 1px solid; */ /*	border-bottom: white 1px solid; */
}

/* Style of the Container footer row */
/* select [hidden] for hide or [visible] to show. To remove white spaces edit the container HTML skin: module CAT_StoreSettings: [Edit Container] or the module skin */
.CATContainerFooter
{
	visibility: hidden; /*	border-top: white 1px solid; */
	font-weight: bold;
	font-size: 8pt;
	color: #EEE; /*	border-bottom: white 1px solid; */
	background-color: #333;
}

TD.CATContainerFooter
{
	visibility: hidden; /*	border-top: white 1px solid; */ /*	border-bottom: white 1px solid; */
	background-color: #333;
}

/* ===================
	MODULE INNER AREA
   ===================*/

/* Style of the inner Container border and background */
.CATBorder
{
	border: 0px #98AAB1 solid;
	background-color: Transparent;
}

/* Style of the inner sections border and background of the presentation layer modules*/
.CATSectionBorder
{
	border: 0px #98AAB1 solid;
	background-color: Transparent;
}

/* Style of the inner sections border and background of the admin modules*/
.CATAdminSectionBorder
{
	border: 0px #98AAB1 solid;
	background-color: Transparent;
}

/* Style of the border and background of the admin sub menus */
.CATSubMenuBorder
{
	border: 0px #98AAB1 solid;
	background-color: Transparent;
}

/* Style of the item border and background of list items from the list, grid and repeater controls */
.CATListBorder
{
	border: 0px #98AAB1 solid;
	background-color: Transparent;
}

/* Style of the item border and background of list items from the grid controls */
.CATGridBorder
{
	border: 0px #98AAB1 solid;
	background-color: Transparent;
}

/* Style of the inner module chapter main title row */
.CATHeader
{
	visibility: visible; /*	border-top: white 1px solid; */
	color: #29ABE1;
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 26px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
}

TD.CATHeader
{
	/*	border-top: white 1px solid; */ /*	border-bottom: white 1px solid; */
}

/* Style of the inner module chapter sub title row */
.CATAltHeader
{
	color: #174B84;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 18px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
}

TD.CATAltHeader { height: 22px; }
.ModCATStoreSettingsC TD.CATAltHeader { background-color: #CCC; }

/* Style of the left title fields and of the breadcrumbs and Custom Pager control */
.CATSubHeader
{
	font-weight: normal;
	font-size: 11px;
	color: #333;
}

TD.CATSubHeader
{
	background-color: Transparent;
	max-width: 300px;
}

/* Style of the right value fields in admin pages and of the content area of all presentation layer modules */
.CATRow
{
	font-weight: normal;
	font-size: 11px;
	color: #333;
}

TD.CATRow
{
	background-color: Transparent;
	max-width: 300px;
	vertical-align: top;
}

/* Style of the highlighted value fields */
.CATRowHighLight { background-color: #EEE; font-weight: bold; font-size: 12px; color: #333;  }
TD.CATRowHighLight { background-color: #EEE; font-weight: bold; font-size: 12px; padding: 2px 6px 2px 6px; color: #333; text-align: right;  }

/* Style of the right parts from the title rows in modules CAT_ItemPaneNF and CAT_DashBoard */
.CATAltHeaderImage
{
}

TD.CATAltHeaderImage
{
}

/* ====================
	General
   ====================*/

/* Style of Product Number, ISBN Number, EAN Number, Author, Publisher, Size, URL */
.CATProductNumber
{
	color: #174B84;
	font-size: 9px;
	line-height: 10pt;
}

/* Style of Price 1 and Retail Price Prefix in repeaters, product lists and detail page */
.CATProductListItem
{
	color: black;
	font-size: 11px;
	font-weight: bold;
}

/* Style of Price 2 to 6 and Price extensions (exchanged amount, tax value, percentage discount extension) */
.CATUnitCost
{
	color: #174B84;
	font-size: 9px;
	line-height: 10pt;
}

/* Style of Special Price DiscountExtension*/
.CATNormalBold
{
	font-size: 11px;
	font-weight: bold;
}

/* */
.CATDescription
{
	font-weight: normal;
	font-size: 10px;
}

/* Please inform your customers that you 
  do not accept liability for the correctness of images and descriptions in the 
  product details. An appropriate sentence is indicated below the picture in the 
  product details.  */
.CATLiability
{
	color: Black;
	font-size: 9px;
	line-height: 10pt;
}

/* Style of the welcome message on store home pages */
.CATHomeHead
{
	color: #333;
	font-size: 14px;
	height: 16px;
}

/* style of item titles */
.CATSubHead
{
	font-size: 11px;
	font-weight: normal;
	color: #333;
}

/* title style */
.CATSubSubHead
{
	font-size: 12px;
	font-weight: bold;
	color: black;
}

/* text style used for most text */
.CATNormal
{
	font-size: 11px;
	font-weight: normal;
}

/* */
.CATSmall
{
	color: Black;
	font-family: Arial Narrow;
	font-size: 10px;
	font-weight: normal;
}

.CATNormalRed
{
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
}

/* ====================
	Controls
   ====================*/

/* text style used for textboxes in the admin and edit pages */
.CATNormalTextBox
{
	font-size: 11px;
	font-weight: normal;
	max-width: 200px;
}

/* style used for dropdownlistcontrols of all pages and the ddl control of module CAT_MenuNF */
.CATNormalDropDownList
{
	font-size: 9px; /*1.2em;*/
	font-weight: normal;
	max-width: 200px;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.CATNormalCheckBox
{
	margin-left: -4px;
	font-size: 11px;
	font-weight: normal;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.CATNormalRadio
{
	font-size: 9px;
	font-weight: normal;
	font-size: 11px;
/*	text-indent: -5px; */
}


/* ====================
	Links/Buttons
   ====================*/

/* text style for buttons and link buttons used in the store admin pages */
.CATCommandButton
{
	background-color: Transparent;
	color: #174B84;
	font-size: 11px;
	font-weight: bold;
}

/* hyperlink style for buttons and link buttons used in the store admin pages */
A.CATCommandButton:link, A.CATCommandButton:visited, A.CATCommandButton:active { font-size: 11px; color: #174B84; }
A.CATCommandButton:hover { font-size: 11px; color: #29ABE1; }

/* Standard for links */
/*
a:link 	
{
	text-decoration: underline; 
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 9px;
	color: #174B84;		
} 

a:visited
{ 
	text-decoration: underline;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 9px;
	color: #174B84;	
}

a:hover
{ 
	text-decoration: underline;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 9px;
	color: #ff0000;
}
*/

/* text style for the links  (not used)*/
A.CATSiteLink, A.CATSiteLink:link, A.CATSiteLink:visited
{
	text-decoration: underline;
	font-size: 9px;
	color: #174B84;
}

A.CATSiteLink:hover
{
	text-decoration: underline;
	font-size: 9px;
	color: #ff0000;
}


/* ====================================================
	TAB Menu Style used in module CAT_Products
   ====================================================*/

/* Active Tab Style in Store WorkPages (AddEditProducts.ascx ...) */
.CAT_TabNoActive
{
	font-size: 11px;
	font-weight: normal;
	color: #174B84;
	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-size: 11px;
	font-weight: normal;
	color: #174B84;
	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, .CATGridHeader TD
{
	height: 18px;
	font-weight: bold;
	font-size: 12px;
	color: #174B84;
	background-color: #FFF;
}

.CATGridItem, .CATGridItem TD
{
	font-weight: normal;
	font-size: 11px;
	color: #333;
	height: 16px;
	background-color: #FFF;
}

.CATGridEditItem
{
	background-color: #999;
	color: #174B84;
	font-size: 9px;
	line-height: 11pt;
}

.CATGridItemAlt, .CATGridItemAlt TD
{
	font-weight: normal;
	font-size: 11px;
	color: #333;
	height: 16px;
	background-color: #ddd;
}

.CATGridFooter, .CATGridFooter TD
{
	background-color: #808080;
	line-height: 8pt;
}

.CATGridPager, .CATGridPager TD
{
	height: 22px;
	font-weight: normal;
	font-size: 11px;
	color: #333;
	background-color: #ccc;
}


/*==================================================
	Java Menu Style used in module CAT_MenuNF
  =================================================*/
/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landrö          |
|--------------------------------------------------*/

.dtree
{
	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
   ====================================================*/

/* Background of the SolPart menu in module CAT_MenuNF */
TD.CATMenuBG
{
	background-color: #FFF;
}

.CATMenuContainer
{
	background-color: #FFF;
	width: 100%;
	height: 20px;
	border-bottom: 1px solid #174B84;
	padding: 0;
	margin: 0;
	margin-bottom: -1px;
	z-index: 1;
}
.CATMenuContainer tbody tr td table { border-right: 2px solid #FFF; border-collapse: separate; }

/* Changes of height will cause an ftp error! */
.CATMenuBar
{
	cursor: pointer;
	cursor: hand;
	height: 20;
	background-color: Transparent;
}


.CATMenuIcon
{
	cursor: pointer;
	cursor: hand;
	background-color: Transparent;
	text-align: center;
	width: 15;
	height: 16;
}

.CATMenuItem /* activate bg image for subitems here */
{
	cursor: pointer;
	cursor: hand;
	color: black;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	background-color: white; /* fixed firefox problem, do not use transparent here */
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.CATMenuArrow TD
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	cursor: hand;
}


.CATMenuRootArrow TD
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	cursor: hand;
}

.CATItemsBreak
{
}

.CATRootItem TD /* left right and center bg of unselected root tab */
{
	height: 20px;
	background-color: #174B84;
	border-top: 1px solid #174B84; 
	border-left: 1px solid #174B84; 
	border-right: 1px solid #174B84; 
	border-collapse: separate;
	color: #CCC;
	text-align:left; 
	white-space:nowrap;
	vertical-align: middle;
	margin-right: 2px; padding-left: 6px; padding-right: 6px;
}

.CATRootItemActive TD /* outher left other right and center bg of active root item */
{
	height: 20px;
	background-color: #FFF;
	border-top: 1px solid #174B84; 
	border-left: 1px solid #174B84; 
	border-right: 1px solid #174B84; 
	color:#174B84;
	text-align:left; 
	white-space:nowrap;
	vertical-align: middle;
	border-collapse: separate;
	margin-right: 2px; padding-left: 6px; padding-right: 6px;
	font-weight: normal;
}

.CATRootItemSelected TD /* outher left other right and center bg of selected sub item */
{
	height: 20px;
	background-color: #FFF;
	border-top: 1px solid #174B84; 
	border-left: 1px solid #174B84; 
	border-right: 1px solid #174B84; 
	color:#174B84;
	text-align:left; 
	white-space:nowrap;
	vertical-align: middle;
	margin-right: 2px; padding-left: 6px; padding-right: 6px;
	font-weight: normal;
}

.CATRootItemBreadCrumb TD
{
	font-size: 11px;
	font-weight: normal;
	color: #174B84;
	height: 20px;
	background-color: #91BFD5;
	border-bottom: #174B84 1px solid;
	border-top: #FFFFFF 1px solid;
}

.CATSubMenu /* outher left and right bg of unselected sub item, bg of sub tab */
{
	z-index: 1000;
	cursor: pointer;
	cursor: hand;
	font-size: 11px;
	font-weight: normal;
	color: #174B84;
	height: 20px;
	background-color: #FFFFFF;
}

.CATSubItemActive TD /* outher left other right and center bg of selected sub item */
{
	border-top: 0px solid;
	font-size: 11px;
	font-weight: normal;
	color: #174B84;
	height: 20px;
	background-color: #ABD0E2;
}

.CATSubItemSelected /* outher left other right and center bg of selected sub item */
{
	font-size: 11px;
	font-weight: normal;
	color: #174B84;
	background-color: #ABD0E2;
}

.CATSubItemBreadCrumb /* no effect */
{
	font-size: 11px;
	font-weight: normal;
	color: #174B84;
	background-color: Transparent;
}

/* ===================================================================
	Style for the TreeMenu of advanced categories in module CAT_MenuNF
   ===================================================================*/
.CATTreeViewMenu
{
	width: 175px;
	background-color: #eef3fb;
}
.CATTreeViewMenu_Header
{
	background-color: #eef3fb;
}

.CATTreeMenu_NodeSelected
{
	font-weight: normal;
	background-color: yellow;
}

/* ====================================================
	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: 0px;
	line-height: 12.5pt;
}

A.CATMenu, A.CATMenu:link, A.CATMenu:visited
{
	text-decoration: none;
	font-size: 9px;
	color: #174B84;
}

A.CATMenu:hover
{
	text-decoration: underline;
	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: Red;
	border-style: solid;
}

/* 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: red;
	border-style: solid;
}

/* 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: red;
	border-style: solid;
}

/* Title Style in repeaters on module CATALooKStore */
.CATMostPopularHead
{
	background-color: red;
	background-image: none;
	background-repeat: no-repeat;
	color: white;
	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-size: 9px;
	text-decoration: none;
}

A.CATMostPopularItemText:hover
{
	color: red;
	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: #D4D9EC;
}


/* default text style for inactive link buttons of advanced paging control */
.CATNormalDisabled
{
	font-weight: normal;
	font-size: 11px;
	color: silver;
}



/* ===============================================
	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 Arial, 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;
}