.bluehighlight 
{
	color: #577ecf;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 1040px;
    min-width: 1060px;
    margin-left: auto;
    margin-right: auto;
}

#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    height: 80px;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
}

#main
{
	background-color: #fff;
	padding: 20px 20px 15px 20px;
	margin-bottom: 30px;
	margin-left: 20px;
	margin-top: -7px;
	width: 950px;
	position: relative;
	_height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
	clear: both; /* z-index: -100; IE7 won't show overlaid menus without setting this */
}

div#title
{
	width: 100%;
    float:left;
    text-align:left;
}


#mainmenu
{
    margin-top: 10px;
    float:left;
    display: block;
}

ul#mainmenu,
ul#mainmenu li 
{
    color:White;
    margin:0;
	padding: 0px;
	list-style:none;
}
ul#mainmenu li
{
	float:left;
	display:block;

}
ul#mainmenu a
{
    color: white;
    font-weight: 600;
    text-decoration: none;
}

ul#mainmenu a:hover
{
    text-decoration: underline;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

/* Navbar  
----------------------------------------------------------*/
#menuh-container
	{
float: left;
font-size:1em;
position:relative;
top: -33px;
left: -33px;
width: 1060px;
height: 24px;
color: white;
background-color: #3B5998;
border: solid 3px #3B5998}

#menuh-container:after
 {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



#menuh-container {display: inline-block;}

/* Hides from IE-mac \*/
* html #menuh-container {height: 1%;}
#menuh-container {display: block;}
/* End hide from IE-mac */


#menuh
	{
	position: relative;
	width:100%;
	background-color: #3B5998;	
	}
	
.menulabel
{
	text-align: left;
	display:block;
	white-space:nowrap;
	padding: 2px;

}		


#menuh a
{
	text-align: left;
	display: block;
	white-space: nowrap;
	padding: 2px;
}
#menuh ul li ul li
{
	padding: 2px 2px 2px 2px;
		background-color: #3B5998;	
}	
#menuh a:link, #menuh a:visited	/* menu at rest */
	{
	color: white;
	text-decoration:none;
	background-color: #3B5998;	
	}
	
#menuh a:hover, #menuh a:active				/* menu on mouse-over  */
	{
	color: white;
	text-decoration:none;
	background-color: #5c87b2;
	}	
	

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	/*width:9em;	 width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	text-align: left;
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}
ul#headerlabel li:hover
{cursor:default;}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/*Category descr - embedded in partial hmtl files
----------------------------------------------------------*/
#CatDescr 
{   float: left;
    width: 724px }


/*FILTER
----------------------------------------------------------*/

.filtergroup
{
	background-color: #fff;
	padding-left: 0px; /* rich */
}
div#search
{

	float: left;
	width: 180px;
	margin-right: 16px;
	font-size: .9em;
	padding-top: 5px;
}
div#search #SearchButton
{
	width: 50px;
}
div#search a
{
	font-size: .8em;
}
div#search #txtPartNum
{
	width: 100px;
	margin: 10px 5px 10px 5px;
	vertical-align: middle;
}
#LinkToThisPageModal
{
 width: 0;
 height: 0;
 overflow: hidden;
}
#txtLinkToThisPage
{
    width: 460px;
    margin: 5px 0px 5px 0px;
}
#PartNumSearch
{
	padding: 5px;
	border: thin solid #C0C0C0;
	margin-top: 5px;
	margin-bottom: 5px;
}
#GlobalSearch
{
    margin-top: 10px;
}
#GlobalSearchModal
{
 width: 0;
 height: 0;
 overflow: hidden;
}
div#search .strong
{ 
  font-weight :700;
  vertical-align:middle;
}

div#search #SearchHeading h3
{
    padding: 0px;
    margin: 0px;
    color: #696969;
}

div#search #SearchHeading p
{
	padding: 0px;
	margin: 0px 0px 5px 15px;
}


div.filtergroup fieldset
{
	border: none;
	padding: 5px 0px 5px 0px;
	font-size: 1.0em;
	width:180px;
	overflow: hidden;
}

div.filtergroup fieldset p 
{
    margin: 2px 12px 10px 10px;
}

div.filtergroup fieldset label 
{
    display: block;
}

div.filtergroup fieldset label.inline 
{
    display: inline;
}

div.filtergroup fieldset legend 
{
	font-size: 1.0em;
    margin-left: 0;
    color: #696969;
    width: 180px;
    white-space:normal;
}
div.filtergroup fieldset span 
{
    font-size: .8em;
}
div.filterCheckBoxGroup
{
position: relative;
clear: both;
}
div.filterCheckBox
{
float: left;
clear: both;
}
div.filterLabel
{
    
    padding-top: 3px;
    padding-left: 2px;
    float: left;
    max-width: 154px;
    min-width: 154px;


}

/*LIST
----------------------------------------------------------*/
div#list
{
	float: left;
	width: 724px;
	background-color: #fff;
	overflow: hidden;
}
div#list table
{
	font-size: .9em;
}
#tblPartsList div
{
	overflow: hidden;
}
div#list th
{
    font-size: .9em;
}
div#list ul
{
    padding: 0;
    margin: 0;
    list-style: none;  
}
.th1
{
    padding: 4px 4px 0px 4px;
}
.th2
{
    padding: 0px 4px 4px 4px;
}

img
{
	border-style: none;
	border-width: 0px;
	border-color: inherit;
}


DIV.pager {font-size: .8em; text-align: right;  padding: .5em 0 .5em 0; margin-top: 1em; margin-bottom: 1em; }
DIV#toppager {border-top: none; border-bottom: 2px solid silver;}
DIV#bottompager {border-top:  2px solid silver; border-bottom: none;}
DIV.pager #RecordsPerPage { }
DIV.pager #PartListMessage {}
DIV.pager A
{
	color: #666;
	text-decoration: none;
	padding: 0 .4em 0 .4em;
}
DIV.pager A:hover { background-color: Silver; }
DIV.pager A.selected
{
	background-color: #999999;
	color: White;
}
DIV.menubar {font-size: .8em; text-align: left;  padding: .5em 0 .5em 0; margin-top: 1em; margin-bottom: 1em; }
DIV.menubar A { color: #666; text-decoration: none; padding: 0 .4em 0 .4em; }
DIV.menubar A:hover { background-color: Silver; }
DIV.menubar A.selected
{
	background-color: #999999;
	color: White;
}
DIV.pager #RecordsPerPage A.selected
{
	background-color: #fff;
	color: Red;
}
/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset.scaffold 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset.scaffold p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.scaffold label 
{
    display: block;
}

fieldset.scaffold label.inline 
{
    display: inline;
}

fieldset.scaffold legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

fieldset.scaffold2
{
    margin: 1em 0 0 0;
    padding: 0;
    font-size: .9em;
    background-color: #EEEEEE;
}  
legend {   
margin-left: 1em;   
font-weight: bold;  
}  
fieldset.scaffold2 ol {   
padding: 0;
margin: 0;
list-style: none;  
}  
fieldset.scaffold2 li    
{
float: left;    
clear: left;    
width: 100%; 	
padding-bottom: 1em;  
}  

fieldset.scaffold2 label {   
float: left;    
width: 15em;    
margin-right: 1em; 
margin-top: 3px;  
text-align: right;

}  
fieldset.scaffold2 input    
{
width: 20em;    
text-align: left;
font-size: 1.1em;
}  
fieldset.scaffold2 input[type="checkbox"]   
{
width: 15px;    
text-align: left;
font-size: 1em;
}  
fieldset.scaffold2 input.longinput    
{
width: 40em;    

}  


fieldset.scaffold2 textarea {   
width: 45em;    
}  

fieldset.scaffold2 .displayValue  {   
float: left;    
text-align: left;
width: 35em;
}  

fieldset.submit {   
border-style: none;  
}

#PartIndex h2
{
	padding-top: 10px;
	padding-bottom: 10px;
}
fieldset.partindex ol {   
padding: 5;
margin: 5;
list-style: none;  
}  
fieldset.scaffold2 li    
{
float: left;    
clear: left;    
width: 100%; 	
padding-bottom: 1em;  
}  

/* TABLE
----------------------------------------------------------*/

table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
  
}

table td 
{
  padding: 4px;   
  border: solid 1px #e8eef4;
}

table th
{
  padding: 1px 1px;
  margin: 2px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}

/* LogOn   
----------------------------------------------------------*/
#LogOnContainer {width: 400px}


/* Admin toolbar  
----------------------------------------------------------*/
#AdminToolBar
{
	font-size: 0.8em;
	margin-bottom: 5px;
	padding: 5px;
	background-color: #FFCC99;
	width: 920px;
}


/* Admin index  
----------------------------------------------------------*/
#AdminIndexContainer {width: 600px;
                      margin-left: 20px;}


/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}


#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}
.align-right
{
	text-align: right;

}
.align-center
{
	text-align: center;

}
.sortBy
{
 float: left;   
 margin-left: 4px;
 color: Red;
}
.sortTH
{
	text-align: center;
	height: 18px;
	line-height: 18px;
	padding: 0em 0em 0em 0em;
	background-color: #FFCC00;
}
.sort-link:link, .sort-link:visited
{
	display:block;
	text-decoration:none;
}

.arrow-up { 
display:inline-block;
font-size:0;
height:16px;
line-height:0;
vertical-align: top;
width:16px;
background-image: url(/Images/arrowup.png); 
}
.arrow-down { 
display:inline-block;
font-size:0;
height:16px;
line-height:0;
vertical-align:top;
width:16px;
background-image: url(/Images/arrowdown.png); 
}

/*------Edit Field ------------*/
#tblFields {
font-size:0.9em;
}
#tblFields .colH1Label 
{
	width: 150px;
	font-size: 0.9em;
}
#tblFields .colH2Label 
{
	width: 150px;
	font-size: 0.9em;
}
#tblFields .colSpan
{
	width: 30px;
	font-size: 0.9em;
}
#tblFields .colAlign
{
	width: 80px;
	font-size: 0.9em;
}
#tblFields .colElectricalSpecificationsLabel
{
	width: 80px;
	font-size: 0.9em;
}
#tblFields .colElectricalSpecificationsUOM
{
	width: 80px;
	font-size: 0.9em;
}
#tblFields .colElectricalSpecificationsRangeOrder
{
	width: 80px;
	font-size: 0.9em;
}
#tblFields .colElectricalSpecificationsRangeChar
{
	width: 80px;
	font-size: 0.9em;
}
#tblFields .colProductDetailsLabel
{
	width: 200px;
	font-size: 0.9em;
}
#tblFields .colFilterGroupName
{
	width: 200px;
	font-size: 0.9em;
}
#dirtyNotification
{
	font-size: 0.85em;
	color: White;
	padding-bottom: 10px;
}
#divEditFields h2 
{
	margin-top: 5px;
	margin-bottom: 5px;
}
#divResizeInstructions
{
	font-size: 0.85em;
	color: Gray;
	padding-bottom: 10px;
}

/* product details */
#divDetails
{
	width: 920px;
}
#divBackToList
{
position: relative;
font-size:0.8em;
padding-bottom: 5px;
}
h2
{
	color: #194aa7;
	margin: 0;
}
#divShortDescr
{
    float: left;
    width: 490px;
    margin: 0px 0px 10px 0px;
}

#divRoHS
{
	float: left;
	width: 250px;
	font-size: .8em;
}
#spanRoHS
{
	float:left;
	margin-left: 5px;
	margin-top: 4px;
}
#imgRoHS
{
	float:left;
	width: 70px;
}
#divProductDetails
{
	width: 120px;
	float: right;
	background-color: #cadaf1;
	padding: 20px;

}
#divProductDetails ul
{
	list-style: none; 
	padding: 0px;
}


#divProductDetails a
{
 color: Black;
}
#divProductDetails h3
{
color: #194aa7;
margin-top: 0px;
}
#divPartDescr
{
	clear:left;
	float: left;
	width: 740px;
	margin-bottom: 5px;
}
#divPartDescr h3
{
	margin-top: 0px;
	margin-bottom:4px;
	color: #194aa7;
}

#divElectricalSpecifications
{
    width: 280px;
    clear: both;
    float: left;
    color: Black;
    padding-right: 25px;
}
#main h3
{
   min-height: 40px;
}

#tabElectricalSpecifications
{
	font-size: .8em;
	border: solid 1px black;
}
.colParameter 
{
	width: 140px
}
.colUOM 
{
	width: 45px
}
.colTypicalValue
{
	width: 90px
}

#tabElectricalSpecifications th
{
	background-color: #d6d8d4;
	border: 1px solid black;
	margin: 2px;
	padding: 5px 1px 5px 1px;
	text-align: center;
}
#tabElectricalSpecifications td
{
	border: 1px solid black;
	margin: 2px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
#divElectricalSpecifications p
{
  text-align: center;
  margin: 0;
  padding: 0;
}



#divProductInfo
{
	width: 290px;
	float: left;

}
#divProductInfo img
{
	width: 265px;
	border: solid 2px #000000;
}
#divAvailability
{
	width: 320px;
	float: right;
}


.selectorCell { 
display:inline-block;
font-size:0;
height:24px;
line-height:0;
vertical-align:middle;
width:24px;
}
.showdraghandle { 
background-image: url(/Images/arrowupdown24.png); 
}
.notification
{
	font-size: .9em;
	color: Red;
	padding-top: 20px;
	font-style: italic;
	clear: both;
}