/* if changing global font, change ul#navitem li at end also (for ns6 bug) */
body { color: #000; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; }


h1, h2 { color: #039; font: normal normal bold 14px verdana, arial, geneva, helvetica, sans-serif; margin: 0; padding: 0; }
h1 { font-size: 20px; font-weight: normal; }
h3 { color: #000; font-family: normal normal bold 12px verdana, arial, helvetica, sans-serif; }

.bar { background-color: #f3f3f3; border: 1px solid #d2d2d2; color: #039; font: normal normal bold 12px verdana, arial, helvetica, sans-serif; margin: 0; padding: 4px; }

p { margin-bottom: 11px; margin-top: 11px; }

.subheading_bar { background: #f3f3f3; border: 1px solid #d2d2d2; color: #039; font: normal normal bold 12px verdana, arial, helvetica, sans-serif; margin: 0; padding: 4px; }

.subheading_dottedULine { background: url('/2005redesign/dottedline.gif') repeat-x left bottom; color: #039; font: normal normal bold 14px verdana, arial, helvetica, sans-serif; margin : 0; padding: 0 0 0 2px; width: 100%; }

.ltBlueHeading { color: #36C; font-family: arial narrow, arial, helvetica, sans-serif; font-size: 18px; }

.legalNotes { color: #000; font-size: 9px; font-weight: normal; }


/* Custom text styles */

.greyText { color: #666; }
.greyText_small { color: #666; font-size: 10px; }

/* Global class for product prices */
.price { color: #000; font-weight: bold; }
.ourPrice { color: #f00; font-weight: bold; }
.regPrice { text-decoration: line-through; }


/*  Anchor Tag styles */
/* Link for "browser default blue" text links */

a.brightBlue:link, a.brightBlue:visited { color: #00f; }

/* Blue Text Links */

a.bluehref:link, a.bluehref:visited { color: #039; text-decoration: none; }
a.bluehref:hover { color: #666; text-decoration: underline; }

a.bluehref_bold:link, a.bluehref_bold:visited { color: #039; font-weight: bold; text-decoration: none; }
a.bluehref_bold:hover { color: #666; font-weight: bold; text-decoration: underline; }


a.bluehref_underline:link, a.bluehref_underline:visited	{ color: #039; text-decoration: underline; }
a.bluehref_underline:hover { color: #666; text-decoration: underline; }


a.reghref:link, a.reghref:visited { color: #039; text-decoration: underline; }
a.reghref:hover { color: #666; text-decoration: underline; }


/* Black Text Links */
a.blackhref:link, a.blackhref:visited { color: #000; text-decoration: none; }
a.blackhref:hover { color: #000; text-decoration: underline; }


a.blackhref_underline:link, a.blackhref_underline:visited { color: #000; text-decoration: underline; }
a.blackhref_underline:hover { color: #666; text-decoration: underline; }

a.blackhref_bold:link, a.blackhref_bold:visited { color: #000; font-weight: bold; text-decoration: none; }
a.blackhref_bold:hover { color: #666; font-weight: bold; text-decoration: underline; }


/* Red Text Links */
a.redhref_bold:link, a.redhref_bold:visited { color: #c00; font-weight: bold; text-decoration: none; }
a.redhref_bold:hover { color: #666; font-weight: bold; text-decoration: underline; }


/* Grey Text Links */

a.greyhref, a.greyhref:visited { color: #666; text-decoration: none; }
		
a.greyhref:hover { color: #666; text-decoration: underline; }

a.greyhref_underline:link, a.greyhref_underline:visited { color: #666; text-decoration: underline; }
a.greyhref_underline:hover { color: #999; text-decoration: underline; }

a.greyhref_bold, a.greyhref_bold:visited { color: #666; font-weight: bold; text-decoration: none; }
a.greyhref_bold:hover { color: #666; font-weight: bold; text-decoration: underline; }


#landingNav, #landingNav ul { list-style: none; margin: 0; padding: 0; }
	#landingNav li { display: inline; margin: 0; padding: 0; }
		#landingNav li.divider { margin: 0 10px 0 10px; padding: 0; }

/* Product Stock Styles */
.inStock_text { color: #2a57a5; font-weight: bold; }
.outStock_text { color: #f00; font-weight: bold; }


/* Container Divs */

.container { margin : auto; padding: 0; width : 750px; }

.pageTitle { margin: 10px 0 0 8px; padding: 0; }

.mainMenu { height: 22px; margin-bottom: 0; margin-top: 6px; padding: 0; text-align: left; }

.wholeColumn { float: left; margin: 0; width : 750px; }

.leftColumn { float : left; margin: 0; width : 562px; }

.paddedLeftColumn { float : left; margin: 0; padding: 10px; width : 542px; }
* html .paddedLeftColumn { width: 562px; w\idth: 542px; }

.paddedWholeColumn { float : left; margin: 0; padding: 10px; width : 730px; }
* html .paddedWholeColumn { width: 750px; w\idth: 730px; }


.clearBoth { clear : both; }


.contentArea { background-image: url('/2005redesign/contentbkg_750.gif'); margin: 0; width : 750px; }

.contentAreaNoBG { margin: 0; width : 750px; }


.rightColumn { float : right; width : 182px; }

.contentShim { width : 750px; }

.greyColumn { background-color: #F3F3F3; margin: 1px; padding: 10px; width : 158px; }

* html .greyColumn { width: 178px; w\idth: 158px; }

.contentColumnTop {
	border-bottom-color : #D2D2D2;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	background-color: #FFFFFF;
	width : 182px;
	height : 3px;
	float : right;
	margin : 0px;
	font-size : 3px;
}

.contentColumnBottom {
	border-top-color : #D2D2D2;
	border-top-style : solid;
	border-top-width : 1px;
	background-color: #FFFFFF;
	width : 182px;
	height : 3px;
	float : right;
	margin : 0px;
	font-size : 3px;
	margin-top : -1px;
}

.contentTop {
	border-bottom-color : #B2B2B2;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-left-color : #B2B2B2;
	border-left-style : solid;
	border-left-width : 1px;
	border-right-color : #B2B2B2;
	border-right-style : solid;
	border-right-width : 1px;
	width : 560px;
	height : 3px;
	float : left;
	margin : 0px;
	margin-right : 3px;
	font-size : 3px;
}

.contentBottom {
	width : 560px;
	height : 3px;
	float : left;
	margin : 0px;
	margin-right : 3px;
	font-size : 3px;
}

.contentWholeTop {
	border-bottom-color : #B2B2B2;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-left-color : #B2B2B2;
	border-left-style : solid;
	border-left-width : 1px;
	border-right-color : #B2B2B2;
	border-right-style : solid;
	border-right-width : 1px;
	width : 747px;
	height : 3px;
	float : left;
	margin : 0px;
	font-size : 3px;
}



/* Masthead styles */
.pageHeader { padding: 0; width: 750px; }
.masthead { height: 60px; margin: 0; padding: 0; width : 750px; }
.epsonLogo { float: left; height: 60px; width: 110px; }
.mastheadGap { background-color: #fff; float: left; height: 60px; width: 6px; }
.mastheadImage { float: left; height: 60px; width: 446px; }


/* Search Box Styles */
.searchBox {
	margin: 0;
	width: 182px;
	height: 60px;
	float: right;
}

.searchHeader {
	padding-top: 10px;
	padding-left: 13px;
	height: 13px;
	font-family : Tahoma, sans-serif; 
	font-size : 11px; 
	color: #ffffff; 
}

.searchFieldContainer {
	margin-top: 6px;
	margin-left: 12px;
	width: 170px;
}

.searchFieldForm {
	margin-top: 3px;
	width: 97px;
	float: left;
}

.searchFieldForm input {
	border:solid 0 #fff;
	width: 97px;
}

.searchFieldButton {
	margin-left: 5px;
	width: 65px;
	float: left;
}


/* Miscellaneous Elements */

.line {
	width: 100%;
	background-image: url("/2005redesign/dottedline.gif");
	height : 3px;
	float : left;
	margin : 0px;
	margin-right : 0px;
	font-size : 1px;
	margin-bottom : 6px;
	padding: 0;
	background-repeat : repeat-x;
}

.error { color: #f00; font: normal normal bold 11px verdana, arial, helvetica, sans-serif; }


/* Right Nav Styles */

.rightNavSeparator {
	width: 182px;
	margin: 0;
	height: 1px;
	padding: 0;
	display : block;
}

.rightNav {
	width: 182px;
	background-color: #fff;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	position: relative;
	top: 0;
	border-bottom: 1px solid #d2d2d2;
}

.rightNavHeading {
	width: 172px;
	background-color: #B4CCE6;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #039;
	margin: 0;
	border-bottom: none;
	padding-left : 10px;
	padding-top : 3px;
	padding-bottom : 3px;
	position: relative;
	display : block;
	text-decoration : none;
	font-weight : bold;
}

* html .rightNavHeading { width: 182px; w\idth: 172px; }

.rightNavHeading a {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
	text-decoration : none;
}

a.rightNav {
	width: 172px;
	background-color: #EDF3F9;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
	padding-left : 10px;
	padding-top : 3px;
	padding-bottom : 3px;
	position: relative;
	display : block;
	text-decoration : none;
	border-bottom-width: 1px;
	border-bottom-color: #B2B2B2;
	border-bottom-style: none;
}

* html a.rightNav { width: 182px; w\idth: 172px; }

a.rightNavHighlighted {
	width: 172px;
	background-color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #039;
	padding-left : 10px;
	padding-top : 3px;
	padding-bottom : 3px;
	position: relative;
	display : block;
	text-decoration : none;
	border-bottom-width: 1px;
	border-bottom-color: #B2B2B2;
	border-bottom-style: none;
	font-weight : bold;
}

* html a.rightNavHighlighted {  width: 182px; w\idth: 172px; }
a.rightNavHighlighted:hover { text-decoration: underline; }
a.rightNav:hover { background-color: #B4CCE6; text-decoration: underline; }


.rightNavAd {
	margin: 1px;
	background-color: #F3F3F3;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	width : 158px;
}

* html .rightNavAd { width: 178px; w\idth: 158px; }


.rightNavLine {
	width: 99%;
	background-image: url("/2005redesign/dottedline.gif");
	height: 1px;
	margin: 0 0 0px 1px;
	font-size: 1px;
	padding: 0;
	background-repeat: repeat-x;
}

.rightNavAd p {
	color: #333;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 10px;
	margin-top: 10px;
	line-height: 150%;
}

.bannerAdRightCol { margin: 0 1px; width: 180px; }
	.bannerAdRightCol img { width: 180px; }

/* Breadcrumb Styles */
.breadcrumbs { margin-top: 10px; }
	.breadcrumbs  ul { color: #039; display: inline; font-size: 10px; list-style: none; margin: 0 0 0 8px; padding: 0; }
		.breadcrumbs li {	display: inline; margin: 0; padding: 0; }
			.breadcrumbs li a { color: #039; text-decoration: none; }

/* Footer Styles */
.footer { clear : both; color: #000; font-size: 9px; text-align: center; width: 562px; }
	* html .footer { width: 557px; w\idth: 562px; }

.wholeFooter { clear : both; color: #000; font-size: 9px; text-align: center; width: 750px; }
	.footer a, .wholeFooter a { color: #000; text-decoration: none; }

/*  List Styles  */
/* bulletList - Standard list style for lists that are not links */
ul.bulletList {
	margin-left: 18px;
	margin-top: 10px;
	padding-left: 0;
}

ul.bulletList li {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 4px;
}


/* doublearrowList - list style used when you have a list of links */
ul.doublearrowList {
	margin-left: 18px;
	margin-top: 10px;
	padding-left: 0px;
}
ul.doublearrowList li {
	list-style-image: url('/images/arrows/blue_doublearrow.gif');
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding-bottom: 4px;
}


/* pdfList - list style used for links that go to PDF files */
ul.pdfList { margin: 0 0 0 18px; padding: 0; }
	ul.pdfList li { list-style-image: url('/images/icons/icon_pdf.gif'); margin: 0 0 0px 0; padding: 0 0 0px 4px; }


/*  Secondary Nav Styles */

.secondaryMenu {
	margin-top: 8px;
	font-size: 10px;
	text-align: right;
	padding: 2px;
	width: 744px;
	border: 1px solid #d2d2d2;
	background-color: #F3F3F3;
	color: #333;
	font-family: verdana, arial, helvetica, sans-serif;
}


.secondaryMenu a {
	color: #333;
	text-decoration: none;
	padding-right : 7px;
	padding-left : 7px;
}

.secondaryMenu img { vertical-align: middle; }

* html .secondaryMenu { 
	width: 748px;
	w\idth: 744px; 
}


/*  Dropdown Styles, Based on Suckerfish */
/*  050218 : Modifications made by Innate Mak for cross-browser compatibility and iframe hacks */

#topnav, #topnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#topnav a {
	display: block;
	text-decoration: none;
	padding: 4px 4px 4px 9px;
	margin: 0;
}

#topnav a:hover {
	background-color: #003399;
	color: #ffffff;
}

#topnav li {
	float: left;
	padding: 0px;
}

#topnav li a {
	color: #003399;
}


#topnav li:hover > a {
	background-color: #003399;
	color: #ffffff;
}


#topnav li.sfhover a.headnavref {
	background-color: #003399;
 	color: #ffffff;
	font-weight : bold;
}



#topnav li.topnavhead {
	font-weight : bold;
	font-size: 12px;
}


#topnav li.headdivide {
	font-weight : bold;
	width: 1px;
	height: 11px;
	background-image: url("/2005redesign/dot.gif");
	float : left;
	margin : 0px;
	margin-right : 0px;
	margin-top : 6px;
	margin-bottom : 6px;
	font-size : 3px;
	padding: 0 0 0px 0;
	background-repeat : repeat-y;
}


#topnav li ul {
	position: absolute;
	left: -999em;
}


#topnav li:hover ul, #topnav li.sfhover ul {
	left: auto;
	background: #EEF3F7;
	border: 1px solid #000000;
}

#topnav li:hover ul {
	margin-top: -1px;
}

ul#navitem1, ul#navitem2, ul#navitem3, ul#navitem4, ul#navitem5, ul#navitem6, ul#navitem7 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

ul#navitem1 li, ul#navitem2 li, ul#navitem3 li, ul#navitem4 li, ul#navitem5 li, ul#navitem6 li, ul#navitem7 li {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight : normal;
	border-bottom: 1px solid #cccccc;
	background: #EEF3F7;
}



/* New Product Page Styles */

.productHeader {
	width: 542px;
	margin: 0;
	padding: 0;
}
			
.productSummary {
	width: 315px;
	float: left;
	padding: 0;
	margin: 0;
	text-align: center;
}

.productSummary .inStock_text, .productSummary .outStock_text { font-size: 10px; }
			
.promos {
	width: 220px;
	padding: 0;
	margin: 0;
	float: right;
}
		
.promoBug {
	width: 100px;
	height: 80px;
	padding: 0;
	margin: 4px;
	float: left;
	text-align: center;
}
						
.productTitle {
	font-weight: bold;
}
						
.ourPriceDisclaimer {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #2a57a5;
}
						
.purchaseButtons {
	width: 100%;
	margin: auto;
}


/* Wide Format Product Page Styles for pricing and purchasing buttons */
.wideFormatPricing { width: 100%; }

.wfProductInfo { font-weight: bold; width: 65%; }

.wfPurchaseBtns { text-align: right; width: 35%; }
	.wfPurchaseBtns img { margin-left: 4px; }




/* Styles to set widths for search text boxes (Global Search, Support Search) */

.searchFieldForm input {
	width: 90px;
	height: 16px;
	font-size: 11px;
	font-weight: normal;
	background-color: #fff;
	color: #000
}

.suppSearchBox input {
	width: 90px;
	height: 16px;
	font-size: 11px;
	font-weight: normal;
	background-color: #fff;
	color: #000;
}


/* Comparison Table - Primarily used on landing pages */
.comparison { border-collapse: collapse; width: 100%; }
	.comparison .shaded td, .comparison .shaded th { background-color: #c9c9c9; }
	.comparison th, .comparison td { border: 1px solid #fff; padding: 6px; text-align: left; }


/* LANDING PAGES - Spacing for top banners */
.LandingBanner { margin: 4px 0 0 0; }

/* LANDING PAGES - Styles for landing page sub-headers with back to top links */
.LandingTopNav { padding: 10px 0; text-align: center; width: 100%; }

.landing_hdr { border-bottom: 1px solid #ccc; margin: 4px 0; padding: 0; width: 100%; }
	.landing_hdr h2 { float: left; width: 80%; }

.backToTop { float: right; margin: 2px 0 0 0; padding: 0 6px 0 0; }
	.backToTop a { color: #039; }

/* Style for "Related Products" tab at the top of the right nav on landing pages. */
.rightColumnTab { background-color: #ffffff; border-bottom: 1px solid #d2d2d2;  padding: 0px 0px 5px 0px; width: 100%; }



/* Divs to allow text to float around images */
.ContentImageRight { float: right; margin: 0; padding: 0 0 0 10px; }
.ContentImageLeft { float: left; margin: 0; padding: 0 10px 0 0; }


#TopBanner { margin: 6px 0; }

#SystemMaintenance h2 { color: #f00; font-size: 20px; font-weight: normal; }
#SystemMaintenance p { font-size: 15px; }


/* Dealer Referral for Projectors - Added 04/21 */
#referral .container { margin: 0 auto; padding: 0; width: 646px; } 
	#referral .masthead { background: #039; width: auto; }
	#referral .dealers { background: url('/images/greySpc.gif') repeat-y center top; float: left; width: 100%; }
	#referral .dealers ul { margin: 0; padding: 0; width: 300px; }
		#referral .dealers ul li { list-style: none; margin: 0; padding: 0; }
			#referral .dealers ul li img { margin: 10px 0; border: 0; }

	#referral .dealers #west { float: left; }
	#referral .dealers #east { float: right; }
	#referral h1 { border-bottom: 1px solid #ccc; margin: 10px 0 0 0; padding: 6px 0; }
	#referral h2 { color: #000; font: italic normal normal 28px Arial, Helvetica, Sans-serif; }
		#referral #west h2 { background: url('/images/DealerRef/arrow_back_grey.gif') no-repeat right center; text-align: right; padding: 0 30px 0 0; }
		#referral #east h2 { background: url('/images/DealerRef/arrow_fwd_grey.gif') no-repeat left center; padding: 0 0 0 30px; }
	#referral p.copyright { background: url('/2005redesign/dot.gif') repeat-x top left; clear: both; padding: 6px 0; text-align: center; font-size: 9px; }