/**********************************************************
GEA default, basic sheet.  Should be called into 
every "new-looking" page.  Handles baseline font sizing,
left nav elements, ul's, colors, and widely-used items.
***********************************************************/

/**********************************************************
Masthead and footer are independent, autonomous files.
Therefore, their styling is NOT handled in this file.
***********************************************************/

body {
	margin:0;
	padding:0;
	font-family:arial,helvetica,sans-serif;
	background-color:white;
	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 */
	color:#666666;
}
/* The following rule exists to fix an IE 5 PC bug */
body table {
	font-size: 100%;
}

/* Element defaults */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0;
	margin-top: 0.9em;
}

/* Link defaults */
a, a:link, a:active {
	color:#3b73b9;
}
a:visited {
	color:#3b73b9;
}
a:hover {
	color:#89abd5;
}

/*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(/whatshot/Magellan/images/dotBul.gif) 0 4px no-repeat;
	padding: 0 0 0px 8px;
}
ul.arrows li {   /* causes black arrows */
    background: url(/whatshot/Magellan/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.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;
}

/* 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;
}



/*****************************/
/****  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;
}