@charset "utf-8";
/*** CSS STYLES FOR CATALooK.netStore
	 AUTHOR: David Pollitt
	 MODIFIED BY: Lauren Markwell September 2009
	 CREATED: 13/08/2009
	 COMMENTS: For use with Digicon Clean Skin and Catalook 5.56 */
/******************************************************
	MODULE CONTAINERS
******************************************************/
.CATContainerBorder{border:0}
.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}
/******************************************************
	MODULE INNER AREA
******************************************************/
.CATBorder{}
.CATSectionBorder{}
.CATAdminSectionBorder{}
.CATSubMenuBorder{}
.CATListBorder{margin-bottom:25px}
html>/**/body .CATListBorder{padding-bottom:25px;margin-bottom:0px}
.CATGridBorder{}
/*These are for the Administrator pages*/
.CATHeader{font-weight:700}
TD.CATHeader{background:#868686;height:32px;color:#fff;font-size:15px;padding:10px}
.CATAltHeader{font-weight:700}
TD.CATAltHeader{height:32px;font-size:1.4em;border-top:1px dotted #999;padding:10px 0px 5px;text-align:center;background:#f1d4e5;color:#333}
.CATSubHeader{font-weight:700}
TD.CATSubHeader{}
.CATRow{font-weight:400}
TD.CATRow{}
.CATRowHighLight{color:#036;font-weight:400}
TD.CATRowHighlight{}
.CATAltHeaderImage{}
TD.CATAltHeaderImage{height:32px}
td.rowSpace {}
/*These are for the Front End (FE = Front End)*/
.CATListBorder .CATHeaderFE {background:#f0eeff}
.CATHeaderFE {color:#222;font-size:14px}
.CATListBorder .CATAltHeaderFE {background:#eee;text-align:center}
.CATAltHeaderFE{color:#EF008C;font-size:12px;padding:7px 0px;font-weight:700}
.ProductName {color:#ef008c;font-size:16px}
.addToCartBtn {margin-bottom:5px}
.CATPrice{color:#0095b0;font-weight:700;font-size:13px}

.emailAFriend{font-family:Verdana,Arial,Helvetica,sans-serif}
.emailAFriend .CATRow {font-size:12px;color:#EF008C}
/******************************************************
	General
******************************************************/
.CATProductNumber{}
.CATProductListItem{font-weight:700}
.CATUnitCost{}
.CATNormalBold{font-weight:700}
.CATDescription{font-weight:400}
.CATLiability{}
.CATHomeHead{color:silver;font-size:14px;font-weight:700;height:16px}
.CATSubHead,.CATSubHeader{font-size:11px;font-weight:400;color:#666}
.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}
label {margin-left:5px}
/******************************************************
	Controls
******************************************************/
.CATNormalTextBox{}
.CATNormalDropDownList{}/* 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-weight:400;text-indent:-5px}
.CATNormalRadio label {margin-right:20px}
/******************************************************
	Links/Buttons
******************************************************/
#UpdateButton .CommandButton {font-size:12px!important;border:1px solid #111!important}
.CATCommandButton{font-size:12px;font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif}
A.CATCommandButton:link,A.CATCommandButton:visited,A.CATCommandButton:active{text-decoration:none;color:#ef008c}
A.CATCommandButton:hover{text-decoration:underline;color:#ef008c}
A.CATSiteLink,A.CATSiteLink:link,A.CATSiteLink:visited{text-decoration:underline;font-size:9px;color:#036}
A.CATSiteLink:hover{text-decoration:none;color:#f00}
/******************************************************
	TAB Menu Style used in module CAT_Products
******************************************************/
.CAT_TabNoActive{font-size:11px;font-weight:400;color:#036;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:#036;height:24px;background:#D4D9EC;border:1px solid #98AAB1}/* Passive Tab Style in Store WorkPages (AddEditProducts.ascx ...)  */
/******************************************************
	DataGrid Style used in Admin Pages
******************************************************/
.CATGrid{width:100%}
.CATGridHeader{height:32px;font-weight:700;font-size:8pt;color:#036}
.CATGridItem{font-weight:400;font-size:11px;color:#036;height:22px;background:#eef3fb}
.CATGridEditItem{background:#9471DE;color:#036;font-size:9px;line-height:11pt}
.CATGridItemAlt{font-weight:400;font-size:11px;color:#036;height:22px;background:#eef3fb}
.CATGridFooter{background:#C6C3C6;line-height:8pt}
.CATGridPager{height:32px;font-weight:400;font-size:11px;color:#036}
/******************************************************
	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{}
.CATMenuContainer{height:20px;width:180px}
.CATMenuBar{cursor:hand;height:16px}
.CATMenuIcon{cursor:hand;background:#E6E6CB;text-align:center;width:15px;height:16px}
.CATMenuItem{cursor:hand;color:#000;font-size:11px;font-weight:400;font-style:normal;padding:5px 0px!important;background:#EEEEEE}
.CATMenuArrow TD{font-family:webdings;font-size:10pt;cursor:hand}
.CATMenuRootArrow TD{font-family:webdings;font-size:10pt;cursor:hand}
.CATRootItem TD{font-size:11px;font-weight:400;color:#fff;height:20px;background:#EF008C;border-bottom:#8b0252 1px solid;border-top:#fff 1px solid;padding:5px 0px}
.CATRootItemActive TD,.CATRootItemSelected TD,.CATRootItemBreadCrumb TD{font-size:11px;font-weight:400;color:#EF008C;height:20px;background:#eee;border-bottom:#8b0252 1px solid;border-top:#fff 1px solid;padding:5px 0px}
.CATRootItemActive TD {color:#fff;background:#ff70c4}
.CATRootItemSelected td {cursor:pointer}
.CATSubMenu {z-index:1000;cursor:hand;font-size:11px;font-weight:400}

.CATSubItemActive TD{border-top:0 solid;font-size:11px;font-weight:400;color:#ef008c;height:20px;background:#eee;padding:5px 0px}
.CATSubItemSelected{font-size:11px;font-weight:400;color:#ef008c;background:#eee;padding:5px 0px;cursor:pointer}
.CATSubItemBreadCrumb{font-size:11px;font-weight:400;color:pink}
/******************************************************
	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:#036}
A.CATMenu:hover{text-decoration:underline;font-size:9px;color:#f00}
/******************************************************
	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}
.ItemPaneBody{border:1px solid #8B0000}
.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;width:200px;height:200px;margin:0 auto}
#lbOuterContainer.grey{border:3px solid #888}
#lbDetailsContainer{font-size:10px;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}


.CATBreadcrumbs{text-align:center}
.CATBreadcrumbs a,.CATBreadcrumbs a:link,.CATBreadcrumbs a:active,.CATBreadcrumbs a:visited{font-size:1.2em;background:url(cartBreadCrumbCircle.gif) no-repeat top left;padding:3px 0 5px 7px}
.CATBreadcrumbs a:hover{text-decoration:none}
.CATBreadcrumbs a.active{font-weight:700;color:#555; font-weight:bold}
.CATBreadcrumbs{padding:15px 0px}
.CATBreadcrumbs a {color:#666}
.Active {color:#EF008C !important; font-weight:bold}
.Past {color:#ccc!important}