/**********************************************************
Joe Baumer
***********************************************************/

/**********************************************************
Style Sheet
***********************************************************/

body {
	margin:0;
	padding:0;
	font-family:arial,helvetica,sans-serif;
	background-color:#fffff0;
	/*background-image:url(../images/words9.png);*/
	font-size: small !important; /* Styles for Mozilla, Safari, IE Mac */
	font-size: x-small; /* Styles for MS IE5 PC */
	font-size/**/:/**/small; /* Styles for IE6 PC */
	font-weight:600;
	color:#900;
}

/* The following rule exists to fix an IE 5 PC bug */

body table {

	font-size: 100%;

}


.wrapper {
	width: 800px;
	text-align: center;
	background-color: #373737;
	color:#FFF;
	margin-left: auto;
	margin-right: auto;
}

/* Element defaults */

h1 {
	margin: 0;
	padding: 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:48px;
	font-style:italic;
	text-shadow: 0.1em 0.1em 0.2em gray;
	color: #89ABD5;
}


h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}



p {

	margin: 0;

	padding: 0;

	margin-top: 0.9em;

}


.title {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:48px;
	font-style:italic;
	text-shadow: 0.1em 0.1em 0.2em gray;
}


a.details, a.details:link, a.details:active {

	color:#000000;
	font-size: x-small;

}


a.details:visited {
	color:#3b73b9;
	font-size: x-small;
}

a.details:hover {
	color:#89abd5;
	font-size: x-small;
}

a.category, a.category:link, a.category:active {
	color:#6CF;
	font-size: 22pt;
}


a.category:visited {
	color:#333399;
	font-size: 18pt;
}

a.category:hover {
	color:#6CF;
	font-size: 18pt;
}

a.email, a.email:link, a.email:active {
	color:#FFF;
	font-size: 18pt;
}

a.email:visited {
	color:#333399;
	font-size: 18pt;
}


a.email:hover {
	color:#89abd5;
	font-size: 18pt;
}

/* Link defaults */
a, a:link, a:active {
	color:#CCC;
}

a:visited {
	color:#0CF;
}

a:hover {
	color:#FFF;
}

/*image defaults and variations */

img, a img {
	display:inline;
}

img.thumb, a img.thumb {
	border:1px solid #cccccc;
}

img.seethru {
	background-color: #3b73b9;
	vertical-align: middle;
	border: 0px;
}

a img.thumb, a img.stroke {
	/* see below for .stroke */
	vertical-align: top; /* firefox provides underline if a contains text as well; obscure the underline */
}

/* list default and variations */
ul  {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul li  {   /* default is black dot image */
	list-style-type: none;
	background: url(http://www.geappliances.com/images/dotBul.gif) 0 4px no-repeat;
	padding: 0 0 0px 8px;
}

ul.arrows li {   /* causes black arrows */
    background: url(http://www.geappliances.com/images/navBul_sub_selected.gif) 0 4px no-repeat;
}

ul.links ul.arrows li {   /* causes black arrows */
    background: url(http://www.geappliances.com/images/navBul_sub_selected.gif) 0 4px no-repeat;
	margin-bottom: 0;
}

ul.links li {   /* causes blue arrows */
	background: url(http://www.geappliances.com/images/navBul.gif) 0 4px no-repeat;
}

ul.links li.selected {
	background-image: url(http://www.geappliances.com/images/navBul_sub_selected.gif);
}

ul.links li.selected a,

ul.links li.selected a:link,

ul.links li.selected a:visited {

	color: #666666;

}

ul.links li.selected a:active {

	color: #666666;

}

ul.spaced li {  /*causes a bit more space below each */
	margin-bottom: 3px;
}

ul.fullspaced li { /* causes a lot more spaces below each */
	margin-bottom: 0.9em;
}

ul.bold li {   /* hmmm... */
	font-weight:bold;
}


/* cleanups */

.radiolabel {
	position:relative;
	top: -2px;
}

/* utility */

h1.pageTitle {
	font-size:125%;
	font-weight:bold;
	margin: 0;
}

.bold {
	font-weight:bold;
}

.highlight {  /* orange */
	color:#ed8000;
}

.white {
	color: white;
}

.fineprint {
	color:#999999;
	font-size:x-small;
}

.stroke {
	border:1px solid #cccccc;
}

.strokeT {
	border-top:1px solid #cccccc;
}

.strokeR {
	border-right:1px solid #cccccc;
}

.strokeB {
	border-bottom:1px solid #cccccc;
}

.strokeL {
	border-left:1px solid #cccccc;
}

.bggray {
	background-color:#f7f7f7;
}

.smaller {
	/* for upperBody content with same font size as lowerBody content, among other things. */
	font-size: 85%;
}

.moreTopIcons {
	float: right;
	font-size: 85%;
	padding-top: 6px;
}

.backtotop {
	/* for "back to top" paragraphs. */
	text-align: right;
}

.halfline {
	margin-top: 4px !important;
}

.tight {
	margin-top: 0px !important;
}

.fullline {
	margin-top: 0.9em !important;
}

.withArrow {
	/* apply gray "arrows" to almost anything */
    background: url(http://www.geappliances.com/images/navBul_sub_selected.gif) 0 4px no-repeat;
	padding-left: 8px !important;
}

.withLinkArrow {
	/* apply blue "arrows" to almost anything, for link type things */
    background: url(http://www.geappliances.com/images/navBul.gif) 0 4px no-repeat;
	padding-left: 8px !important;
}

.withRightGutter {
	padding-right: 37px !important;
}

.indented {
	margin-left: 12px;
}

ul.withArrows li {
	/* for building lists with gray arrows */
    background: url(http://www.geappliances.com/images/navBul_sub_selected.gif) 0 4px no-repeat;
}

a.highlight, a.highlight:link, a.highlight:visited {
	color: #ed8000;
}

a.highlight:hover, a.highlight:active {
	color: #f4b366;
}

ul.links.highlight li {
	background: url(/images/navBul_orange.gif) 0 4px no-repeat;
}

/* used in NPI pages, etc., e.g.: 150K <icon> 500K <icon> */

.videoLinks img.seethru {
	margin-left: 2px;
}

/* forms */

form {
	margin: 0;
	padding: 0;
}

.formTable td {
	vertical-align: top;
}

.fieldName {
	padding: 6px 2px 0 8px;
}

.required  {
	background: url(http://www.geappliances.com/images/reqBul.gif) 0px 9px no-repeat;
}

input, select, textarea  {
	font-size: 95%;
	color:#666666;
	font-family:arial,helvetica,sans-serif;
}

input.short, select.short, textarea.short {
	width: 75px;
}

input.medium, select.medium, textarea.medium {
	width: 150px;
}

input.medium2, select.medium2, textarea.medium2 {
	width: 200px;
}

input.long, select.long, textarea.long {
	width: 300px;
}

hr {
	height: 1px;
	border: 0;
	color: #89abd5;
	background-color: #89abd5;
}

hr.email {
	height: 1px;
	border: 0;
	color: #000;
	background-color: #000;
}

/*****************************/
/****  GROSS LAYOUT ****/
/*****************************/

#documentTable {  /*  2 column. Uses #leftCell and #mainCell  */
	width:755px;
}

#standaloneTable {    /* 1 column.  Uses only #mainCell  */
	width:543px;
}

#leftCell {
	width:212px;
	vertical-align:top;
}

#mainCell {
	width:543px;
	vertical-align:top;
}

.leftMargin {
	margin-left:25px;
}

/******************************/
/***LEFTNAV STYLES******/
/******************************/

#leftNav {
	padding-top:30px; 
	padding-bottom:20px;
	width:152px;
	font-size:85%;
}

#leftNav a:link, #leftNav a:visited, #leftNav a:active {
	color: #3b73b9;
	text-decoration: none;
} 

#leftNav a:hover {
	color: #89abd5;
	text-decoration: underline;
}

#leftNav ul {
    list-style-type: none;
}

#leftNav ul.breadcrumb li  {
	font-weight: bold;
	padding: 5px 0 5px 14px;	
	border-bottom: 1px solid #ccc;
	background-image: url(http://www.geappliances.com/images/navOpenBul.gif);
	background-position: 4px 10px; 
	background-repeat: no-repeat;
}

#leftNav ul.breadcrumb li.selected  {
	background-image: url(http://www.geappliances.com/images/navBul_selected.gif);
}

#leftNav ul.breadcrumb li.selected a {
	color:#666666;
}

#leftNav ul.navitemList li  {
	padding: 5px 0 5px 22px;	
	border-bottom: 1px dotted #ccc;
	background-image: url(http://www.geappliances.com/images/navBul.gif);
	background-position: 14px 9px; 
	background-repeat: no-repeat;
}

#leftNav ul.navitemList li.selected  {
	background-image: url(http://www.geappliances.com/images/navBul_sub_selected.gif);
}

#leftNav ul.navitemList li.selected a {
	color:#666666;
}

/*************************/
/***  upperBody(s)   ******/
/************************/

#upperBodyA {
	margin-top:15px;
	border-bottom:1px solid #cccccc;
}

#upperBodyB {
	margin-top:15px;
	padding-bottom: 15px;
	border-bottom:1px solid #cccccc;
}

#upperBodyC {
	margin-top:5px;
	border-bottom:1px solid #cccccc;
}

#upperBodyD {
	margin-top:5px;
	padding-bottom: 15px;
	border-bottom:1px solid #cccccc;
}

#upperTableA, #upperTableB, #upperTableC, #upperTableD {
	width:100%;
}

#upperTableA td.col1, #upperTableB td.col1, #upperTableC td.col2, #upperTableD td.col2 {
	width:29%;
}

#upperTableA td.col1, #upperTableC td.col2 {
	vertical-align:bottom;
}

#upperTableC td.col2, #upperTableD td.col2 {
	text-align:right;
}

#upperTableB td.col1, #upperTableD td.col2 {
	vertical-align:top;
}

#upperTableA td.col2, #upperTableB td.col2, #upperTableC td.col1, #upperTableD td.col1 {
	width:71%;
	vertical-align:top;
}

#upperTableC h1.pageTitle, #upperTableD h1.pageTitle {
	margin-bottom:.8em;
}

#upperTableA td.col2 p, #upperTableB td.col2 p, #upperTableC td.col1 p, #upperTableD td.col1 p {
	margin:0;
	padding:0;
	padding-bottom:.85em;
}

#upperTableA td.col1 img.mainImage {
	margin-right: 15px;
}

#upperTableC td.col2 img.mainImage {
	margin-left: 15px;
}

#upperTableB td.col1 img.mainImage {
	border: 1px solid #cccccc;
	margin-top:2px;
	margin-right: 15px;
}

#upperTableD td.col2 img.mainImage {
	border: 1px solid #cccccc;
	margin-top:2px;
	margin-left: 15px;
}

/***************************/
/***  lowerBody(s)  ******/
/**************************/

#lowerBody {
	margin-top:15px;
	margin-bottom:40px;
	font-size:85%;
	line-height:115%; /* less than browser defaults. makes list-item background positions behave similarly cross-browser.
		*any* line-height makes list-item background positions behave *somewhat* consistently. */
}


#lowerTableA {  /*  3 column:  314  /  37  /  192   */
	width:543px;
}

#lowerTableA td.col1 {
	width:314px;
	vertical-align:top;
}

#lowerTableA td.gutter {
	width:37px;
	vertical-align:top;
}

#lowerTableA td.col2 {
	width:192px;
	vertical-align:top;
}

#lowerTableB {  /*  3 column:  253  /  37  /  253   */
	width:543px;
}

#lowerTableB td.col1 {
	width:253px;
	vertical-align:top;
}

#lowerTableB td.gutter {
	width:37px;
	vertical-align:top;
}

#lowerTableB td.col2 {
	width:253px;
	vertical-align:top;
}

/***************************/
/*****  design units  ******/

/**************************/
.imageBlock {
	margin-bottom:18px;
}

.imageBlock td.imageCell {  /*will widen itself as needed */
	width:25%;
	vertical-align:top;
}

.imageBlock td.imageCell img, .imageBlock td.imageCell a img  {
	margin-top:2px;
	margin-right:10px;
	border:1px solid #cccccc;
}

.imageBlock td.textCell {
	width:75%;
	vertical-align:top;
}

/* spotlightBlock styles */
div.spotlightBlock {
	clear:both;
	margin-top:18px;
}

div.spotlightLinkTitle {
	margin-bottom:2px;
	font-weight:bold;
}

div.spotlightImageBlock img, div.spotlightImageBlock a img {
	margin:2px 8px 0 0;
	float:left;
	border:1px solid #cccccc;
}

/***************************/
/*****  data tables   ******/
/**************************/
.dataTableOpen { width:100%; }
.dataTableClosed { width:100%; }
.dataTableOpen td, .dataTableClosed td {
	text-align:left;
	vertical-align:top;
	padding: 2px 5px 2px 5px;
	border-bottom: 1px solid #cccccc;
}

.dataTableClosed td {
	border-right: 1px solid #cccccc;
}

.dataTableOpen td.first, .dataTableClosed td.first {
	/*padding: 2px 5px 2px 0px;	*/
}

.dataTableOpen tr.headings td, .dataTableClosed tr.headings td {
	vertical-align:bottom;
	font-weight:bold;
	padding-top:18px;
}

tr.even { }

tr.odd { background-color: #f7f7f7; }


/*************************/
/***** Pop Up Window *****/
/*************************/

div.popUp_Top {
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #cccccc;
	font-size: 85%;
	text-align: right;
}

/******************************************************************************
	Infopods
	See also: /code/js/infopods.js
******************************************************************************/

.infopodPageContent {
	position: relative;
	width: 505px;
	height: 219px;
	border: solid 1px #cccccc;
}

#infopodContainer {
	width: 507px;
	height: 221px;
}

.infopodNav {
	position: absolute;
	bottom: 8px;
	right: 8px;
}

.infopodNav .arrowPrev { margin-right: 5px; }

.infopodNav .arrowNext { margin-left: 5px; }

.infopodNav .spaceForRightArrow { padding-right: 15px; } /* so pagination won't shift right on last page. */

/*

Each page defines its own colors for the links.

Pantone 144 (orange), for example:

	.infopodPageContent a:link,

	.infopodPageContent a:visited { color: #ed8000 !important; }

	.infopodPageContent a:hover,

	.infopodPageContent a:active { color: #f4b366 !important; }

*/