/*	Reset
-------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/*	Elements Reset or Overwritten. 
-------------------------------------------------------------- */
.pageHeader, .secondaryMenu, .masthead {
	width: 972px !important;
}
.mastheadImage img, .searchHeader, .mastheadGap {
	display: none;
}
.searchBox {
	position: absolute; top: 16px; right: 24px;
	z-index: 4 !important;
	background: transparent !important;
}
.mastheadImage {
	background: transparent url(/prxm/prxm_img/home/print-banner-estoreTOP.jpg) top left;
	width: 862px;
	position: absolute; top: 0; left: 110px;
}
.epsonLogo {
	float: left;
	width: 110px;
}
div.masthead {
	position: relative;
}
div.masthead object {
	z-index: 1 !important;
	position: absolute; top: 0; left: 110px;
}

/*	Main Blocks
-------------------------------------------------------------- */
#container {width:980px; margin:0 auto !important } /* overrides 1005px width in global.css */
#hero {width: 100%; display: block; width: 978px; clear: both; padding-top: 12px; padding-bottom: 3px; }
#content {background: transparent url(/prxm/prxm_img/home/bg2col.png) no-repeat left top; float: left; width: 100%}

/*	Typography
-------------------------------------------------------------- */
#content a:link, #content a:visited  {text-decoration: none; color: #57739c}
#content a:hover  {color: #000}
#content, #content h2 {font-family: Helvetica,Arial,sans-serif}
#product-grid h2 {font-size: 18px; color: #000;}
#product-grid li {font-size: 14px}
div.drawers-wrapper h3 a {font-size: 12px}
h3.ui-accordion-header a { cursor:default }

li.drawer {color: #666}
li.drawer p small {font-size: 10px; color: #999}
div.drawers-wrapper li.drawer p.epson-clearance-link {font-size: 12px; white-space:nowrap; }
div.drawers-wrapper li.drawer p.epson-clearance-link span {color: #57739c}

h1.hidden { visibility: hidden; }

/*	Product Grid
-------------------------------------------------------------- */
#product-grid {
	float: left;
	clear: left;
	width: 728px;
	padding: 0 0 0 10px;
}
#product-grid h2 {
	float: left;
	margin: 10px 0 0 10px;
}
#product-grid ul {
	float: left;
	clear: left;
	margin: 10px 0 0 0;
	width: 100%;
}
#product-grid ul li {
	height: 170px;
	width: 172px;
	margin: 0 6px 6px 0;
	float: left;
	background-color: transparent;
	background-image: url(/prxm/prxm_img/home/rollover.png);
	background-repeat: no-repeat;
	background-position: 0 -170px;
}
#product-grid ul li:hover, #product-grid ul li.active {
	background-position: 0 0;
}
#product-grid ul li a {
	display: block;
	font-weight: bold;
	width: 152px;
	height: 150px;
	margin: 10px 0 0 12px;
	cursor:pointer;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-property: 700;
	-webkit-transition-timing-function: ease-in;
}
#product-grid ul li a:hover {
	color: #000;
}
#product-grid ul li a span {
	float: left;
	padding-right: 15px;
	margin-bottom: 1em;
}
#product-grid ul li a img {
	float: left;
	clear: left;
	width: 144px; height: 100px;
	display: block;
}

/*	Accordian Box
-------------------------------------------------------------- */
div.drawers-wrapper {
	width: 231px;
	float: left;
	margin: 24px 0 0 0;
}
#content div.drawers-wrapper a, 
#content div.drawers-wrapper a:visited {color: #034180;}
#content div.drawers-wrapper a:hover {color: #000;}
div.drawers-wrapper h3 {
	float: left; clear: left;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
div.drawers-wrapper h3 a {
	color: #003399 !important;
	font-weight: bold;
	height: 30px; width: 221px;
	padding: 0 0 0 10px;
	background: transparent url(/prxm/prxm_img/home/acc-sprite.png) no-repeat 0 0;
	float: left;
	line-height: 30px;
}
div.drawers-wrapper h3.open a:hover {
	background-position: 0 -31px;
	color: #fff !important;
}
div.drawers-wrapper h3.open a {
	background-position: 0 -31px;
	color: #fff !important;
}
div.drawers-wrapper li.drawer {
	float: left;
	clear: left;
	margin-top: 1px;
}
div.drawers-wrapper li.drawer div {
	position: relative;
	z-index: 1;
	float: left; clear: left;
	width: 231px;
}
div.drawers-wrapper li.drawer p {
	padding: 10px;
}
div.drawers-wrapper li.drawer ul {
	margin: 10px 0;
}
div.drawers-wrapper li.drawer li a {
	padding: 4px 10px 0 20px;
	background: url(/prxm/prxm_img/global/bullet-blue.png) no-repeat 9px 8px;
}
div#ink-side {
	padding-bottom: 10px;
}
p.divider-link {
	clear: both;
	width: 229px;
	height: 27px;
	margin-bottom: -10px;
	padding: 0;
	background: url(/prxm/prxm_img/global/acc_divider.png) no-repeat;
	text-align: right;	
}
p.divider-link a {
	margin-right: 15px;	
}

/*	Footer
-------------------------------------------------------------- */
div.wholeFooter {
	width: 100%;
	clear: both;
	padding: 20px 0;
}
div.wholeFooter p {
	padding-top: 1em;
}

/*	Misc
-------------------------------------------------------------- */
a.small-jelly {
	background: transparent url(/prxm/prxm_img/home/jelly-button.gif) no-repeat center bottom;
	color: #308bfb !important;
	float: right;
	height: 21px; width: 67px;
	text-align: center;
	line-height: 21px;
	margin-top: 21px;
}
a.small-jelly:hover {
	background-position: center top;
	color: #fff !important;
}

/*	Auto Clear These Elements...
-------------------------------------------------------------- */
#product-grid ul li:after,
#product-grid ul li a:after, 
div.masthead:after, 
#content:after, 
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Notices DIV (i.e. Product Recall) */
.notices {
	clear: both;
	padding: 10px;
	text-align: right;
}

#content div.drawers-wrapper .notices a,
#content div.drawers-wrapper .notices a:visited {color: #CF3D3D;}
#content div.drawers-wrapper .notices a:hover {color: #000;}

/* Arrowed Links */

.arrow {font-weight: 700;}
.arrow span {
	width: 5px;
	padding-right: 12px;
	background: url(/prxm/prxm_img/global/icon_arrow.png) no-repeat right bottom;
}

/* Opt-in */

.spacer {
	clear: both;
	height: 5px;
	padding: 0;
}

#opt-in {
	clear: both;
}

#opt-in-hd,
#opt-in-ft {
	height: 6px;
	padding: 0;
	_margin: -7px 0;
	background-image: url(/prxm/prxm_img/global/opt-in_hd-ft.png);
	background-repeat: no-repeat;
}

#opt-in-ft {
	background-position: 0 -7px;
	margin-top: -4px;
}

#opt-in-bd {
	width: 211px;
	padding: 4px 10px;
	color: #666;
	background: #D2D9DC url(/prxm/prxm_img/global/opt-in_bg.gif) repeat-x;
}

#opt-in p {
	clear: both;
	margin: 7px 0;
}

#opt-in h3 {
	display: block;
	margin: -7px 0 7px 0;
	*margin: -2px 0 0 0;
	font-size: 12px;
	color: #333;
	font-weight: bold;
}

#opt-in input#FIRST_NAME,
#opt-in input#EMAIL_ADDRESS {
	width: 200px;
	height: 14px;
	margin-bottom: 5px;
	padding: 2px 4px;
	color: #666;
	font-size: 10px;
	background: #FFF url(/prxm/prxm_img/global/input_bg.png) no-repeat;
	border: none;
}

#subscription_request {
	float: right;
	background: url(/prxm/prxm_img/global/btn_sign-up-now_sprite.png) no-repeat;
	border: 0;
	margin: 5px 0 -8px;
	*margin-bottom: -14px;
	width: 107px;
	height: 29px;
	cursor: pointer;
}

#opt-in span { color: #f00; }

#opt-in small {	font-style: italic; }

#opt-in button.disabled { background-position: -107px 0 }

#opt-in span.input-asterisk {
	display: block;
	float: left;
	margin-left: -6px;
	_margin-left: -3px;
}

#opt-in label.error {
	display: block;
	font: 10px normal "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 0 0 10px 30px;
	background: url(/prxm/prxm_img/global/icon_exclamation.gif) no-repeat 0 2px;
}

#opt-in-noscript { text-align: right; }

/* #opt-in-noscript, */
#opt-in-form,
#opt-in-error,
#opt-in-thankyou { display: none; }

/* #product selector masthead */
#ProductSelector .mastheadImage { background-image: url(/PrinterSelector/FrontEnd/MastHead.jpg); }