/* 
================================
Skin styles for DotNetNuke

ORLA FALLON STORE

================================
*/   


body {
	background-image: url(backgroundstore_of.jpg);
	/* background-attachment: fixed; */
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#000000 !important;
	color:#99cccc; 

}


/* affects built-in text in DNN modules - 
Login -"User Name," "Password"  
Blog - "Keywords" "Phrases" "View All Recent Entries"
Helfer form - "Name" "Email" etc.
*/

label{
color:#a5d5bf; 
font-family:Arial, Helvetica, sans-serif; 
size:9px;
}


/* copyright text */
.SkinObject {
	color: 666666;
	font-size: 11px; 
	font-weight: normal;
	background-color: Transparent;
	font-family: Arial, Helvetica; 
}

/* pagemaster contains skinmaster */
.pagemaster {
	width:100%;
	height:80%; /* keeps page height from scaling too high */	
	background-color:transparent;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}



/* skinmaster contains navpane, control panel, toppane and wrapper */
.skinmaster {
	width:950px; /* should be exactly the width you want to center */ 
	background-color:transparent;
	text-align:center;
	margin:0px auto 0px auto; /* absolutely necessary keeping contents centered : top, rightspace, bottom, leftspace */
	padding:0px; 
}

/* sidebarleft contains the left image area only */
.sidebarleft {
	float:left;
	width:260px; 
	height:auto;
	background-color:transparent;
	text-align:left;
	margin:0px auto 0px auto; /* absolutely necessary to keep contents centered : top, rightspace, bottom, leftspace */
	padding:0px; 
}


.skinheader {
}

.skingradient {
	background-image: url(gradient_DkBlue.jpg); 
	height:30px;
}



/* wrapper contains control, top, nav, left, content, right, bottom and subbottom panes*/
/* width & margin force all panes to CENTER with skinmaster */
.wrapperright {
	float:left;
	width:950px; /* should be exactly the width you want to center */ 
	background-color:transparent;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin:0px auto 0px auto; /* absolutely necessary to keep contents centered : top, rightspace, bottom, leftspace */
	padding:0px;
}


.controlpanel {
	background-color:transparent;  /* if anything but transparent, a 20 px high color bar goes across top of PC Int Explorer */	
	border:0px;
	margin: 20px auto 0px auto;
	width:900px; /* keeps centered */
	height: auto;
	text-align: center;
	clear: both;
}


.toppane {
	background-color:transparent;
	text-align: center;
	width:950px; /* this exact configuration of width, heaight, overflow - keeps the top pane content from floating down the page */
	height:180px; 	
	overflow: visible; 	
	}
	
.navpane  { 
	background-color: transparent; 
	background-position: center; 
	text-align: center;
	text-shadow:#3333CC;
	width: 100%; 
	height: 36px; 
	overflow: visible;
	vertical-align:middle;/* keeps the nav text in the middle vertically */	
	
}




/* CONTENTPANE MUST NEVER COLLAPSE - DNN uses this pane for default functions: Privacy, Terms, Login */
.contentpane {
	width: 950px; /* width must be SOMETHING - DNN needs this pane */
	background-color:transparent;
	float:left;
	text-align:left;
}
	
.leftpane {
	width: 650px;
	height:auto;
	background-color:;
	float:left;
	text-align:left;
	padding: 30px 30px 30px 30px
}



.rightpane {
	float:right;
	height: auto;
	width: 210px;
	background-color:;
	text-align:left;
	margin:0px auto 0px auto;
	padding: 30px 30px 30px 0px
}


/* COLLAPSE 
.rightpane {
	width: auto;
	height:0px;
	visibility:collapse;
} */



.bottompane {
	width:710px; /* keeps footer centered */
	background-color: transparent;
	float:left;
	text-align: center;
	border:0px;
	clear: both;
}



/*subbottom contains TERMS, PRIVACY and LOGIN text*/

.subbottom{ 
	height:20px;
	width:100%;
	font-size: 10px; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: transparent;
	padding-top:40px;
	margin:0px;
	float:left;
}










.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;

}

/* nav main text controls */
.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #7ab299; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: bold;
	text-transform: uppercase;
	border-left-width: 0px; /* set border-left-width to 1 for a vertical separator between menus */
	border-color: #cccccc;
	border-left-style: solid;
	background-color: Transparent;
    white-space: nowrap;  /*Word wrapping menu item now optional*/    
	padding: 8px 12px 8px 12px;	   /* vert seperator dimensions: top (beyond pane), rightspace, bottom, leftspace */
}


/* rollover - nav main text */
.main_dnnmenu_itemhover {  
	color: ffffff;
	/* 
	background-color: 000000; 
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px; /* set to 1 for a box on rollover */
}


/* nav drop-down text controls */

.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #ffffff; /* color of text that first drops down */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	/*text-transform: uppercase;*/
	border-bottom-width:1px; /* set to 1 for a horizontal separator between menus */
	border-color: #ccccccc;
	border-bottom-style: solid;
	background-color: 476258;
	white-space: nowrap;  /* Word wrapping menu item now optional */
	padding: 4px 5px 2px 0px;	  /* drop-down spacing: top (beyond pane), rightspace, bottom, leftspace */
	                /* padding also affects drop-down vert heights */
}


/* rollover - nav drop-down text */
.main_dnnmenu_itemhover td {
	color: ffffff;  
	background-color: #151515; 
}

/* nav drop-down arrow for more than 1 drop-down area */
.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	color:#ffffff;
	text-align: center; 
	vertical-align: middle;
	width: 15px; 
	height: 100%;
}

/* drop-down menus - overall area */
.main_dnnmenu_submenu {
	background-color: #3d593a;  
	z-index: 1000; /* should help to position div layer order, but here it does nothing */
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#a28f5d', Direction=135, Strength=0); 
	padding: 0px 0px 0px 0px;   /* must explicitly set padding for sub-menus */
}


.main_dnnmenu_break {
	height: 2px;
	font-size: 10px;
}

.main_dnnmenu_arrow {
	display: none;
	color: pink;
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10px; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	display: none;
	color: pink;
	font-family: webdings; 
	font-size: 10px; 
	cursor: pointer; 
	cursor: hand;
}


#dnn_dnnTERMS_hypTerms {
	font-size: 11px; 
	font-weight: normal;
	background-color: Transparent;
	font-family: Arial, Helvetica; 
	color: 666666;
}

#dnn_dnnPRIVACY_hypPrivacy {
	font-size: 11px; 
	font-weight: normal;
	background-color: Transparent;
	font-family: Arial, Helvetica; 
	color: 666666;
}


#dnn_dnnLOGIN_cmdLogin {
	font-size: 11px; 
	font-weight: normal;
	background-color: Transparent;
	font-family: Arial, Helvetica;
	font-weight:bold;
	text-transform:uppercase;
	color: #ffffff;
}

/* Login button, captcha button, every button */
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 12px;
  font-weight: normal;
  margin: 10px;
}

.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}

/* text style : module titles in admin, Blog headlines, Event titles on Details page */
.Head {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: dddddd !important;
}

/* text style : subpage headlines */
.H1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	/* text-transform:uppercase; */
	font-size: 26px;
	font-weight: normal;
	color: a5d5bf;
	padding-top:10px;
	padding-bottom:10px;
}

/* text style : this is for most internal text that is rendered by modules 
Blog Module - "There are no blogs in this portal" "Search" button */
.Normal{
	font-size: 12px; 
	font-weight: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: #cccccc;
}

A:link  {
	font-size: 12px; 
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: 7ab299;
}

A:hover {
	font-size: 12px; 
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: ffffff;
}

A:visited   {
	font-size: 12px; 
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: 7ab299;
}

A:active    {
	font-size: 12px; 
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: 7ab299;
}



/* admin header text: 'ContentPane', 'LeftPane', 'RightPane', etc. 
Blog Module - Calendar - "Archive" "Monthly" 
Events Module - Event Start Time, Event End Time */

.SubHead{
	font-size: 12px; 
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#7ab299;
	background-color: transparent;
	margin-top:0px; 
	padding-bottom:0px;
}



/* text style for buttons and link buttons used ONLY in the admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used ONLY in the admin pages */
A.CommandButton:link {
	color: red;
}

A.CommandButton:hover    {
	color: orange;
}



/* BRENDAN ADDED */




/* header */

.header{
	width:710px;
	text-align:center;
	background-color:transparent;
	margin:0px auto 0px auto; /* absolutely necessary to keep contents centered */
	padding:0px;
}



/* sidebar on subpages */

.sidebarpromos{
	width:250px;
	text-align:left;
	background-color:transparent;
	margin:0px
	padding:0px;
}


/* UNUSED FOR ORLA - footer contains sub_promos 1,2,3 on all pages */

.footer{
	width:710px;
	text-align:center;
	background-color:transparent;
	margin:0px auto 0px auto; /* absolutely necessary to keep contents centered */
	padding:0px;
}

.sub_promo1{
padding-top:3px;
padding-bottom:20px;
overflow:visible;
text-align:center;
float:left;
}

.sub_promo2{
padding-top:3px;
padding-bottom:20px;
overflow:visible;
text-align:center;
float:left;
}

.sub_promo3{
padding-top:3px;
padding-bottom:20px;
overflow:visible;
text-align:center;
float:left;
}








/* ANNOUNCEMENTS (NEWS/BLOG) MODULE styles */

/* encloses entire Announcements module, if you place these in 'Advanced Settings' 
Header - <div class="newsblog">
Footer - </div>

MUST check 'Display Container' and choose 'ClearBackground2' for the Client Admin users to properly see options

*/

.newsblog{
	width:650px;  
}

/* headline text */
.SubHeadNews{
	font-size: 16px; 
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #7ab299;
	background-color: transparent;
	margin:0px; 
	padding:0px;
}

.publishdate{
	font-size: 12px; 
	font-weight: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #cccccc;
	background-color: transparent;
	margin:0px; 
	padding:0px;
}


/* "Select View" text */
.DNN_ANN_viewtypeSelectorLabel {
}

/* "Select View" entire area */
.DNN_ANN_viewtypeSelector {
margin-top:-20px; /* keeps text from running into the first entry headline */
}





/* EVENTS (TOUR) MODULE */


/* encloses entire Events module, if you place these in 'Advanced Settings' 
Header - <div class="eventsmodule">
Footer - </div>

MUST check 'Display Container' and choose 'ClearBackground2' for the Client Admin users to properly see options 

MUST check "Disable Category Select"
to avoid a red error box and for this DNN EVENTS MODULE to appear properly on all browsers

Display: List View
Leave Theme/Skin on 'Default'
Event List Settings - Begin Time, Event Name only

Calendar View will still show, so you must roll back over the arrow and select List View

*/

.eventsmodule{
width:650px; 
}

/* '!important' overrides css /desktopmodules/events/themes/gray/gray.css  */

/* column headers */
.ListHeader{
font-weight: bold;
font-size: 13px !important;
background-image:none !important;
color: #7ab299 !important;
font-family: Geneva, Arial, Helvetica, sans-serif !important; 
height: 40px !important;
text-align: left;
text-decoration: underline;
width: 130px; /* must be wide, or will create extra rows on IE */
}

/* Column 1 - Event Start, Event Ends, Dates  */
.ListDate, .ListDescription   {
font-weight: bold;
font-size: 12px !important;
background-image:none !important;
color: #7ab299 !important;
background-color:transparent !important;
font-family: Geneva, Arial, Helvetica, sans-serif !important; 
text-align: left;
vertical-align: top;
width: 130px; /* must be wide, or will create extra rows on IE */
}


/* Column 2 - Venues or Title column
(Event Module Settings > General > Theme/Skin must be set to 'Default' for this to work) */
/* Plus rollover 'stickie' conmtrol */
.ListTitle {
font-weight: normal !important;
font-size: 13px !important;
background-image:none !important;
color: #ffffff !important;
background-color:transparent !important;
font-family: Geneva, Arial, Helvetica, sans-serif !important; 
text-align: left;
padding-left:6px;
vertical-align: top;
background-color: transparent;
width: 200px; /* keeps column from bunching up */
}


.ListTable{
padding:4px 10px;
}

/* background highlight for alternating dates in list */
.ListAlternate{
background-color: 2d3738 !important;
}



/* 'Start Time' row text on Details page */

#date_row1, #whodini1, #whodini2{
text-align:left;
}

/* 'Ending Time' row text on Details page */

#date_row2, #whodini3, #whodini4{
visibility:hidden !important; 
height:1px !important;
}

/* "Recurring Event" row text on Details page */
.reccuring{
visibility:hidden !important;
height:1px !important;
}
	

/* Details page - description text that appears when you click on event title */
.mcguyver_description{
font-size: 13px !important; /* overwrites one of the container.css docs */
font-family: verdana !important;
color: #ffffff ;
text-align: left;
}




/* FORUM (MESSAGE BOARD) MODULE */

/* navigation text - "Forum" "Discussions" "General" */
a.Forum_BreadCrumb:link, a.Forum_BreadCrumb:visited, a.Forum_BreadCrumb:active, a.Forum_BreadCrumb:hover {
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #eaeaea !important;
margin-top: 20px;
}

/* navigation text - "Display Threads From" */
.Forum_NormalTextBox {
font-size: 12px;
font-family: Arial;
color: #eaeaea !important;
}




/* FCK EDITOR BACKGROUND IMAGE INTRUSION 

Must change in every portal-

Beneath FCK text box, click 'Show custom editor options'
Settings Type > Click'Portal' radio button at top
'Other Editor Options'
'Font colors:' enter cccccc or whatever, depending on bkd image
'Apply'


*/





/* Captcha alignment*/

.CaptchaStyle {
margin:20px 0px 10px 120px; /* top, right, bottom, left */
}


/* Captcha image shrink*/

.CaptchaStyle img {
width:120px;
}


/* grid - prevent black on black */
.DataGrid_Container, .DataGrid_Item{
color: #99cccc !important;
}



/* Login Styles */

.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}






/****************************

Simplified CATALOOK CSS

****************************


Original file location:
http://www.brickmanmedia.com/DesktopModules/CATALooKStore/Skins/blue/

colors used:

ffff99 = yellow
7ab299 = green border & text
dddddd = light grey
222222 = dark grey background
99CCFF = blue sale price
353535 = site/button background



SETUP ITEMS:

Admin > Site Settings > Appearance > Set these:
Portal Skin: artist store skin
Portal Container: clear
Edit Skin: artist store skin
Edit Container: clear

Admin > Site Settings > Advanced Settings > Set Home Page to 'Store'. 
Then Admin > Pages > Make the 'Home' page a redirect to the artist's site.

SSL SECURITY
Admin > Site Settings > Advanced Settings > SSL Settings > CHECK BOTH - SSL Enabled & Enforced

Admin > User accounts > Set up new (but accesses the existing account on server) - 
STOREADMIN 
username: storeadmin
fn: store
ln: admin
email: customerservice@brickhousedirect.com
pw: housedirect
Then add StoreAdmin role to the account

DOWNLOADS
Admin > File Manager - create a directory called 'downloads' - for Cust Service to upload digital products into

CHECKOUT PAGE
Get rid of the big unnecessary fields like 'Fax Number' and 'Personal Bio'
Admin > User Accounts > roll over triangle > Manage Profile Properties
Uncheck the last 7 items 'Visible' column

CATEGORY MENU blank? CAT_MenuNF needs 
1. categories created
2. test products 

"Feautured item" checkbox on Product page grayed out for storeadmin?
Go to a product page, triangle > View Options > "Edit" - check all StoreAdmin boxes all the way down
Any test products created as HOST, go back and change the 'Vendor' to storeadmin - check 'Show User Selector'

MIN CART - Problem - Shopping cart button taking you to a page outside the store, or looking like Aaron Shust?
Go to Store page, open the "options" for the mini cart, select the dropdown 'Cart' for 'page where the cart is located' and hit update.




PRE-SETS: SHOULD ALREADY BE IN PLACE WHEN THE STORE COPY IS MADE:

Pages for storeadmin to see and edit:
Categories, Advanced Categories, Products, Related Products, Customers, Orders

Host > Host Settings > Appearance > (Should stay the same) :
Host Skin: CAT01
Host Container: clear
Edit Skin: CAT01
Edit Container: clear

'Customer Service' - Create main navigation page redirecting to http://www.brickhousedirect.com/terms.htm
'Privacy Policy' - Create main navigation page redirecting to http://www.brickhousedirect.com/privacypolicy.htm

PRODUCT LIST BORDERS
To turn off borders that appear around the product list when you click on a category tab, we've CAREFULLY edited the admin file - 
http://www.brickmanmedia.com/DesktopModules/CATALooKStore/Skins/blue/itempane.ascx 

LOGIN AREA
Host > Host Settings > Portals:   Select 'My Account' page > uncheck 'Disabled'
Admin > Site Settings > Advanced Settings > Login Page: Set to 'My Account' page 
Now edit the My Account page - place an 'Account Login' module visible to Unauthorized only
Set an html text module that is visible to Registered users with this code:
<p style="text-align: center;"><span style="color: rgb(192, 192, 192);"><span style="font-size: larger;"><strong><br />
Welcome back to the store!  </strong></span><br />
Please roll over MY&#160;ACCOUNT to see your options.</span></p>



*/





table#BreadCrumbsTable, #BreadCrumbsTable {
}


table#MessageTable, #MessageTable,{
}

/* 'No items in shopping cart' */ 
.CATNormalRed{
color:red;
font-weight:bold;
padding:10px;
}


#Table1{
}


/* Admin and checkout grids */
table.CATgrid td{
border:#666666 thin solid;
}

.CATGridHeader{
}


.CATGridHeader span{
}


.DNNEmptyPane{
}


.CATCartContent{
background-color:transparent !important;
}


/* DROPDOWN MENU TEXT */
textarea, select, select.CATNormalTextBox, input.CATNormalTextBox { 
background:white !important; 
color:#000000 !important;
}


/* "Featured products" , Page titles */
.CATHeader {
font-family: gillsans, Arial, Helvetica;
font-size: 16px;
font-weight: normal;
color: ffff99;
text-shadow: #000000;
font-weight:bold;
text-transform:uppercase;
padding-bottom: 10px; /* keeps the title lines in all the checkout pages from clumping */
}

/*Product titles, Breadcrumb trails in checkout */
.CATContainerHeader,.Head, td.CATAltHeader, td.CATAltHeader, h1 {
font-family: Arial, Helvetica;
font-size: 14px;
font-weight: normal;
color: ffff99;
text-shadow: #000000;
font-weight:bold;
padding-bottom: 10px; /* keeps the title lines in all the checkout pages from clumping */
padding-top:20px; /* keeps products from bumping in Featured Products grid */ 
}

/* "Stock" "Price" "Quantity" 
subhead text in checkout - so it's good to set a different color than in headers*/
.CATSubHeader,.CATSubHead, .SubHead, td.SubHead {
font-family: Arial, Helvetica;
font-size:  12px;
color: #ffffff !important;
text-shadow: #000000;
font-weight:bold;
line-height:20px;
}


/*
- Checkbox items on admin pages
- All radio buttons 
*/
.CATRowHighlight, .CATNormalTextBox, .CATgrid, .CATGridHeader, .CATDescription, .CATNormal, .Normal, .CATNormalCheckBox, .CATNormalRadio {
color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px !important;
text-align:left;
}

/*
- Product REGULAR (crossed-out) price
- admin-visible Tax price
*/
.CATUnitCost, .CATProductListItem {
color: #ffff99;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px !important;
text-align:left;
}

/* Product SALE price */
.CATNormalBold {
font-family: Arial, Helvetica;
font-size:  14px !important;
font-weight: bold;
color: #99CCFF !important;
text-shadow: #000000;
text-align:left;
}

/*
- Product description
- "Sort by" & "Then Sort By" text in module View Options
*/ 
.CATRow, .CATSubSubHead, .CommandButton  {
font-family: Arial, Helvetica;
font-size:  13px !important;
font-weight: normal;
color: #ffffff !important;
text-shadow: #000000;
text-align:left;
}

h2 {
color:#ffff99;
text-shadow: #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}



/* Catalook admin sub-page text - overwrites default.css */

.NormalBold {
color:#ffff99;
text-shadow: #000000;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}



.CATRootItem, a.CATCommandButton:link, A.CommandButton:link, a.CATCommandButton:visited, A.CommandButton:visited, a.CATCommandButton:active, A.CommandButton:active {
color: #ffff99;
text-shadow: #000000;
font-family:Arial, Helvetica, sans-serif;
padding-right:5px; /* keeps txt from hitting grid lines */
padding-left:5px;
}

/* Checkout fields - "If you already have an account Login" button text 
"Continue Shopping" "Back" buttons
"Order Details > Address > Shipping" Breadcrumb text */
.CATCommandButton {
color: #cccccc; /* 'Login' button text AND Breadcrumb text across top */
text-shadow: #000000;
background-color:transparent;  /* or match site background */
border:#7ab299 1px solid; /* necessary to keep light gray button image from showing up */
font-family:Arial, Helvetica, sans-serif;
padding:5px; /* keeps txt from hitting grid lines */
}

a.CATCommandButton:hover, A.CommandButton:hover    {
color:#ffffcc;
text-shadow: #000000;
font-family:Arial, Helvetica, sans-serif;
padding:5px; /* keeps txt from hitting grid lines */
}
    


.ControlPanel, .PagingTable {
background:transparent;
border: #dddddd 0px solid !important; /* overrides default blue border */
}


/* CATEGORY TABS - Catalook product menu */

.CATRootItem td, .CATRootItemActive TD { 
background: ; 
color: #7ab299; 
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px; 
font-weight: bold;
padding:6px;
margin:4px;
width:170px;
border:#7ab299 thin solid;
}

.CATRootItemSelected td { /* acts like hoover of product menu*/
color: #fff !important; 
background:#7ab299; 
ffont-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px; 
font-weight:bold;
width:170px;
border:#fff thin solid;
padding:6px;
}


.CATRootItem td img {
display:none; 
visibility:hidden; 
width:0px; height:0px;
}


/* 
"Prefix" "Name" "Text" in alternating rows of user accounts 
The help text in the user account edit pages  */
.DataGrid_Item .WizardText{
color: #cccccc !important;
}



/* ADMIN TABLES - cells that have inline styling - this overrides them
CAREFUL - Can also affect triangle dropdowns in Module Options */

table tr td span td[style] {
color:#ffffff !important;
}



/* IMAGE ICONS, in two parts: */

/* adds padding to cell */
table.CATContainerBorder table td img {
padding: 3px;
border-width: 0px !important;
}
/* removes excess from images */
td.CATMenuBG img {
padding:0px !important;
}


/* RED REQUIRED and QUESTION MARK icons, in two parts: */

/* adds padding to cell */
td.CATNormalBold {
padding:2px 0px; 
}
/* removes excess from images*/
td.CATNormalBold span.CATNormalBold img, td span.CATNormalBold img, td.CATSubHead span  a img {
padding:0px 10px !important; 
margin:-4px !important;
}



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

/* Multiple Tab headers across the EDIT PRODUCT PAGE */

/* Active Tab Style in Store WorkPages (AddEditProducts.ascx ...) */
.CAT_TabNoActive
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	height: 24px;
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	border: 0px #b1b1b1 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: 0px #b1b1b1 solid;
}

/* THE HIGHLIGHTED TAB */
/* Passive Tab Style in Store WorkPages (AddEditProducts.ascx ...) */
.CAT_TabActive
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	height: 24px;
	background-color: #666666;
	background-image: none;
	background-repeat: no-repeat;
	border: 0px #b1b1b1 solid;
}