/* General everywhere stuff */
body
{ BACKGROUND-COLOR: white;
  FONT-FAMILY: Arial;
  color: #171717;
  FONT-SIZE: 9pt;
  FONT-WEIGHT: normal; }

/* Apears that TD does not inheret font-size from the BODY tag */
TD
{
	FONT-FAMILY: Arial;
	color: #171717;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
}

TH
{ color: #3f4126;
 font-size: x-small;
 text-align: left}

hr
{ height:1px; color:
 #ffffff; background:
 #768EA5; border: none;}
 
 UL     { color: #000; list-style-image: url("Arrow01.jpg"); margin-bottom: 0 }

A:link
{ COLOR: #5D71B0}

A:visited
{ COLOR: #5D71B0}

A:active
{ COLOR: #5D71B0}

A:hover
  { color: #000000;
   font-weight: normal}

H1
   { color: #FFFFFF;
    font:Arial, Helvetica, sans-serif;
    font:Arial, Helvetica, sans-serif;    
    font-size: 11pt;
    font-weight: normal;
    line-height: 100%;
    text-decoration: none;
    background-color: #6699cc;
	border-top: 4px solid #6699cc;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
    margin-top: 0;
    margin-bottom: 0;}

H2
   { color: #FFFFFF;
    font:Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    line-height: 100%;
    text-decoration: none;
    background-color: #666666;
	border-left: 0px solid #666666;
	border-right: 1px solid #ffffff;
	border-top: 2px solid #666666;
	border-bottom: 2px solid #ffffff;
	margin-top: 0px;
	margin-bottom: 0px;
}

H3
   { color: #FFFFFF;
    font:Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
    line-height: 100%;
    text-decoration: none;
    background-color: #999999;
	border-left: 0px solid #999999;
	border-right: 1px solid #ffffff;
	border-top: 2px solid #999999;
	border-bottom: 2px solid #ffffff;
	margin-top: 0px;
	margin-bottom: 0px;
}

H4
    { color: #333333;
     font-size: 9pt;
     font-style: normal;
     line-height: 120%;
     background-color: #EDEDED;
     margin-top: 0px;
     margin-bottom: 0px;
     margin-left: 1px;
     border-left: 2px solid #EDEDED;
     border-bottom: 1px solid #999999 }

H5
    { color: #4c4c4c;
     font-size: 9pt;
     font-style: normal;
     line-height: 120%;
     margin-top: 6px;
     margin-bottom: 0px;
     margin-left: 8px;
     border-left: 3px solid #FFFFFF;
 }

H6
  { font-size: xx-small;
   font-weight: normal;
   line-height: 230%;

   margin-top: 2;
   margin-bottom: 0;
   border-left: 0px solid #ffffff;
   border-right: 0px solid #ffffff;
   border-top: 0px solid #ffffff;
   border-bottom: 1px solid #999999 }


/*Content Typestyle */


DIV.Content TABLE
{   BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none }
    
DIV.Content TD
{   COLOR: #000000;
    BACKGROUND-COLOR: E6E6E6;
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-SIZE: x-small;
    MARGIN: 2px;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px;
    TEXT-ALIGN: left;
    vertical-align:middle; }
    
DIV.Content TH
 { color: #3f4126;
  font-size: x-small;
  font-weight: bold;
  background-color: #d1dbf7;
  text-align: left;
  margin: 2px;
  padding: 2px;
  vertical-align: middle;
  border: none }

/* Special Classes for displaying prices */
/* Mainly used by the shopping cart controls */

.ShortProductName  
{  font-weight: bold;
	font-size: 14px;
	color: #333333;
	background-color: #F5F5F5 }

.CompletePrice 
{ 	font-size: 9px; 
	color: #3f4126 }

.ProductDescription
{ 	font-size: 11px;
	color: #333333; }

.RawPrice
{	font-weight: bold;
	font-size: 14px;
	color: #333333 }

.ProductName
    { color: #333333; font-size: 10.25pt; font-weight: bold; line-height: 140%; background-color: #f5f5f5; margin-top: 8; margin-bottom: 10; border-bottom: 1px solid #cccccc }

.Quanity
{	border-right: #777777 1px solid;
	border-top: #777777 1px solid;
	font-weight: bold;
	font-size: 10px;
	background: white;
	border-left: #777777 1px solid;
	color: black;
	border-bottom: #777777 1px solid;
	height: 18px; }

.Buy
{	border-right: #ff9933 1px solid;
	border-top: #ff9933 1px solid;
	font-weight: bold;
	font-size: 10px;
	background: white;
	border-left: #ff9933 1px solid;
	color: black;
	border-bottom: #ff9933 1px solid;
	height: 18px; }


TD.CategoryTitle
   { color: #000; font-size: 11pt; font-weight: bold; line-height: 140%; text-decoration: none; background-color: #d0dbf7; margin-top: 5; margin-bottom: 0; border-style: solid; border-width: 1px 1px 1px 3px; border-color: #d0dbf7 #d0dbf7 #3f4126 }


TD.CategoryAvailable
{
   color:#000000;
   font-size:14px;
}

TABLE.DividerBar
{
   background-color: #999999
}

/* Styles used in the shopping and checkout controls */
/* ShoppingCart.ascx and CheckOutCredit.ascx */

TABLE.ShoppingCartTable
{
   border-top: #FFFFFF thin solid;
}

TH.ShoppingCartHeader
   { color: #000; font-size: 10pt; font-weight: bold; line-height: 100%; background-color: #d0dbf7; margin-top: 1; margin-bottom: 0; border-style: solid; border-width: 1px 1px 1px 3px; border-color: #d0dbf7 #d0dbf7 #3f4126 }

TD.ShoppingCartSubTotal
{
   border-top: #3f4126 1px solid;
}

TD.ShoppingCartVAT
{
   border-top: #3f4126 1px solid;
}

TD.ShoppingCartTotal
{
   border-top: #3f4126 thin solid;
    border-bottom: #3f4126 thin solid;
   font-weight: bold;
}

TABLE.ShoppingCartEmpty
{
   border-top: #3f4126 thin solid;
   border-bottom: #3f4126 thin solid;
}


/* Styles for news controls */

TD.NewsItemHeadline
{
   font-family: Arial;
   border-top: #768EA5 thin solid;
   border-bottom: #768EA5 thin solid;
}

TD.NewsItemDate
{
   font-size: xx-small;
   border-bottom: #768EA5 1px solid;
   font-family: Arial;
}

TD.NewsItemOverview
{
   font-size: x-small;
}

TD.NewsItemLink
{
   font-size: xx-small;
   border-bottom: #768EA5 1px solid;
   text-decoration:none;
}
 /* ---------------------- */


.Headline
{
   COLOR: #768EA5
}


/* Special Classes for general Table designs */

.ThinOutlineAll
{
   border-top: #CCCCCC 1px solid;
   border-bottom: #CCCCCC 1px solid;
   border-left: #CCCCCC 1px solid;
   border-right: #CCCCCC 1px solid;
   padding: 0px ;
   width: 100% ;
   height: 100% ;
   border-collapse: collapse ;
}

.ThinOutlineTopAndBottom
{
   border-top: #CCCCCC 1px solid;
   border-bottom: #CCCCCC 1px solid;
   padding: 0px ;
   border-collapse: collapse ;
   width: 100% ;
   height: 100% ;   
}

.ThinOutlineTop
{
   border-top: #CCCCCC 1px solid;
   padding: 0px ;
   border-collapse: collapse ;
   width: 100% ;
   height: 100% ;   
}

.ThinOutlineBottom
{
   border-bottom: #CCCCCC 1px solid;
   padding: 0px ;
   border-collapse: collapse ;
   width: 100% ;
   height: 100% ;   
}

.PlaceHolder  /*i.e. no boarder at all */
{
   border-top: #CCCCCC 0px solid;
   border-bottom: #CCCCCC 0px solid;
   border-left: #CCCCCC 0px solid;
   border-right: #CCCCCC 0px solid;
   padding: 0px ;
   width: 100% ;
   border-collapse: collapse ;
}


/* Style for datagrids showing transactions */
/* For example MyOrders & MyQuotes */

TABLE.Transaction
{
   background-color: #768EA5 ;
   border-top: white 0px solid;
   border-bottom: white 0px solid;
   border-left: white 0px solid;
   border-right: white 0px solid;
   font-size:x-small;
}

TR.TransactionSelected
{
   background-color: #d0dbf7 ;
   color: Black ;
}

TR.TransactionSelected TD
{
   border-top: #768EA5 1px solid;
   border-bottom: #768EA5 1px solid;
   border-left: #768EA5 1px solid;
   border-right: #768EA5 1px solid;
}

TR.TransactionSelected * A:link
{
    COLOR: black
}
TR.TransactionSelected * A:visited
{
    COLOR: black
}
TR.TransactionSelected * A:active
{
    COLOR: black
}
TR.TransactionSelected * A:hover
{
        COLOR: DarkRed
        background-color: #EEEEEE 
}

TR.TransactionItem
{
   background-color: #EEEEEE ;
}

TR.TransactionItem TD
{
   border-top: #768EA5 1px solid;
   border-bottom: #768EA5 1px solid;
   border-left: #768EA5 1px solid;
   border-right: #768EA5 1px solid;
} 

TR.TransactionAltItem
{
   background-color: Gainsboro ;
}

TR.TransactionAltItem TD
{
   border-top: #768EA5 1px solid;
   border-bottom: #768EA5 1px solid;
   border-left: #768EA5 1px solid;
   border-right: #768EA5 1px solid;
} 

TR.TransactionHeader TD
{
   background-color: #768EA5 ;
   color: White;
   font-weight:bold ;
}

.UPS TD
{
   font-size: x-small;
}
   

.UPS TH  
{
   font-size: x-small;
   text-align:left ;
   font-weight:bold ;
}

.UPSAltRow
{
   background-color: #EEEEEE 
}

.UPS TH.WithBoarder
{
   border-bottom: #768EA5 thin solid;
   border-top: #768EA5 thin solid;
}

.TradeMark
{
   font-size:xx-small
}

.ErrorLabel
{
   color: Red ;
}

.SuccessLabel
{
   color: Green ;
}

.extrapadding
{
	padding-left:5px ;
	padding-top:10px ;
}

.extraPaddingNoLeft
{
	padding-top:10px ;
}