/* Overview */
/* .style_name {} is used for class="style_name"  */
/* #style_name {} is used for <div id="style_name></div>  */
/* tag_name {} is used to redefine style settings for standard HTML tag ie. <P>
/* Can also use <td style="font-style:italic; color:#FFFFFF; font-weight:bold;"> when you want to specify style settings with the HTML tag */





/* ---------------------------------------------------------------------------------- */
/* TOP Main Menu Styles */

#main_menu_bar {	
	/* BACKGROUND: url(../images/menu/mm_background.gif); */
	WIDTH: 750px; 		/* Menu Bar width */
	POSITION: absolute; 
	HEIGHT: 36px; 		/* Set menu bar height to exactly match background image height */
	TEXT-ALIGN: center;
	OVERFLOW: hidden;	/* Stop elements moving down when browser window is too narrow to show entire width */
	z-index: 0; 		/* Set the stack order of objects that are layered (highest nbr is on top) */
	
	margin-top:82px;
	margin-left:0px; 
} 

#main_menu {			/* Format for the main menu list items tag */
	/* BACKGROUND: url(../images/menu/mm_background.gif) no-repeat right top; */
	PADDING: 0px;
	MARGIN: 0px 10px; 	/* Set starting position of 1st menu item */
	WIDTH: 100%; 
	LIST-STYLE-TYPE: none; 
	HEIGHT: 36px;		/* Must match height of image */
	z-index: 10; 		/* Set the stack order of objects that are layered (highest nbr is on top) */
}
#main_menu LI {			/* Format for menu list items */
	DISPLAY: inline; 	/* Displayed inside the current block on the same line. */
	BACKGROUND: ; 
	FLOAT: left; 
	WIDTH: 120px;		/* Must match width of image */
}
#main_menu LI A {
	DISPLAY: block; 	/* A block has some whitespace above and below it, nothing beside it */
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center; 
	BACKGROUND: url(../images/menu/mm_background2.gif); 
	WIDTH: 120px; 		/* Must match width of image */
	COLOR: #eeeeee; 	/* Font Colour of link item */
	LINE-HEIGHT: 32px; 	/* Set vertial alignment of text within buttons */
	HEIGHT: 36px; 		/* Must match height of image */
	TEXT-DECORATION: none;	/* Remove underlines */
}
#main_menu LI A:visited {
	DISPLAY: block; 
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center; 
	BACKGROUND: url(../images/menu/mm_background2.gif); 
	WIDTH: 120px; 		/* Must match width of image */
	COLOR: #eeeeee; 	/* Font Colour of visited link item */
	LINE-HEIGHT: 32px; 	/* Set vertial alignment of text within buttons */
	HEIGHT: 36px; 		/* Must match height of image */
	TEXT-DECORATION: none;	/* Remove underlines */
}
#main_menu LI A:hover {
	BACKGROUND: url(../images/menu/mm_highlight.gif); 
	COLOR: #ffffff;
}

/* Styles to Highlight/Darken main menu buttons permenantly (controlled by javascript) */
#main_menu LI A.selected {
	BACKGROUND: url(../images/menu/mm_highlight.gif); 
	COLOR: #ffffff;
}
#main_menu LI A.selected:visited {
	BACKGROUND: url(../images/menu/mm_highlight.gif); 
	COLOR: #ffffff;
}
#main_menu LI A.normal {
	BACKGROUND: url(../images/menu/mm_background2.gif); 
	COLOR: #ffffff;
}
#main_menu LI A.normal:visited {
	BACKGROUND: url(../images/menu/mm_background2.gif); 
	COLOR: #ffffff;
}

#swe_logo {
	WIDTH: 219px; 		/* Logo width */
 	POSITION: absolute; 
	HEIGHT: 56px; 		/* Set menu bar height to exactly match background image height */
	z-index: 5; 		/* Set the stack order of objects that are layered (highest nbr is on top) */
	
	margin-top: 10px;
	margin-left: 10px;
}

#fusebible_lookup {
	WIDTH: 198px; 		/* Set to exactly match Width of image */
	HEIGHT: 72px; 		/* Set height to exactly match footer background height */
	POSITION: absolute; 
	z-index: 10; 		/* Set the stack order of objects that are layered (highest nbr is on top) */
	
	margin-top: 3px;
	margin-left: 350px;
}

#fusemail_lookup {
	WIDTH: 198px; 		/* Set to exactly match Width of image */
	HEIGHT: 72px; 		/* Set height to exactly match footer background height */
	POSITION: absolute; 
	z-index: 15; 		/* Set the stack order of objects that are layered (highest nbr is on top) */
	
	margin-top: 3px;
	margin-left: 560px;
}

#fb_lookup_form {
	POSITION: absolute;
	OVERFLOW: hidden;	/* Stop elements moving down when browser window is too narrow to show entire width */
	z-index: 20;		/* Set the stack order of objects that are layered (highest nbr is on top) */
	padding: 1;			/* Helps with alignment of help icon in IE */
	
	margin-top: 41px;
	margin-left: 355px;
}

#fb_lookup_form form {margin:0; padding:0; }
#fb_lookup_form img {border:0; vertical-align: middle; }
#fb_lookup_form p {margin:0; padding: 0; display:inline;}	/*overide standard paragraph formatting */

#fm_lookup_form {
	POSITION: absolute; 
	OVERFLOW: hidden;	/* Stop elements moving down when browser window is too narrow to show entire width */
	z-index: 30;		/* Set the stack order of objects that are layered (highest nbr is on top) */
	padding: 1;			/* Helps with alignment of help icon in IE */
	
	margin-top: 41px;
	margin-left: 565px;
}

#fm_lookup_form form {margin:0; padding:0; }
#fm_lookup_form img {border:0; vertical-align: middle;}
#fm_lookup_form p {margin:0; padding: 0; display:inline;}	/*overide standard paragraph formatting */


/* ---------------------------------------------------------------------------------- */
/* TOP Submenu styles */

.subglobalNav{
	position: absolute;
	width: 700px;
	height: 50px;			    /* set height of submenu box */
	visibility: hidden;
	overflow: hidden;
	
	margin-top: 125px;
	margin-left: 10px;
}
.subglobalNav a:link {
	font-weight:bold;
	color: #ffffff;
	text-decoration:none;
}
.subglobalNav a:visited {
	font-weight:bold;
	color: #ffffff;
	text-decoration:none;
}
.subglobalNav a:hover{
	text-decoration:underline;
	font-weight:bold;
	color:#FFFF66;
}
.subglobalNav p {
	color: #ffffff;
	margin: 0 0 0 0;
	padding: 0;
	text-align:left;
}

#back_button {
	POSITION: absolute; 
	width: 48px;
	z-index: 100; 		/* Set the stack order of objects that are layered (highest nbr is on top) */
	
	margin-top: 122px;
	margin-left: 728px;
}
#back_button_rollover {			/* Format for the main menu list items tag */
	PADDING: 0px;
	MARGIN: 0px 0px; 	/* Use these to position the graphics for internet explorer */
	LIST-STYLE-TYPE: none; 
	HEIGHT: 27px;		/* Must match height of image */
	z-index: 10; 		/* Set the stack order of objects that are layered (highest nbr is on top) */
}
#back_button_rollover LI {			/* Format for menu list items */
	DISPLAY: inline; 	/* Displayed inside the current block on the same line. */
	BACKGROUND: ; 
	FLOAT: left; 
	WIDTH: 48px;		/* Must match width of image */
}
#back_button_rollover LI A {
	DISPLAY: block; 	/* A block has some whitespace above and below it, nothing beside it */
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center; 
	BACKGROUND: url(../images/menu/back_button.gif); 
	WIDTH: 48px; 		/* Must match width of image */
	COLOR: #eeeeee; 	/* Font Colour of link item */
	LINE-HEIGHT: 32px; 	/* Set vertial alignment of text within buttons */
	HEIGHT: 27px; 		/* Must match height of image */
	TEXT-DECORATION: none;	/* Remove underlines */
}
#back_button_rollover LI A:visited {
	DISPLAY: block; 
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center; 
	BACKGROUND: url(../images/menu/back_button.gif); 
	WIDTH: 48px; 		/* Must match width of image */
	COLOR: #eeeeee; 	/* Font Colour of visited link item */
	LINE-HEIGHT: 32px; 	/* Set vertial alignment of text within buttons */
	HEIGHT: 27px; 		/* Must match height of image */
	TEXT-DECORATION: none;	/* Remove underlines */
}
#back_button_rollover LI A:hover {
	BACKGROUND: url(../images/menu/back_button2.gif); 
	COLOR: #ffffff;
}

/* Help Icon Roll-over */
.helpoff {
	background-image: url(../images/menu/help_image.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.helpon {
	background-image: url(../images/menu/help_image1.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#cart_button {
	POSITION: absolute; 
	width: 120px;
	z-index: 100; 		/* Set the stack order of objects that are layered (highest nbr is on top) */
	
	margin-top:82px;
	margin-left:660px;
}
#cart_button_rollover {			/* Format for the main menu list items tag */
	PADDING: 0px;
	MARGIN: 0px 0px; 	/* Use these to position the graphics for internet explorer */
	LIST-STYLE-TYPE: none; 
	HEIGHT: 36px;		/* Must match height of image */
	z-index: 10; 		/* Set the stack order of objects that are layered (highest nbr is on top) */
}
#cart_button_rollover LI {			/* Format for menu list items */
	DISPLAY: inline; 	/* Displayed inside the current block on the same line. */
	BACKGROUND: ; 
	FLOAT: left; 
	WIDTH: 120px;		/* Must match width of image */
}
#cart_button_rollover LI A {
	DISPLAY: block; 	/* A block has some whitespace above and below it, nothing beside it */
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center; 
	BACKGROUND: url(../images/menu/view_cart.gif); 
	WIDTH: 120px; 		/* Must match width of image */
	COLOR: #eeeeee; 	/* Font Colour of link item */
	LINE-HEIGHT: 32px; 	/* Set vertial alignment of text within buttons */
	HEIGHT: 36px; 		/* Must match height of image */
	TEXT-DECORATION: none;	/* Remove underlines */
}
#cart_button_rollover LI A:visited {
	DISPLAY: block; 
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center; 
	BACKGROUND: url(../images/menu/view_cart.gif); 
	WIDTH: 120px; 		/* Must match width of image */
	COLOR: #eeeeee; 	/* Font Colour of visited link item */
	LINE-HEIGHT: 32px; 	/* Set vertial alignment of text within buttons */
	HEIGHT: 36px; 		/* Must match height of image */
	TEXT-DECORATION: none;	/* Remove underlines */
}
#cart_button_rollover LI A:hover {
	BACKGROUND: url(../images/menu/view_cart1.gif); 
	COLOR: #ffffff;
}

/* Search Bar formatting */

#search_bar {		
	BACKGROUND: url(../images/menu/search_background.gif);
	WIDTH: 780px;
	height: 49px;
	position: absolute;	/* added this to run correctly in IE8 when forcing IE7 compatibility mode, which was added so pop-up product images display correctly */ 
 
	OVERFLOW: hidden;	/* Stop elements moving down when browser window is too narrow to show entire width */
	padding:0px 0px 0px 0px;	/*set top padding / right padding / bottom padding & left padding  */
	margin: 0px;
	
	margin-top: 150px;
	margin-left: 0px;
}
#search_general {
	POSITION: absolute;
	margin-top: 10px;
	margin-left: 10px;	
	padding-top: 0px;
}
#search_partnbr {
	POSITION: absolute;
	margin-top: 10px;
	margin-left: 420px;	
	padding-top: 0px;
}
.search_divider {
	POSITION: absolute;
	OVERFLOW: hidden;	/* Stop elements moving down when browser window is too narrow to show entire width */
	padding:0px 0px 0px 0px;	/*set top padding / right padding / bottom padding & left padding  */
	margin: 0px;
	margin-left: 390px;	
	margin-top: 10px;
}
.search_field {
	border: none;
	background:  url(../images/menu/search_field.gif) no-repeat left top;
	width: 152px;
	height: 25px;
	margin: 0px;
	padding-left:5px;
	padding-top: 3px;
}

#livesearch	/* general index search */
  {
  margin:0px;
  width:250px; 
	height:auto;
	overflow:auto;
	display:none;
	position:absolute;
	z-index:100;
	background:#fff;
	
	margin-top:190px;
	margin-left:115px;
  }

#livesearch2	/* part number search */
  {
  margin:0px;
  width:250px; 
	height:auto;
	overflow:auto;
	display:none;
	position:absolute;
	z-index:100;
	background:#fff;

	margin-top:190px;
	margin-left:521px;

}