/* 
	This sheet is to be used for the GE Cafe microsite at
	http://www.geappliances.com
	
	These pages use their own unique headers and footers in relation to
	the rest of GEA 
 */



/****************** BASIC LEFT-ALIGNED BODY LAYOUT *******************/
body {
	margin:25px; /* adjust outer whitespace as desired */
	padding:0;
	background-color:#ffffff;
	font-family:arial,helvetica,sans-serif;
	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:#88746B;
}

/* 
	Font-size is set at approx. 11px or 8pt. This value should not be
	directly manipulated.
 */
div#document {	
	width: 732px; /* sets overall content width */
	font-size: 85%; 
}



/****************** DEFAULTS *******************/

/* The following rule exists to fix an IE 5 PC bug */
body table { font-size: 100%; }

/* Zeroing element margins/padding */
h1, h2, h3, h4, h5, h6, form, ul, ol, li, div, span, p {
	margin: 0;
	padding: 0;
}

/* Image defaults */
img {	
	border:0;
	display:inline;
}

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

table { width:100%; }

td { vertical-align: top; }

p {
	margin-top:0.3em;
	margin-bottom:0.9em;
}

/****************** END DEFAULTS *******************/




/****************** UTILITY *******************/
.bold { font-weight:bold; }

.italic { font-style:italic; }

.highlight { color:#ed8000; }

.strokeBox { border: 1px solid #88746B; }

.strokeT { border-top: 1px solid #88746B; }
.strokeR { border-right: 1px solid #88746B; }
.strokeB { border-bottom: 1px solid #88746B; }
.strokeL { border-left: 1px solid #88746B; }

/******************* END UTILITY *******************/




/******************* LINK STYLES *******************/

/* unique Cafe colors */
a, a:link, a:active, a:visited { color:#88746B; }
a:hover { color:#B6A59D; }

/******************* END LINK STYLES *******************/



/******************* MASTHEAD AND FOOTER *******************/
#masthead {}

#mastheadHome {}

#footer {
	padding:14px 16px 14px 0;
	border-top:1px solid #88746B;
}
/******************* END MASTHEAD AND FOOTER *******************/



/******************* LEFT COL *******************/
#leftCol {
	width:172px;
}
#leftColWrapper {
	padding:5px 19px 20px 6px;
}

.leftBox {
	margin-bottom:20px;
}
.leftBox .cap {}
.leftBox .content {
	margin:0 1px;
	padding:0 7px;
	background-color:#FDF4E2;
	border-left:2px solid #EEE6DC;
	border-right:2px solid #EEE6DC;
}
.leftBox .divider {
	padding:5px;
	text-align:center;
}
.leftBox .foot {}

/******************* END LEFT COL *******************/


/******************* MAIN COL *******************/
#mainCol {
	width:560px;
	padding-top:10px;
}


#mainColHead {
	padding-bottom:25px;
	margin-bottom:20px;
	border-bottom:1px solid #88746B;
}



#productMainImage {
	margin-bottom:20px;
}
.productHeading {
	margin-bottom:12px;
}


div.smApplianceBlock,
a.smApplianceBlock,
a.smApplianceBlock:visited {
	display:block;
	width:175px;
	margin-right:15px;
	text-align:center;
	text-decoration:none;
}

div.smApplianceBlock,
a.smApplianceBlock:hover {
	background:top left url('images/appliance_border.gif') no-repeat;
}

a.smApplianceBlock div {
	text-align:left;
	text-decoration:underline;
	padding-bottom:30px;
}


.featureTable {
	table-layout:fixed;
}
.featureTable td {
	padding-bottom:20px;
}
.featureTable td.col1, .featureTable td.col3 {
	width: 115px;
}
.featureTable td.col2, .featureTable td.col4 {
	padding-right:20px;
}
/******************* END MAIN COL *******************/




/******************* TOOLTIP *******************/
.tooltipDiv	{	
	/* required style */
	visibility: hidden;
	position: absolute;
	top:0;
	left:0;
	z-index:1000;
	
	/* supplemental style */
	border:1px solid #88746B;
	background:#FDF4E2;
	padding:10px;
}
/******************* END TOOLTIP *******************/