/***************************************************************************\
  *************************************************************************
	Global settings
	Setting these colors / fonts changes the overall look of all interparts
	components unless overridden in "Local settings" or "Individual settings"

	Note:
	Some attributes allow "transparent" colors, please set the appropriate
	value to 'transparent', not to 'none' (in the latter case the color
	will be filled with a default value, defined in a more general style
	declaration in this file)
  *************************************************************************
\***************************************************************************/

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*\
 * COLORS CAN BE IN THE #RRGGBB FORMAT OR CAN USE ONE  *
 * OF THE FOLLOWING 17 NAMES:                          *
 * black   = "#000000"    green  = "#008000"           *
 * silver  = "#c0c0c0"    lime   = "#00ff00"           *
 * gray    = "#808080"    olive  = "#808000"           *
 * white   = "#ffffff"    yellow = "#ffff00"           *
 * maroon  = "#800000"    navy   = "#000080"           *
 * red     = "#ff0000"    blue   = "#0000ff"           *
 * purple  = "#800080"    teal   = "#008080"           *
 * fuchsia = "#ff00ff"    aqua   = "#00ffff"           *
 *                                                     *
 * transparent = the name says it all	                 *
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*\
	The '*' declaration defines the default look.
	It is used in
	- TOOLBAR
	- TREE (UNSELECTED items)
	- TABLE (UNSELECTED items)
  ---
  interparts applets use these properties:
  - color
  - font-family
  - font-size
	- font-weight
	- font-style
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
* {
	font-family: Arial Unicode MS, Arial, Verdana, Geneva, sans-serif;/**/
	font-size: 11px;
	/*	font-style: italic;/**/
	/*	font-weight: bold;/**/
	color:#000000;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*\
	The 'body' declaration defines the default
	background color.
	It is used in
	- TOOLBAR
	- TREE (UNSELECTED items)
	- TABLE (UNSELECTED items)
  ---
  interparts applets use these properties:
  - background-color

  the interparts main frameset border color
  use the property
  -	border-color
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
body {
	background-color: #FFFFFF;
	border-color: #cccccc;
}
form {
	border-width: 0px;
	padding:0px;
	margin:0px
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*\
  The '.unselected:hover' defines the look of unselected
  items when the mouse moves over them in
  - TREE (MOUSE OVER UNSELECTED items)
  - IMAGEVIEW (MOUSE OVER hotspots use the 'color' attribute)
  ---
  interparts applets use these properties:
  - color
  - background-color
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.unselected:hover {}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*\
  The '.selected' declaration defines the look of
  selected items which can appear in
  - TREE (SELECTED items)
  - TABLE (SELECTED items)
  - IMAGEVIEW (SELECTED hotspots use background-color)
  - IMAGEVIEW TOOLTIPS (called HINTS)
  ---
  interparts applets use these properties:
  - color
  - background-color
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.selected {
	background-color:#e8e8e8;
	color:#666666;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*\
  The '.selected:hover' defines the look of selected
  items when the mouse moves over them in
  - TREE (MOUSE OVER SELECTED items)
  ---
  interparts applets use these properties:
  - color
  - background-color
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.selected:hover {
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*\
  The following declarations define the look of LINKS.
  Used in
  - Top (Info, Help, Search, Basket links)
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
a {
	color:#3b73b9;
	text-decoration:none;
}
a:hover {
  text-decoration:underline;
  color:#3b73b9;
}


/***************************************************************************\
  *************************************************************************
	Local settings
  If set, they override the "Global settings". The "Local settings" are
  more fine-grained than the "Global settings". If this still is not
  fine-grained enough, look at the "Individual settings".
  *************************************************************************
\***************************************************************************/

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*\
  The following declarations define the look of the
  HISTORYBAR, which displays the currently selected
  tree item and offers navigation buttons '<' '>' '^'
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.infoBar, .historyBar, .historyBar a, .historyBar a:hover {
  	color:#ffffff;
	font-size: 12px;
	background-color:#3b73b9;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*\
  The following declarations define the look of the
  WELCOME PAGE
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.welcome {
	background-color:#FFFFFF;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*\
  The following declarations define the look of the
  IMAGE TOOLBAR frame
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.toolbar {
	background-color:#ffffff;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*\
  The following declarations define the look of the
  HTML_NAVBAR;
  'background-color' is also used for the table header,
  if not overwritten in '#tableHeader'
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.header {
	background-color:#ffffff;
}
.jag_a a{
	/*border:1px solid #cccccc;*/
	height:16px;
	color:#3b73b9;
	font-weight:800;
}
.jag_a a:hover {
	color:#3b73b9;
	font-weight:800;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*\
 The following declaration defines the look of
 DROP DOWN BOXES (like the one in the top bar)
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
select {
  /*font-size:9px;*/
/*  background-color:red;/**/
/*	color:#00ff00;/**/
	margin-bottom:2px;
	border-color:#cccccc;
	border-width:1px;
	border-style:solid;
  color:#666666;
  cursor:hand;
	background-color:#e7e7e7;
	background-image:none;
	font-weight:400;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*\
 The following declaration defines the look of the
 pseudo BUTTONS IN THE TOP BAR - propably the only things
 you want to change here is the "button 3d style color"
 which is set in the 2 properties
 - border-top-color
 - border-left-color
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.tab {
	border-color:#cccccc;
	border-width:0px;
	border-style:solid;
	color:#3b73b9;
	cursor:hand;
	margin-bottom:3px;
	margin-top:2px;
	background-color:#ffffff;
	background-image:none;
	font-weight:800;
	height:20px;

}

table.tab a , .tab a span{
	  /*color: #ffffff ! important;*/
}

table.tab a:hover {
	color:#3b73b9;
	font-weight:800;
}
.jag_a a:hover{
	color:#3b73b9;
	font-weight:800;
}

input[type="button"] {
	border-color:#8F9BB8;
	border-width:1px;
	border-style:solid;
	color:#002c72;
	cursor:hand;
	margin-bottom:3px;
	background-color:#cccccc;
	background-image:none;
	font-weight:400;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*\
 The following declaration defines the general look of
 the "SHOPPING BASKET STATE ICON" (in the top bar). The
 only thing you want to configure here is propably the
 color in the attribute
 - border
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#shopIcon {
	border:1px solid #006400;
	vertical-align:middle;
	width:7px;
	height:7px;
	overflow:hidden;
	margin-left:1px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*\
 The following declaration defines the look of the
 "SHOPPING BASKET STATE ICON" when no item is in the
 basket. The only thing you want to configure here is
 propably the
 - background-color
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.inactiveShopIcon {
	background-color:green;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*\
 The following declaration defines the look of the
 "SHOPPING BASKET STATE ICON" when items are in the
 basket. The only thing you want to configure here is
 propably the
 - background-color
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.activeShopIcon {
	background-color:red;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*\
  The color of the flashing basket button,
  if you add something to the basket.
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#flashingLight {
  background-color:#34679f;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*\
  The color of the order button, at the last
  step, in the basket
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#hotOrderButton {
  background-color:#FFA07A;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*\
  The background color of the single lines in the basket
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.basket_row0 {
  background-color:#e8e8e8;
}
.basket_row1 {
	background-color:#f7f7f7;
}
.basket_row0 input, .basket_row1 input { width: 30px; }
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*\
  Missing User Input Properties of the text in the basket
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.MissingUserInput {
  color:#ff0000;
  font-size:11px;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*\
  After type in a valid value at the user input fields in the basket (after it was wrong see above)
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.FineUserInput {}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*\
 The following declaration defines the look of the
 "TOOLBAR BUTTON ICON" the space between the single buttons
 The only thing you want to configure here is
 propably the
 - margin-right
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.toolbarBtn {
	margin-right:2px;
	margin-top:2px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*\
 The following declaration defines the look of the
 "Info window content block"
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.infoPageContent {
	width:280px;
	height:360px;
	text-align:center;
	border-width:1px;
	border-style:solid;
	margin-left:10px;
	margin-top:5px;
}


/***************************************************************************\
  *************************************************************************
	Individual settings
	-------------------
  These settings override the "Global settings" and "Local settings".	The
  elements of this section can be set, if the	look of singular elements
  should differ from the standard	settings defined in the "Global settings"
  and "Local settings". The properties which can be set here are (depending
  on the particular element - see leading comment)
	- color
	- background-color
	- border-color
	- font-family
	- font-size
	Just try it out - they are not commented, but should be self-explaining
  *************************************************************************
\***************************************************************************/

/* this properties are used by the searchfield & the dropdown box in the header.html,
    if they are visible
*/

.dynamicSearchInputMask td {
/*	width:405px;*/
	padding-right:2px;
	border:0px solid black;
}
.dynamicSearchInputFields input {width:185px;padding-left:0px; margin-top:1px; }
.dynamicSearchInputDropdown select {width:125px; padding-left:0px; margin-top:2px; }
.dynamicSearchInputButton {margin-top:2px;}

.staticSearchInputMask td {
	/*width:382px;*/
	padding-right:2px;
	border:0px solid black;
}
.staticSearchInputFields input {width:185px important;padding-left:0px; margin-top:1px; }
.staticSearchInputDropdown select {width:95px; margin-top:2px;}
.staticSearchInputButton {width:100px; margin-top:2px;}
.staticSearchResultHeader { background-color: #E0E0E0; }

/* valid: color, background-color, font-family, font-size, background-image, background-attachment, background-repeat */
#treeDefault {
  background-color:#FFFFFF;
  color:#3b73b9;
}
/* valid: color, background-color */
#treeSelected {
	color:#ffffff;
	background-color:#3b73b9;
}
/* valid: color (NOT YET IMPLEMENTED: background-color) */
#treeDefault:hover {
  color:#3b73b9;

}
/* valid: color, background-color */
#treeSelected:hover {
  background-color:#3b73b9;
  color:#ffffff;
}


/* valid: color, background-color, border-color, font-family, font-size, font-weight */
#tableDefault {
  background-color:#ffffff;
  border-color:#cccccc;
}
/* valid: color, background-color, border-color */
#tableHeader {
  background-color:#e8e8e8;
  color:#666666;
}
/* valid: color, background-color */
#tableSelected {
  background-color:#3b73b9;
  color:#ffffff;
}
/* valid: color, background-color, border-color */
#tableTooltip {
}
/* valid: color, background-color */
#tableInactiveLine {
}


/* valid: color, background-color, font-family, font-size */
#imageViewDefault {
}
/* valid: border-color */
#hotspot {
  border-color:#007dc3;
}
/* valid: border-color */
#hotspot:hover {
  border-color:#666666;
}
/* valid: border-color */
#alwaysHotspot {
	border-color:#00ff00;
}
/* valid: color, background-color, border-color */
#hint {
  border-color:#ff0000;
}
/* valid: color, background-color, border-color */
#imageOverview {
}


/* valid: border-color */
#divider {}

/* valid: backgroud-color, font-family, font-size, font-style, font-weight */
#filter {
	background-color: #f7f7f7;
}

/* valid: background-color, color, border-color */
#filterButton {}

/* valid: background-color, color, text-decoration:underline */
#filterButton:hover {}

/***************************************************************************\
  *************************************************************************
	Settings for logical columns. The properties which can be set here are
	-color
	- background-color
	- font-weight
	- font-style
	- font-family
	- font-size
  *************************************************************************
\***************************************************************************/
#logcol1 {
	font-style:italic;
	font-weight:bold;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*\
 The following declaration defines the look of the
 "registers" which are shown in the tabManager
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* this defines the look of a pressed button */
#tab_active {
  background-color:#ffffff;
  border:0px solid #3b73b9;
  border-right-width:2px;
  border-bottom-width:2px;
}

/* this defines the look of a unpressed button */
#tab_inactive {
  border:0px solid silver;
  border-right-width:2px;
  border-bottom-width:2px;

}


.printModes {
  position:absolute;
  left:0px;
  top:0px;
  bottom:0px;
  right:0px;
  background-color:#cecece;
  z-index:100;
  height:23px;
  visibility:hidden;
}

.basket_red_marked_label { color:red; }
#o_name, #o_country,
#o_street, #o_zipcode, #o_city, #o_phone, #o_email,
#o_fax, #o_desX, #o_desY, #o_desZ {
	background-color:f7f7f7;
	color:#888888;
	border:1px solid #cccccc;
}