/*=============================================================================
// Common Elements
//===========================================================================*/
BODY
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    MARGIN: 5px 5px 5px 5px;
    COLOR: #404040;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    BACKGROUND-COLOR: #FFFFFF;
    TEXT-ALIGN: center
}
TD, TH
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #404040;
    FONT-FAMILY: Tahoma, Verdana, Arial;
}
INPUT, SELECT
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Tahoma
}
IMG
{
	BORDER: none
}
A
{
    COLOR: #003463;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #003463;
    TEXT-DECORATION: underline
}
HR
{
    COLOR: #003463
}
UL
{
    LIST-STYLE-POSITION: outside;
    LIST-STYLE-TYPE: square;
    MARGIN-LEFT: 20px;
    MARGIN-TOP: 3px;
}
LI
{
    PADDING-BOTTOM: 3px;
}
H6
{
	COLOR: #003463;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	MARGIN-BOTTOM: 10px;
}


/*=============================================================================
// Common Classes
//===========================================================================*/
.CaptionH6
{
    FONT-WEIGHT: bold
}
.ParagraphTitle
{
    BORDER-BOTTOM: #666666 2px solid;
    COLOR: #FF4ED3;
    FONT-WEIGHT: bold;
    MARGIN-LEFT: 30px;
}
LABEL.Message
{
    COLOR: blue
}
TD.ErrorMessageOn
{
    WIDTH: 100%;
    COLOR: #0000ff;
    HEIGHT: 20px;
    TEXT-ALIGN: center
}
TD.ErrorMessageOff
{
    WIDTH: 100%;
    HEIGHT: 20px;
    TEXT-ALIGN: center
}
IMG.Button
{
    CURSOR: pointer
}
UL LI.NormalText
{
    LIST-STYLE-TYPE: none
}
IMG.PageTitle
{
	HEIGHT: 33px;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 3px;
	MARGIN-LEFT: 2px;
	WIDTH: 465px
}


/*=============================================================================
// Page Header Panel
//===========================================================================*/
TD.PanelPageHeader 
{
	HEIGHT: 95px;
	WIDTH: 100%;
	VERTICAL-ALIGN: top
}	
TD.PanelPageHeader TABLE.PageHeaderTemplate
{
	BORDER-RIGHT: solid 1px #44617B;
	BORDER-LEFT: solid 1px #44617B;
	BORDER-TOP: solid 1px #44617B;
	HEIGHT: 100%;
	WIDTH: 100%
}
TD.PanelPageHeader TABLE.PageHeaderTemplate TD.LogoBar
{
	HEIGHT: 70px;
	WIDTH: 100%
}
TD.LogoBlock
{
	WIDTH: 150px;
}
TD.MenuBlock
{
	BACKGROUND-IMAGE: url(../images/website/bg_bar_top.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top right;
	PADDING-RIGHT: 202px;
	TEXT-ALIGN: right;
}
TD.DepartmentsBar
{
	BACKGROUND-IMAGE: url(../images/website/bg_bar_middle.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top right;
	PADDING-RIGHT: 193px;
}


/* Customer Menu - View Cart, My Account, Contact Us, About Us */
TABLE.CustomerMenu
{
}
TABLE.CustomerMenu TD.CustomerMenuItem
{
	PADDING: 0px 0px 0px 0px
}

/* Main Departments and Search Bar */
TABLE.DepartmentSearchBar
{
	BACKGROUND-COLOR: #F6F6F7;
	BORDER-TOP: solid 2px #C3C5C6;
	BORDER-BOTTOM: solid 1px #C3C5C6;
	HEIGHT: 22px;
	PADDING: 0px 0px 0px 0px;
	WIDTH: 100%;
}
TABLE.DepartmentSearchBar TD.DeparmentBarLeft
{
	HEIGHT: 22px;
	WIDTH: 125px;
}
TABLE.DepartmentSearchBar TD.DepartmentButton
{
	PADDING: 0px 0px 0px 0px;
}
TABLE.DepartmentSearchBar TD.DeparmentBarRight
{
	HEIGHT: 22px;
	WIDTH: 125px;
}

TABLE.BrowseTable TD.SearcBlock
{
	BORDER-TOP: solid 3px #FFFFFF;
	BORDER-LEFT: solid 1px #FFFFFF;
	BORDER-RIGHT: solid 1px #FFFFFF;
	BACKGROUND-COLOR: #C3C5C6;
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 7px;
	WIDTH: 100%
}
TABLE.BrowseTable TD.SearcBlock INPUT
{
	FONT-SIZE: 9px;
}
TABLE.BrowseTable TD.SearcBlock SELECT
{
	FONT-SIZE: 9px;
}


/*=============================================================================
// Page Footer Panel
//===========================================================================*/
TD.PanelPageFooter
{
	WIDTH: 100%;
	HEIGHT: 1%
}
TD.PanelPageFooter TABLE.PageFooterTemplate
{
	WIDTH: 100%
}
TD.PanelPageFooter TABLE.PageFooterTemplate TD.BottomLinksBar
{
	BACKGROUND-COLOR: #FFFFFF;
	BORDER-BOTTOM: solid 1px #FFFFFF; 
	COLOR: #666666;
	FONT-SIZE: 11px;
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 4px;
	TEXT-ALIGN: center;
	WIDTH: 100%
}
TD.PanelPageFooter TABLE.PageFooterTemplate TD.ExoloopCopyrights
{
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #666666;
	FONT-SIZE: 11px;
	PADDING-TOP: 7px;
	PADDING-BOTTOM: 1px;
	TEXT-ALIGN: center;
	WIDTH: 100%
}



/*=============================================================================
// DataTableView - Style for displaying tabular data
//===========================================================================*/

TABLE.DataTableView
{
	PADDING-LEFT: 3px;
}

/*--- Table Header (place order page) ---------------------------------------*/
TABLE.DataTableView TH.TableHeader
{
	BACKGROUND-COLOR: #FFFFFF;
	BORDER-LEFT: none;
	BORDER-RIGHT: none;
	BORDER-TOP: none;
	COLOR: #404040;
	FONT-WEIGHT: bold;
	PADDING: 2px 3px 3px 3px;
	TEXT-ALIGN: left    
}

/*--- Column Header ---------------------------------------------------------*/
TABLE.DataTableView TH.ColumnHeader
{
	BACKGROUND-COLOR: #EDEDEF;
	BORDER-RIGHT: none;
	BORDER-TOP: solid 1px #44617B;
	COLOR: #003463;
	FONT-WEIGHT: bold;
	PADDING: 4px 3px 5px 3px;
	TEXT-ALIGN: left    
}
TABLE.DataTableView TH.ColumnHeaderLeft
{
	BACKGROUND-COLOR: #EDEDEF;
	BORDER-LEFT: solid 1px #44617B;
	BORDER-RIGHT: none;
	BORDER-TOP: solid 1px #44617B;
	COLOR: #003463;
	FONT-WEIGHT: bold;
	PADDING: 4px 3px 5px 3px;
	TEXT-ALIGN: left;    
}
TABLE.DataTableView TH.ColumnHeaderRight
{
	BACKGROUND-COLOR: #EDEDEF;
	BORDER-RIGHT: solid 1px #44617B;
	BORDER-TOP: solid 1px #44617B;
	COLOR: #003463;
	FONT-WEIGHT: bold;
	PADDING: 4px 3px 5px 3px;
	TEXT-ALIGN: left;    
	WIDTH: 1%;
}

/*--- Cell Data -------------------------------------------------------------*/
TABLE.DataTableView TD.CellData
{
	BACKGROUND-COLOR: #FFFFFF;
	BORDER-RIGHT: none;
	BORDER-TOP: solid 1px #44617B;
	COLOR: #404040;
	PADDING: 2px 3px 3px 3px;
}
TABLE.DataTableView TD.CellDataLeft
{
	BACKGROUND-COLOR: #FFFFFF;
	BORDER-LEFT: solid 1px #44617B;
	BORDER-RIGHT: none;
	BORDER-TOP: solid 1px #44617B;
	COLOR: #404040;
	PADDING: 2px 3px 3px 3px;
}
TABLE.DataTableView TD.CellDataRight
{
	BACKGROUND-COLOR: #FFFFFF;
	BORDER-RIGHT: solid 1px #44617B;
	BORDER-TOP: solid 1px #44617B;
	COLOR: #404040;
	PADDING: 2px 3px 3px 3px;
}

/*--- Cell Data 2 (With Bottom Border) --------------------------------------*/
TABLE.DataTableView TD.CellData2
{
	BACKGROUND-COLOR: #FFFFFF;
	BORDER-BOTTOM: solid 1px #44617B;
	BORDER-RIGHT: solid 1px #44617B;
	BORDER-TOP: solid 1px #44617B;
	COLOR: #404040;
	PADDING: 2px 3px 3px 3px;
}
TABLE.DataTableView TD.CellDataLeft2
{
	BACKGROUND-COLOR: #FFFFFF;
	BORDER-BOTTOM: solid 1px #44617B;
	BORDER-LEFT: solid 1px #44617B;
	BORDER-RIGHT: solid 1px #44617B;
	BORDER-TOP: solid 1px #44617B;
	COLOR: #404040;
	PADDING: 2px 3px 3px 3px;
}
TABLE.DataTableView TD.CellDataRight2
{
	BACKGROUND-COLOR: #FFFFFF;
	BORDER-BOTTOM: solid 1px #44617B;
	BORDER-RIGHT: solid 1px #44617B;
	BORDER-TOP: solid 1px #44617B;
	COLOR: #404040;
	PADDING: 2px 3px 3px 3px;
}

/*--- Column Footer ---------------------------------------------------------*/
TABLE.DataTableView TD.ColumnFooter
{
	BACKGROUND-COLOR: #EDEDEF;
	BORDER-BOTTOM: solid 1px #44617B;
	BORDER-RIGHT: none;
	BORDER-TOP: solid 1px #44617B;
	COLOR: #003463;
	FONT-WEIGHT: bold;
	PADDING: 4px 3px 5px 3px;
	TEXT-ALIGN: left    
}
TABLE.DataTableView TD.ColumnFooterLeft
{
	BACKGROUND-COLOR: #EDEDEF;
	BORDER-BOTTOM: solid 1px #44617B;
	BORDER-LEFT: solid 1px #44617B;
	BORDER-RIGHT: none;
	BORDER-TOP: solid 1px #44617B;
	COLOR: #003463;
	FONT-WEIGHT: bold;
	PADDING: 4px 3px 5px 3px;
	TEXT-ALIGN: left;    
}
TABLE.DataTableView TD.ColumnFooterRight
{
	BACKGROUND-COLOR: #EDEDEF;
	BORDER-BOTTOM: solid 1px #44617B;
	BORDER-RIGHT: solid 1px #44617B;
	BORDER-TOP: solid 1px #44617B;
	COLOR: #003463;
	FONT-WEIGHT: bold;
	PADDING: 4px 3px 5px 3px;
	TEXT-ALIGN: left;    
	WIDTH: 1%;
}

/* Update textbox - View Cart page*/
TABLE.DataTableView INPUT
{
	FONT-SIZE: 9px;
}



/*=============================================================================
// Website Page Template
//===========================================================================*/
TABLE.PageTemplate 
{
	BACKGROUND-COLOR: #FFFFFF;
	HEIGHT: 100%;
	WIDTH: 775px;
	margin-left: auto;
	margin-right: auto;	
}
TD.PanelLeftBar
{	
	BACKGROUND-COLOR: #FFFFFF;
	BORDER-LEFT: solid 1px #44617B;  
	BORDER-BOTTOM: solid 1px #44617B;
	FONT-SIZE: 11px;
  WIDTH: 108px;
  HEIGHT: 100%;
  VERTICAL-ALIGN: top;
}
TD.PanelRightBar
{
	BACKGROUND-IMAGE: url(../images/website/bground_side_bar.gif);
	BACKGROUND-REPEAT: repeat-y;
	BACKGROUND-POSITION: top right;
  BORDER-BOTTOM: solid 1px #44617B;  
  BORDER-RIGHT: solid 1px #44617B;  
  FONT-SIZE: 11px;
  WIDTH: 193px;
  HEIGHT: 100%;
  VERTICAL-ALIGN: top;
}
TABLE.PageContent
{
	BORDER-TOP: solid 3px #FFFFFF;
  BORDER-BOTTOM: solid 1px #44617B;
  HEIGHT: 100%;
  WIDTH: 100%;
}
TABLE.PageContent TD.Content
{
  VERTICAL-ALIGN: top;
  HEIGHT: 100%
}
TABLE.PageContent TD.Content P
{
  PADDING-RIGHT: 20px;
  PADDING-LEFT: 20px
}



/*=============================================================================
// Input Form Structure
//===========================================================================*/
TABLE.InformationForm
{
    WIDTH: 100%
}
TABLE.InformationForm TD.Data
{
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 5px
}
TABLE.InformationForm TD.MandatoryMark
{
    PADDING-TOP: 2px;
    TEXT-ALIGN: right
}
TABLE.InformationForm TD.Title
{
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 5px;
    WIDTH: 33%;
    TEXT-ALIGN: right
}



/*=============================================================================
// CCV/Card ID - Edit Crdit Card
//===========================================================================*/
TABLE.CVVCardIDInfo
{
	BORDER: solid 2px #5C7B99;
}
TABLE.CVVCardIDInfo TD.CVVDescription
{
	FONT-SIZE: 9px;
	PADDING: 5px 5px 5px 5px;
}
TABLE.CVVCardIDInfo TD.CVVImage
{
	PADDING: 5px 5px 5px 5px
}