/*
	e1_common.css
	- Common CSS rules for the EDM front-end and the EDM Support Interface
*/

body { font: normal normal normal 11px verdana, arial, helvetica, sans-serif; }

/* Default link colours for the site */
a:link, a:visited {
	color: #039;
	text-decoration: underline;
}

a:hover, a:active { color: #999; }


form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

img { border: 0; }

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	width: 100%;
}

#Masthead, #SiteNav, #Canvas, #Footer {
	margin: 0 auto;
	padding: 0;
	width: 760px;
}

/* Site Masthead w/ Epson Logo, header image, and branding text */
#Masthead {
	background: url('/edm/e1_shared/e1_masthead_sudanpyramids.jpg') no-repeat 114px 0;
	height: 80px;
}

/* Epson Logo */
#EpsonBranding { width: 110px; }


/* MyEpsonStylus.com Site Branding text */
#SiteBranding {
	/* background: #039 url('/edm/e1_shared/e1_masthead_meplogo.gif') no-repeat; */
	background: #039 url('/edm/e1_shared/e1_masthead_meplogo_publicbeta.gif') no-repeat;
	float: right;
	height: 80px;
	margin: 0;
	padding: 0;
	width: 220px;
}

/* Link Attributes for Site Branding Text */
#SiteBranding a:link, #SiteBranding a:visited {
	color: #fff;
	text-decoration: none;
}

#SiteBranding a:hover, #SiteBranding a:active {
	color: #fff;
	text-decoration: underline;
}


/* Layout for Page Footer w/ links and copyright information */
#Footer {
	background: url('/2005redesign/dot.gif') top left repeat-x;
	font-size: 80%;
	list-style: none;
	padding-top: 6px;
	text-align: center;
}

#Footer ul, #Footer p {
	margin: 2px 0;
	padding: 0;
}

#Footer li {
	border-left: 1px solid #000;
	display: inline;
	margin: 0 3px 0 0;
	padding: 0 3px 0 8px;
}

#Footer li.first { border-left: 0; }


/* Link attributes for the Page Footer */
#Footer a:link {
	color: #000;
	text-decoration: none;
}

#Footer a:visited {
	color: #000;
	text-decoration: none;
}

#Footer a:hover {
	color: #000;
	text-decoration: underline;
}

#Footer a:active {
	color: #000;
	text-decoration: underline;
}



/* Text decoration for error messages */
.error {
	color: #f00;
	font-weight: bold;
}



/* CSS for Show/Hide DIV functionality */
.closed {
	display:none;
	margin: 10px 0;
}

.expander { display:none; }
.expander2 { display:inline; }

.expanded { margin: 10px 0; }

.expanded div { margin-left: 25px; }


.closed a:link, .closed a:visited, .expanded a:link, .expanded a:visited {
	font-size: 12px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.closed a:hover, .closed a:active, .expanded a:hover, .expanded a:active { color: #999; }