/* =================================
    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:0 #98AAB1 solid;}
.CATContainerHeader{visibility:visible;font-weight:700;}/* 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  */
TD.CATContainerHeader{visibility:visible;height:32px;}
.CATContainerFooter{visibility:visible;font-weight:700;}
TD.CATContainerFooter{visibility:visible;height:32px;}
.cathead a {color:#879808; font-size:12px; font-weight:bold}
/* ===================
    MODULE INNER AREA
   ===================  */
.CATHeader{font-weight:700;font-size:8pt;color:#879808;}
TD.CATHeader{height:32px;color:#879808}
.CATAltHeader, .CATAltHeader a{font-weight:700;font-size:8pt;color:#879808;}
TD.CATAltHeader{height:32px}
.CATSubHeader{font-weight:700;font-size:8pt;color:#879808}
TD.CATSubHeader{}
TD.CATSubHeaderHide{display:none;height:0}
.CATRow{font-weight:400;font-size:11px;color:#879808}
TD.CATRow{font-size:11px;font-weight:700;color:#333}
.CATRowHighLight{color:#879808;font-size:11px;font-weight:400}

TD.CATAltHeaderImage{height:32px}
/* ====================
    General
   ==================== */
.CATProductNumber{color:gray;font-size:9px;line-height:10pt}
.CATProductListItem{color:#000;font-size:11px;font-weight:700}
.CATUnitCost{color:gray;font-size:9px;line-height:10pt}
.CATNormalBold{font-size:11px;font-weight:700}
.CATDescription{font-weight:400;font-size:10px}
.CATLiability{color:#000;font-size:9px;line-height:10pt}/* 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.   */
.CATHomeHead{color:silver;font-size:14px;font-weight:700;height:16px}
.CATSubHead{font-size:11px;font-weight:700;color:#333}
.CATSubSubHead{font-size:12px;font-weight:700;color:#000}
.CATNormal{font-size:11px;font-weight:400}
.CATSmall{color:#000;font-size:10px;font-weight:400}
.CATNormalRed{font-size:12px;font-weight:700;color:red}
/* ====================
    Controls
   ==================== */
.CATNormalTextBox{font-size:12px;font-weight:400}
.CATNormalDropDownList{font-size:9px;font-weight:400}/* style used for dropdownlistcontrols of all pages and the ddl control of module CAT_MenuNF  */
.CATNormalCheckBox{margin-left:-4px;font-size:11px;font-weight:400}
.CATNormalRadio{font-size:9px;font-weight:400;text-indent:-5px}
/* ====================
    Links/Buttons
   ==================== */
.CATCommandButton{font-size:12px;font-weight:bold; color:#879808}
A.CATCommandButton:link{text-decoration:underline;color:#879808}
A.CATCommandButton:visited{text-decoration:underline;color:#879808}
A.CATCommandButton:active{text-decoration:underline;color:#879808}
A.CATCommandButton:hover{
	text-decoration:underline;
	color:#4B5504
}
A.CATSiteLink,A.CATSiteLink:link,A.CATSiteLink:visited{text-decoration:underline;font-size:9px;color:#879808}
A.CATSiteLink:hover{text-decoration:underline;font-size:9px;color:red}
/* ====================================================
    TAB Menu Style used in module CAT_Products
   ==================================================== */ 
.CAT_TabNoActive{font-size:11px;font-weight:400;color:#879808;height:24px;background:#eef3fb;border:1px solid #98AAB1}/*Active Tab Style in Store WorkPages (AddEditProducts.ascx ...)  */
.CAT_TabSpacer{height:24px;border-bottom:1px solid #98AAB1}/* Tab Spacer Style in Store WorkPages (AddEditProducts.ascx ...)  */
.CAT_TabActive{font-size:11px;font-weight:400;color:#879808;height:24px;background:#D4D9EC;border:1px solid #98AAB1}/* Passive Tab Style in Store WorkPages (AddEditProducts.ascx ...)  */
/* ====================================================
    DataGrid Style used in Store WorkPages(Admin Pages)
   ==================================================== */.CATGrid{width:100%;}
   .CATGrid img{margin-left:10px;}
.CATGridHeader{
	background:#879808;
	font-size: 11px;
	font-weight: bold;
}
.CATGridHeader span{
	color:#ffffff;
	background:#879808;
	font-size: 11px;
	font-weight: bold;
}
.CATGridHeader td{}
.CATGridItem{font-size:11px;height:22px;}
.CATGridEditItem{font-size:9px;line-height:11pt}
.CATGridItemAlt{font-size:11px;height:22px;}
.CATGridFooter{background:#C6C3C6;line-height:8pt}
.CATGridPager{height:32px;font-weight:400;font-size:11px;color:#879808;background:#D1D7DC}
/*==================================================
    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}
.dtree img{border:0;vertical-align:middle}
.dtree a{color:#333;text-decoration:none}
.dtree a.node,.dtree a.nodeSel{padding:1px 2px}
.dtree a.node:hover,.dtree a.nodeSel:hover{color:red;text-decoration:underline}
.dtree a.nodeSel{background:#c0d2ec}
.dtree a.node:visited,.dtree a.nodeSel:visited{text-decoration:none}
.dtree .clip{overflow:hidden}
/* ====================================================
    Style for the solpart menu in module CAT_MenuNF
   ====================================================  */
TD.CATMenuBG{background:url(menuRightBorder.gif) repeat-y top right}
.CATMenuContainer{width:180px}
.CATMenuBar{cursor:hand}
.CATMenuIcon,.CATMenuArrow{display:none}
.CATMenuItem{cursor:hand;font-weight:normal;font-family:Arial, Helvetica, sans-serif}
.CATMenuRootArrow{text-align:right}
.CATRootItem TD,.CATRootItemActive TD,.CATRootItemSelected TD,.CATRootItemBreadCrumb TD{color:#081450;border-bottom:#e5e5e5 1px solid;padding:2px 5px}
.CATRootItemActive TD,.CATRootItemBreadCrumb TD{padding:2px 8px}
.CATRootItemSelected{background:#e8e8e8 url(menuSelectedBG.gif) no-repeat 0 50%}
.CATRootItemBreadCrumb TD img,.CATRootItemSelected TD img,.CATRootItemActive TD img,.CATRootItem TD img{display:none}
.CATRootItemBreadCrumb .CATMenuRootArrow img,.CATRootItemSelected .CATMenuRootArrow img,.CATRootItemActive .CATMenuRootArrow img,.CATRootItem .CATMenuRootArrow img{display:inherit;text-align:right}
.CATSubMenu TD,.CATSubItemActive,.CATSubItemSelected,.CATSubItemBreadCrumb{z-index:1000;cursor:hand;font-size:11px;background:#f4f4f4 url(flyoutMenuBG.gif) no-repeat bottom left;padding:2px 5px;margin:0 0 0 -1px;width:120px;font-family:Arial, Helvetica, sans-serif;font-weight:normal}
.CATSubItemActive{}
.CATSubItemSelected{}
.CATSubItemBreadCrumb{}
/* ===================================================================
    Style for the TreeMenu of advanced categories in module CAT_MenuNF
   =================================================================== */
.CATTreeViewMenu{width:175px;background:#eef3fb;border:#FFF 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:#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-size:9px;color:#879808}
A.CATMenu:hover{text-decoration:underline;font-size:9px;color:red}
/* ====================================================
    CSS STYLES FOR THE OLDER FRAME MODULE CATALooKStore 
    v3.3, 11/2004
   ==================================================== */ 
.ShopLeftFrame{height:600px;width:24%}/*Size of Tree Menu in Module CATALooKStore. Fixed values are necessary for some containers  */
.ShopRightFrame{height:600px;width:74%}
.MenuPaneBody{border:1px solid #8B0000;scrollbar-face-color:33px;scrollbar-highlight-color:A6B6FF;scrollbar-shadow-color:66px;scrollbar-3dlight-color:3px;scrollbar-arrow-color:FFFFFF;scrollbar-track-color:A1B3FF;scrollbar-darkshadow-color:4px}
.ItemPaneBody{border:1px solid #8B0000;scrollbar-face-color:33px;scrollbar-highlight-color:A6B6FF;scrollbar-shadow-color:66px;scrollbar-3dlight-color:3px;scrollbar-arrow-color:FFFFFF;scrollbar-track-color:A1B3FF;scrollbar-darkshadow-color:4px}
.CATProductListGrid{width:100%}
.CATProductBrowseList{width:100%}
.CATPostContainer{border:1px solid #8B0000}
.CATMostPopularHead{background:#8B0000;color:#FFF;font-size:9px;font-weight:700}
.CATMostPopularFoot{color:#000;height:1px}
A.CATMostPopularItemText,A.CATMostPopularItemText:link,A.CATMostPopularItemText:visited{color:#000;font-size:9px;text-decoration:none}
A.CATMostPopularItemText:hover{color:red;font-size:9px;text-decoration:underline}
/* ===============================================
    Default style for the advanced paging control
   ===============================================  */
.CATPagingTable{width:100%;border:1px solid #D4D9EC;border-width:1px}
.CATNormalDisabled{font-weight:400;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:#000}
#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:#fff;width:200px;height:200px;margin:0 auto}
#lbOuterContainer.grey{border:3px solid #888}
#lbDetailsContainer{font:10px Verdana, Helvetica, sans-serif;background:#fff;width:100%;line-height:1.4em;overflow:auto;margin:0 auto}
#lbDetailsContainer.grey{border:3px solid #888;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:700}
#lbPrev2.grey,#lbNext2.grey,#lbSpacer.grey{color:#333}
#lbPrev2_Off,#lbNext2_Off{font-weight:700}
#lbPrev2_Off.grey,#lbNext2_Off.grey{color:#CCC}
#lbDetailsData{padding:0 10px}
#lbDetailsData.grey{color:#333}
#lbDetails{width:60%;float:left;text-align:left}
#lbCaption{display:block;font-weight:700}
#lbNumberDisplay{float:left;display:block;padding-bottom:1em}
#lbNavDisplay{float:left;display:block;padding-bottom:1em}
#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}

.shopHelp{padding:20px 0}