/**************************/
/*HOME PAGE (default.aspx)*/
/**************************/
/* Div above Home Page Div Contents */
div#default_top
{
	background: Transparent;
	/*height: 55px;*/
	}
/* Div Contents */
div#default_body
{
	padding: 5px 5px 5px 5px;
	text-align: center;    
	background: Transparent;
	border: none 1px White;
	/*border-style: ridge;
	border-color: #d9ecff;
	border-width: 2px;*/
	
	}
/* Div below Home Page Div Contents */
div#default_bottom
{
    background: Transparent;
	height: 5px;
	}	
/* Reorder Table when enabled */
.RecentTable
{
	vertical-align: top;
	border-width: 0;
	background-image: url(Images/Design/bg_login.png);
	background-repeat: repeat-x;
	}
/* Reorder Table Header when enabled */	
.RecentTitle
{
	background-image: url(Images/Design/bg_recent.png);
	height: 25px;
	border: solid 0px #92b4e0;
	padding: 5px 0px 0px 0px;
	}
	
/* Footer Style - Company Address and Provider */
.FooterStyle
{
    color: Gray;
    font-size: 14px;
    padding-top: 5px;
    }
.FooterStyle a
{
    color: Gray;
    font-size: 12px;
    }    
	
/***********************************/
/*LOGIN PAGE (login.aspx + related)*/
/***********************************/
.logintable
{
	width: 480px;
	height: 280px;
	background-image: url(Images/Design/bg_login.png);
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	border-color: #92b4e0;
	border-style: solid;
	border-width: thin;
	}
	
/******************************************/
/*MyAccount PAGE (userinfo.aspx + related)*/
/******************************************/
.myaccounttable
{
	width: 480px;
	height: 450px;
	background-image: url(Images/Design/bg_myaccount.png);
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	border-color: #92b4e0;
	border-style: solid;
	border-width: thin;
	}
	
/*******************************/
/*Company Catalogue and Layouts*/
/*******************************/
/* Producer/Company dropdowns on Catalogue (Not Visible to standard customers) */
.trDropdowns 
{
    background: Transparent;
}
/* Notes and Description Area on Catalogue */
.trNotesArea 
{
    background: Transparent;
}
/* Main Products Table - Company Catalogue (All layouts)
   DO NOT SET WIDTH here as actual Width is set at 
   Backend - 'Manage Companies'
*/
.ProductsTable
{
	font-family: Verdana;
    font-size: small;
    color: #00477E;
    background: Transparent;
    padding: 1em;
    margin: 1em;
    border: noe 0px #00477E;
    text-align: center;
	}	
/* Outer Grid Style surrounding all products */
.OuterGridStyle
{
	text-align:Center;
	vertical-align:Top;
	background: Transparent;
	border: none 3px #c9dcef;
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
	
}
/* Style for Grid layouts (Grid and Folder)  */
.GridStyle
{
	text-align:Center;
	vertical-align:Top;
	background: White;
	border: none 5px #F0F0F0;
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
	
}

/* Cell surrounding images in Product Layout */
.ThemeBg
{
	background-image: url(Images/Design/bg_myaccount.png);
	background-repeat: repeat-x;
	}

/* Product Image frame and 
   Public Product Name */
.themebgcolor
{
	background: Transparent;
	border: none 3px #c7e0ee;
}
/* Limited Usage in some product pages - to be phased out*/
.themeheaderbgcolor
{
	background: Transparent;
	border: none 1px #F0F0F0;
}
/* Usually used for Product Name Cell */
.FixedGrid	
{
	height: 30px; 
	background: Transparent;
	border: none 1px #c7e0ee;
	margin: auto;
	
}
/* Limited usage in Some Blocks Products
   Blocks td enclosing table (Company/BlockAssetProduct, BlockAssetDBProduct and BlockDBProduct */
.BlockBody
{
	background-image: url(images/panels/body.png); background-repeat: repeat-x;width: 680px;
	}	
	
/* FOLDER AREA - ABOVE Products in catalogue when enabled*/
/* Used in Layout pages for Catalogue folder option at top */
.FoldersTable
{
	/*background: transparent url(Images/Design/TopFoldersBg.png) no-repeat top left;
	background-color: Navy;*/
	margin-top: 0px;
	/*background: transparent url(Images/Design/AnotherBg.png) top right;
	width: 540px;*/
}
.FoldersRow
{
	/*width: 100px;*/
	padding: 5px;
}
.FoldersCell
{
	width: 100px;
	padding: 10px;
}
.FoldersImage
{
	padding: 5px 5px 5px 5px;
	}
		
/****************/
/*ADMINISTRATION*/
/****************/
/*	OrderDetail outside tables */
.SubTitle
{
	background-color: #E8E8E8;
}
/*	OrderDetail inside tables (count 3)
	MGT_Catalogue/XMPieEditProduct and XMPieCustomization inside tables */
.TableInTable
{ 
    font-family: Verdana;
    font-size: small;
    color: #00477E;
    background-color: #92b4e0;
	}
/*	OrderDetail (Table Row) Header of inside table */	
.SubSubTitle
{
	background-color: #F8F8F8;
}
/* 	OrderDetail (Table Cell) Title field*/	
.tdTitle
{
	height: 12px;
	}
/* 	OrderDetail (Table Cell) Value field */	
.tdValue
{
	height: 12px;
	background-color: #F0F0F0;
	}
/*	Company/Layout files - SKU Cell */
.tdSKUTitle
{
	background: Transparent; 
	border: solid 1px #F0F0F0;
	color:White;
}	

/* ORDER STATUS in ORDER CONTROL CENTRE */
.Current	/*Current Order*/
{ background-color:	#FFFFFF;}
.Completed	/*Completed Order*/
{ background-color:	#2278fe;}
.Cancelled	/*Cancelled Order*/
{ background-color:	#D8D8D8;}
.Pending	/*Pending Gatekeeper Release*/
{ background-color:	#ff9494;}
.InProduction	/*Order in Production*/
{ background-color:	#fcf8ae;}
.InShipping	/*Order in Shipping*/
{ background-color:	#b3d1ff;}
.InBilling	/*Order in Billing*/
{ background-color:	#d2e3f9;}
.Released	/*Order released to Production*/
{ background-color:	#FFFFFF;}
.Passed	/*Pending Dealer Release*/
{ background-color:	#ef8484;}

/* Options Row above Grid List */
#divhead
{
	padding-top: 8px;
	background-color: #E0E0E0;
	/*background-image: url(Images/Design/bgDrops.png);*/
	height:30px; 
	vertical-align: baseline;
	text-align: center;
}

/* Add New HyperLink Row */
#divnew
{
	padding-top: 4px;
	clear:left; 
	height:25px; 
	vertical-align: middle;
	background-color: #E0E0E0;
}

/*****************/
/*GLOBAL CONTROLS*/
/*****************/
/* Used in Skin Files */
.groovybutton
{
   font-size:11px;
   font-family:Verdana,sans-serif;
   color: White; /*#437bbd;*/
   width:120px;
   height:30px;
   background-image: url(Images/Design/bg_Button.png);
   background-repeat: repeat-x;
   border-top-style:solid;
   border-top-color:#AAAAAA;
   border-top-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#AAAAAA;
   border-bottom-width:1px;
   border-left-style:solid;
   border-left-color:#FFEEDD;
   border-left-width:1px;
   border-right-style:solid;
   border-right-color:#FFFFFF;
   border-right-width:1px;
}
/* Checkout button and other buttons in My Account Page */
.checkoutbutton
{
   font-size:14px;
   font-family:Verdana,sans-serif;
   color: White; 
   width:120px;
   height:18px;
   background-image: url(Images/Design/bg_Button.png);
   background-repeat: repeat-x;
   border-top-style:solid;
   border-top-color:#AAAAAA;
   border-top-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#AAAAAA;
   border-bottom-width:1px;
   border-left-style:solid;
   border-left-color:#FFEEDD;
   border-left-width:1px;
   border-right-style:solid;
   border-right-color:#FFFFFF;
   border-right-width:1px;
   font-style:normal;
   vertical-align:bottom;
}
	
/**************/
/*REPOERT PAGE*/
/**************/
.ReportHead
{
	background-color: #7ea5e4;
	vertical-align:middle;
	text-align: left;
	border: solid 1 #7ea5e4;
	border-bottom-style: groove;
	border-right-style: groove;
}
.ReportAlt1
{
	background-color: #cae4ff;
	vertical-align:middle;
	text-align: left;
	border: solid 1 #7ea5e4;
	border-bottom-style: groove;
	border-right-style: groove;
}
.ReportAlt2
{
	background-color: #d9ecff;
	vertical-align:middle;
	text-align: left;
	border: solid 1 #7ea5e4;
	border-bottom-style: groove;
	border-right-style: groove;
}

/*******************************/
/*CHECKOUT PAGE - checkout.aspx*/
/*******************************/
/* Table emulating radgrid */
/* Also Used for gird in Cart */
.tableCheckout
{
	width: 100%;
	border: 2;
	padding: 2;
	font-size: x-small;
	font-family: Verdana, Lucida Sans;
	background-image: url(Images/Design/bg_myaccount.png);	
	}
.trCheckout
{
	background-color: #F0F0F0;

	}
.trAltCheckout
{
	background-color: #E0E0E0;
	
	}
/******/
/*CART*/
/******/
.CartOuter
{
	/* NOTE: Width is controlled by Company */
	/* Enabling it here will overwrite the company settings*/
	padding: 2;
	font-size: x-small;
	font-family: Verdana, Lucida Sans;
	background-color: Transparent;
	}
.CartInner
{
	width: 100%;
	font-size: x-small;
	padding: 1px 1px 1px 1px;
	margin: 1px 1px 1px 1px;
	font-family: Verdana, Lucida Sans;
	color: Navy;
	background-color: #E0E0E0;
	border: solid 1 white;
	}	
.CartAboveCaption
{
	height: 10px;
	vertical-align: middle;
}
.CartCaption
{
	height: 20px;
	vertical-align: middle;
	text-align: center;
}
.CartBelowCaption
{
	height: 5px;
	}
.CartBottom
{
	height: 10px;
	}		
.tdCart
{
	background-color: White;
	}
.tdAltCart
{
	background-color: #f0f0f0;
	}
/*************************************/

/********************/
/*bstract Popup Page*/
/********************/
.l  {background: url(images/corners/l.gif) repeat-y; width: 40px;}
.r  {background: url(images/corners/r.gif) repeat-y; width: 40px;}
.t  {background: url(images/corners/t.gif) repeat-x; width: 100%;}
.b  {background: url(images/corners/b.gif) repeat-x; width: 100%;}
.abscontents  {padding: 10px 10px 10px 10px; background-color: White;}
.myabstract {background: url(images/design/absbg.png) repeat-x; width: 100%;}

/****************************/
/*Abstract Popup Page********/
/*Non standard Product Pages*/
/*TO BE PHASED OUT***********/
/****************************/
/* Abstract Page */
.AbstractTable
{
	width: 95%;
	}
.AbstractCell
{
	text-align: left;	
	padding: 10px;
}
.AbstractPriceTableCell
{
	text-align: left;
	padding: 10px;
}

/**************/
/*BILLING Page*/
/**************/
/* Coupon area in Billing Page */
div.CouponBackground
{
	background: transparent url(Images/Design/CouponBg.png) no-repeat 25px 0px;
	height: 90px;
	text-align: center;
	vertical-align: middle;
	padding: 8px;
	line-height: 21px;
}

/**************************/
/*Blocks Default - Classes*/
/**************************/
/* Note: Text is controlled by Label Skins and Textboxes Skin */
.FieldsTable
{
	/*width: 700px;*/
	margin: 2px 2px 2px 2px;
	border-collapse: separate;
	margin: 1px 1px 1px 1px;
	/*background-color: #92b4e0;*/
	background: url(Images/Design/bg_myaccount_yell.png) repeat-x;
}
.FieldCellName
{
	/*background-color: #F0F0F0;*/
	padding: 4px 4px 4px 4px;
	width: 120px;
	text-align: right;
}
.FieldCellValue
{
	padding: 4px 4px 4px 4px;
	width: 300px;
	text-align: left;
}
.FieldInnerCellName
{
	background-color: #F0F0F0;
	padding: 2px 2px 2px 2px;
	width: 90px;
	text-align: right;
}
.FieldInnerCellValue
{
	background-color: #E8E8E8;
	padding: 2px 2px 2px 2px;
	width: 200px;
	text-align: left;
}

/*****************************/
/*PRODUCT EXTRA DETAILS Panel*/
/*****************************/
.extraprices
	{
	background: url(images/design/bg_myaccount.png) repeat-x; 
	width: 97%; 
	padding:  0px 5px 0px 5px;
	text-align: left;
	}

/*************/
/*Price Table*/
/*************/
.PriceTableTitle
{
	/*background-image: url(Images/Design/bg_recent.png);*/
	height: 20px;
	border: solid 0px #92b4e0;
	padding: 3px 1px 1px 1px;
	}
.PriceTableTable
{
	width: 95%;
	vertical-align: top;
	border-width: 0;
	background-image: url(Images/Design/bg_login.png);
	background-repeat: repeat-x;
	}

/**********************/	
/*INSIDE PRODUCT PAGES*/
/**********************/
div#product_top
{
/*	background: url(images/product/product_top.png) repeat-x;*/
height: 10px;
	}

div#product_bottom
{
/*	background: url(images/product/product_bottom.png) repeat-x;*/
height: 10px;
	}
		
div#product_content
{
    background: Transparent;
	padding: 1px 1px 1px 1px;
	}
	
table#product_outer	
{
	width: 100%;
	border: solid 0px Black;
	padding: 1px 1px 1px 1px;
	}
table#product_inner
{
	width: 100%;
	}
	
/**************************************/
/*PRODUCT DETAILS and IMAGE Sub_Panels*/
/**************************************/
/* DETAILS PANEL */
div#product_details_top
{
	background-color: #d9ecff;
	height: 5px;

	}
div#product_details_body
{
	background-color: #c9dcef;
	padding: 2px 2px 2px 2px;
	}
div#product_details_bottom
{
	background-color: #d9ecff;
	height: 20px;
	
	}	
/* IMAGE PANEL */
div#product_image_top
{
	background-color: #d9ecff;
	height: 5px;
	}
div#product_image_body
{
	background-color: #c9dcef;
	padding: 2px 2px 2px 2px;
	text-align: center;
	
	}
div#product_image_bottom
{
	background-color: #d9ecff;
	height: 20px;
	
	
	}	

/*************/
/*ORDER PANEL*/
/*************/
.OrderTable
{
    width: 80%; 
    border: solid 2px #E0E0E0;
	background:  #FDFDFD; 
	}
.OrderInnerTable
{
    width: 100%; 
    border: solid 1px #D0D0D0;
	background:  #F8F8F8;
}	
.OrderLeftTable
{
    width: 100%; 
    border: solid 0px #D0D0D0;
    background:  #F0F0F0;
    }
.OrderRightTable
{
    width: 100%; 
    border: solid 0px #D0D0D0;
    background:  #F0F0F0;
    }    


/**************************************************************/
/*                     Product Table                          */
/*			           18 August 2010                         */
/**************************************************************/
.ptl {background:url(images/corners/product_top_left.png) no-repeat;height:8px;width:9px;}
.pt  {background:url(images/corners/product_top.png) repeat-x;height:8px;}
.ptr {background:url(images/corners/product_top_right.png) no-repeat;height:8px;width:9px;}

.pl  {background:url(images/corners/product_left.png) repeat-y;width:9px;}
.py  {background:url(images/corners/product_body.png) repeat;}
.pr  {background:url(images/corners/product_right.png) repeat-y;width:9px;}

.pbl {background:url(images/corners/product_bottom_left.png) no-repeat;height:8px;width:9px;}
.pb  {background:url(images/corners/product_bottom.png) repeat-x;height:8px;}
.pbr {background:url(images/corners/product_bottom_right.png) no-repeat;height:8px;width:9px;}