/* Color codes used in shop:
*  #000000			: black
*  #FFFFFF			: white
*  #1F61AA			: blue background, 1st layer
*  #C4C4C4			: grey button color, all layers
*  #FF0000			: red, for emphasis, 2nd and 3rd layer
*  #4C81BB			: blue tableheader, 3rd layer
*  #E8EFF6			: light blue cell color, 3rd layer
*  #EEEEEE			: light grey cell color, 3rd layer
*/

/*Declaration of specific Element characteristics.*/
BODY, P, TABLE, INPUT, SELECT, IMG,  A, A:ACTIVE, A:FOCUS, A:HOVER, A:LINK, DIV{
	background-color : transparent;
	font-family : Verdana;
	font-size : 9px;
	color : #000000;
}

.asterisk
{
    COLOR: #ff6600
}

.textnoir
{
    FONT-SIZE: 7px;
    TEXT-TRANSFORM: uppercase;
    FONT-FAMILY: 'Small Fonts'
}

A, A:ACTIVE, A:FOCUS, A:HOVER, A:LINK {
	font-weight : bold;
}
A {
	text-decoration : none;
}
A:HOVER {
	text-decoration : underline;
}
BODY{
	border : 0px none;
	padding : 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

TABLE, IMG, P{
	border : 0px none;
	padding : 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}
TD
{
	padding: 0px 0px 0px 0px;
}
INPUT, SELECT{
	background-color : #FFFFFF;
	font-family: Arial;
}
IFRAME
{
	border-right: thin inset;
	padding-right: 3px;
	border-top: thin inset;
	padding-left: 3px;
	visibility: visible;
	padding-bottom: 3px;
	border-left: thin inset;
	padding-top: 3px;
	border-bottom: thin inset;
	background-color: #1F61AA;
}

.IFRAME_HEADER
{
	border:0;
	padding:0;
	background-color: #1F61AA;
}

/*----------------------------------------------------------------------------------------
Class definitions
General
----------------------------------------------------------------------------------------*/

.textbox_multiline
{
	font-family : Sans-Serif;
	font-size : 9px;
	color : #000000;
}

/* Background color of the website */
.webshop_background_color
{
	padding: 0px 0px 0px 0px;
	background-color: #1F61AA;
	color: #ffffff;
	font-weight: bold;	
}

/* Left and right pane of the website */
.webshop_outer_filler
{
	background-color: #EEEEEE;
}

/* Inverse hightlighted color regarding the backgound color */
.webshop_text_highlight_inverse
{
	color: #ffffff; 
	font-family : Verdana;
	font-weight: bold;
}

/* Inverse color regarding the backgound color */
.webshop_text_color_inverse
{
	font-family : Verdana;
	color: #ffffff;
}

/* Inverse color for the hyperlink regarding the backgound color  */
.webshop_hyperlink_color_inverse:link
{
	color: #ffffff; 
	font-weight:normal;
}

/* Inverse color for the hyperlink regarding the backgound color  */
.webshop_hyperlink_color_inverse:hover
{
	color: #ffffff; 
	font-weight:normal;
}

/* Inverse color for the hyperlink regarding the backgound color */
.webshop_hyperlink_color_inverse:visited
{
	color: #ffffff; 
	font-weight:normal;
}

.topmenu_border_top
{
	border-top:#c7d6ed 1px solid;
}

.topmenu_border_topbottom
{
	border-top:#c7d6ed 1px solid;
	border-bottom:#c7d6ed 1px solid;
}

.topmenu_border_bottom
{
	border-bottom:#c7d6ed 1px solid;
}

.topmenu_border_bottomleft
{
	border-bottom:#c7d6ed 1px solid;
	border-left:#c7d6ed 1px solid;
}

.topmenu_border_left
{
	border-left: #c7d6ed 1px solid;
}

/* Table with small border, but not on the top and not on the bottom  */
.table_thinborder_topbottom
{
    border-color: #c7d6ed;
    border-width: 0px 1px 0px 1px;
    border-style: solid;
}

/* Table with small border, but not on the bottom  */
.table_thinborder_bottom
{
    border-color: #c7d6ed;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
}

/* Table with small border, but not on the top  */
.table_thinborder_top
{
    border-color: #c7d6ed;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
}

/* Table with small border only on the right */
.table_thinborder_only_right
{
    border-color: #c7d6ed;
    border-width: 0px 1px 0px 0px;
    border-style: solid;
}

/* Table with small border only on the right/top */
.table_thinborder_only_right_top
{
    border-color: #c7d6ed;
    border-width: 1px 1px 0px 0px;
    border-style: solid;
}

/* Table with small border */
.table_thinborder
{
    border-color: #c7d6ed;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
}
/* All controls for the webshop */
.webshop_control
{
	background-color: #ffffff;
	color: #000000;
}
/* Button for the webshop */
.webshop_button
{
	
	background-color: #EEEEEE;
	border-left-color: #999999 1px solid;
	border-right-color: #999999 1px solid;
	border-bottom-color: #999999 1px solid;
	font-family: Verdana;
	font-size: 8pt;
	text-align : center;
	
}

/* Button for the webshop */
.webshop_button_image
{
	font: 8pt "Verdana";
	/*text-transform: uppercase;*/
}

/* Standard Horizontal Rule  */
.webshop_HR{
	height: 1px;
	color: Black;
}

/* Standard Legal Terms Border  */
.webshop_legalterms
{
	background-color: #FFFFFF;
    border-color: #FFFFFF;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
}

/* General Error Message (See also Constants.c_colWebShopError)*/
.webshop_error{
	color: Red;
}

/* General Error Message (See also Constants.c_colWebShopError)*/
.webshop_approved{
	font-size: 12px;
	font-weight: bold;
	color: Green;
}

/* General Error Message (See also Constants.c_colWebShopError)*/
.webshop_rejected{
	font-size: 12px;
	font-weight: bold;
	color: Red;
}

/* HTML TD's not being part of the WebshopGrid (e.g. in the Shipping page)*/
.tabledata{
	padding: 3px;
}

/*----------------------------------------------------------------------------------------
Class definitions
Main Menu
----------------------------------------------------------------------------------------*/
/* Specifications for the active tab */
.mainmenu_text_on{
	background-color: #FDB518;
	color : #000000;
	text-align : center;
	font-size: 10px;
	font-family: Verdana;
	font-weight: bold;
	/* Start Release 5.1.0 Patni 19-06-09*/
	cursor: pointer;
	/* End Release 5.1.0 Patni 19-06-09*/
}

.mainmenu_text_on_red
{
	background-color: #FF0000;
	color : #000000;
	text-align : center;
	font-size: 10px;
	font-family: Verdana;
	font-weight: bold;
	
}

/* Specifications for the in-active tabs */
.mainmenu_text_off{
	background-color: #EEEEEE;
	color : #000000;
	text-align : center;
	font-size: 10px;
	font-family: Verdana;
	font-weight: normal;
	/* Start Release 5.1.0 Patni 14-JULY-09*/
	cursor: pointer;
	/* End Release 5.1.0 Patni 14-JULY-09*/
	
}

/* A hand must be displayed when the mouse moves over a tab */
.mainmenu_link{
	/*cursor: hand;*/
	cursor: pointer;
}

/*----------------------------------------------------------------------------------------
Class definitions
Sub Menu
----------------------------------------------------------------------------------------*/
/* Background color of the website */
.submenu_background_color
{
	padding: 0px 0px 0px 0px;
	background-color: #FDB518;
}

/* Specifications for the sub-menu when selected */
.submenu_text_on{
	background-color: #FDB518;
	color: #000000;
	text-align: center;
	font-size: 9px;
	font-family: Verdana;
	font-weight: bold;
}

/* Specifications for the sub-menu when deactivated */
.submenu_text_off{
	background-color: #FDB518;
	color: #000000;
	text-align: center;
	font-size: 9px;
	font-family: Verdana;
	font-weight: normal;
}

/*----------------------------------------------------------------------------------------
Class definitions
Approval Menu
----------------------------------------------------------------------------------------*/
/* Specifications for the active tab */
.approvalordermenu_text_on{
	background-color: #FDB518;
	color : #000000;
	text-align : center;
	font-size: 10px;
	font-family: Verdana;
	font-weight: bold;
}

/* Specifications for the in-active tabs */
.approvalordermenu_text_off{
	background-color: #EEEEEE;
	color : #000000;
	text-align : center;
	font-size: 10px;
	font-family: Verdana;
	font-weight: normal;
}

/* A hand must be displayed when the mouse moves over a tab */
.approvalordermenu_link{
	cursor: hand;
}

/*----------------------------------------------------------------------------------------
Class definitions
Page Header
----------------------------------------------------------------------------------------*/
.pageheader_TopRow{
	height: 15px;
}
.pageheader_SectionName{
	font-size: 11px;
	font-family: Verdana;
	font-weight: bold;
	text-transform: uppercase;
}

.pageheader_PageNumber{
	font-size: 9px;
	font-family: Verdana;
	font-weight: normal;
	text-transform: uppercase;
	color: Black;
	text-align: right;
}

.pageheader_SubSectionName{
	font-size: 11px;
	font-family: Verdana;
	font-weight: normal;
	text-transform: uppercase;
}

.pageheader_EmptyRow{
	height: 1px;
}

.pageheader_Name{
	font-size: 11px;
	font-family: Verdana;
	text-transform: none;
}

.pageheader_ErrorMessage{
	font-size: 11px;
	text-transform: none;
	color: Red;
}

.pageheader_ConfirmMessage{
	font-size: 11px;
	text-transform: none;
	color: Red;
}

.pageheader_PageDesciption{
	font-size: 10px;
	text-transform: none;
}

.pageheader_Step{
	font-size: 11px;
	text-transform: none;
}
.pageheader_SiteInfo
{
	display:none;	
}

/*----------------------------------------------------------------------------------------
Class definitions
Webshop Grid
----------------------------------------------------------------------------------------*/
/* Start Release 5.1.0  Patni 18-06-09 */
.webshopgrid_columnheader_old{
	color: #ffffff;
	background-color: #4C81BB;
	border-color: #ffffff;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border: 1px;
    font-weight:bold;
    font-size:10px;
    font-family:Verdana;
    width:100%;
}

/* End Release 5.1.0  Patni 18-06-09*/


.webshopgrid_columnheader{
	color: #ffffff;
	background-color: #4C81BB;
	border-color: #ffffff;
	
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border: 1px;
    font-weight:bold;
    font-size:10px;
    font-family:Verdana;
}




.webshopgrid_columnheader_checkbox{
	color: #ffffff;
	background-color: #4C81BB;
	border-color: #ffffff;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    font-size:10px;
}

.webshopgrid_row_normal{
	color: #000000;
	background-color: #D2D2D2;
	padding: 3px;
    font-weight:normal;
    font-size:9px;	
    text-align:left;
    vertical-align:top;
}

.webshopgrid_row_inverse{
	color: #000000;
	background-color: #EEEEEE;
	padding: 3px;
    font-weight:normal;
    font-size:9px;	
    text-align:left;
    vertical-align:top;	
}

.webshopgrid_row_transparant{
	background-color: Transparent;
}

.webshopgrid_hider
{
	font: 8pt Verdana;
	background-color: #eeeeee;
}

.webshopgrid_imagebutton{
	cursor: default;
}

.webshopgrid_textbox_error
{
	border: 1px solid #cc0000;
	background-color: #ffffff;
}

.webshopgrid_textbox_readonly
{
	background-color: #cccccc;
}

.webgrid_columnheader_checkbox{
	color: #ffffff;
	background-color: #4C81BB;
	border-color: #ffffff;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    font-size:10px;
}

.webgrid_columnheader_checkbox_label{
	background-color: #D2D2D2;
	border-color: #ffffff;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    font-size:10px;
}

.webgrid_row_normal_checkbox{
	color: #000000;
	border-color: #000000;
    border-width: 0px 0px 0px 0px;
	background-color: #D2D2D2;
    border-style: solid;
}

.webgrid_row_normal_checkbox_label{
	color: #000000;
	background-color: #000000;
	border-color: #000000;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
}

.webgrid_row_inverse_checkbox{
	color: #000000;
	border-color: #000000;
    border-width: 0px 0px 0px 0px;
	background-color: #EEEEEE;
    border-style: solid;
}

.webgrid_row_inverse_checkbox_label{
	color: #000000;
	background-color: #EEEEEE;
	border-color: #000000;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
}

.webgrid_linkbutton
{
	text-align : left;
	border: 0;
	/* Start Release 5.1.0  Patni 18-06-09 */
	cursor: pointer;
	/* Start Release 5.1.0  Patni 18-06-09 */
	color:White;
	font: 9px "Verdana";
	font-weight: bold;
	background: transparent;
	text-decoration: underline;
    text-align:left;
    vertical-align:top;	
}

.webgrid_linkbutton_inverse
{
	text-align : left;
	border: 0;
	cursor: hand;
	color:Black;
	font: 9px "Verdana";
	font-weight: bold;
	background: transparent;
	text-decoration: underline;
    text-align:left;
    vertical-align:top;		
}

.webgrid_linkbutton_row
{
	border: 0;
	/* Start Release1  Patni */
	cursor: pointer;
	/* End Release1  Patni */
	color:#000000;
	font: 9px "Verdana";
	font-weight: bold;
	background: transparent;
	text-decoration: underline;
    text-align:left;
    vertical-align:top;		
}

.webgrid_linkbutton_row:link
{
	border: 0;
	cursor: hand;
	color:#000000;
	font: 9px "Verdana";
	font-weight: bold;
	background: transparent;
	text-decoration: underline;
    text-align:left;
    vertical-align:top;		
}

.webgrid_linkbutton_row:hover
{
	border: 0;
	cursor: hand;
	color:#000000;
	font: 9px "Verdana";
	font-weight: bold;
	background: transparent;
	text-decoration: underline;
    text-align:left;
    vertical-align:top;		
}

.webgrid_linkbutton_row:visited
{
	border: 0;
	cursor: hand;
	color:#000000;
	font: 9px "Verdana";
	font-weight: bold;
	background: transparent;
	text-decoration: underline;
    text-align:left;
    vertical-align:top;		
}

.webgrid_linkbutton_boldrow
{
	border: 0;
	cursor: hand;
	color:#000000;
	font: 9px "Verdana";
	font-weight:bold;
	background: transparent;
	text-decoration: underline;
    text-align:left;
    vertical-align:top;		
}

.webgrid_boldrow
{
	border: 0;
	color:#000000;
	font: 9px "Verdana";
	font-weight:bold;
	background: transparent;
    text-align:left;
    vertical-align:top;		
}


/*----------------------------------------------------------------------------------------
Class definitions
Popup
----------------------------------------------------------------------------------------*/
.popup_header
{
	font-size: 16px;
	font-weight: bold;
	height: 46px;
	color: #ffffff;	
	padding: 3px;
	vertical-align: top;
}
.popup_row
{
	font-size: 9px;
	color: #ffffff;	
	padding: 3px;
}

/*----------------------------------------------------------------------------------------
Class definitions
Surcharge Price
----------------------------------------------------------------------------------------*/
.SurchargePrice_PageHeader
{
	font-size: 12px;	
	font-weight: bold;	
	color: #ffffff;		
}

.SurchargePrice_TableInverse
{
	background: #ffffff;	
}

/*----------------------------------------------------------------------------------------
Class definitions
Available To Promise
----------------------------------------------------------------------------------------*/
.AvailableToPromise_PageHeader
{
	font-size: 12px;	
	font-weight: bold;	
	color: #ffffff;		
}

.AvailableToPromise_TableInverse
{
	background: #ffffff;	
}

.AvailableToPromise_SupplierHeader
{
	font-weight: bold;	
	color: #ffffff;		
	background-color: #4C81BB;
}

.AvailableToPromise_SupplierFooter
{
	font-weight: bold;	
	color: #000000;		
	background-color: #ffffff;
}

/* Trade Fair */
.bgblue1
{
    COLOR: #ffffff;
    TEXT-INDENT: 1px;
    BACKGROUND-COLOR: #4c81bb;
}

.bggrey2
{
    COLOR: #000000;
    TEXT-INDENT: 1px;
    BACKGROUND-COLOR: #eeeeee;
}

a.navigator
{
    FONT-SIZE: 9px;
    COLOR: #000000;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline;
    font-weight: normal;
}

a.navigator:hover
{
    FONT-SIZE: 9px;
    COLOR: #000000;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline;
    font-weight: normal;
}

.bgblue3
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #1f61aa
}
.blue
{
	FONT-SIZE: 9px;
    COLOR: #1f61aa;
    FONT-FAMILY: verdana;
    font-weight: normal;
}
.loginCheckbox
{
	position:relative;
	left: -4px;
}
.webshop_controlQuickSearch
{
	background-color: #ffffff;
	color: #000000;
	position:relative;
	top: -1px;
}
/* End trade fair styles */