/* CSS RESET */
body { font-family:Arial,Verdana,sans-serif; color:#4d4d4d; font-size:62.5% }
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, fieldset, table, blockquote, th, td, input, button { margin:0; padding:0 }
h1, h2, h3, h4, h5, h6, p, a, table { font-size:1em; line-height:1 }
table, img, fieldset, button { border:none }
table { width:100%; border-collapse:collapse }
ul, ol, li { list-style:none }
caption, th { text-align:left }
address, caption, cite, code, dfn, var { font-style:normal; font-weight:normal }
input, select, textarea { font-family:Verdana,Arial,sans-serif; font-size:1em; color:#4d4d4d }
input[type=radio], input[type=checkbox] { font-size:1.4em }
input[type=submit], input[type=button] { font-family:Arial, Verdana, sans-serif; border:none }
input[type=hidden] { display:none }
button { font-family:Arial, sans-serif; font-size:1em; color:#4d4d4d }
a { color:#00baf2; text-decoration:none }
.black a { color:#7FD1F1; text-decoration:none }
a:hover { text-decoration:none }
hr, legend { display:none }
button { white-space:nowrap; background-color:transparent; border:none }
object { outline:none }

html {
  overflow-y: scroll;
}

/* GENERIC STYLES */
.clear:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden
}

.hidden {
	display: none
}

.invisible {
	visibility: hidden
}

.accessText {
	display: none
}

.floatLeft {
	float: left
}

.floatRight {
	float: right
}

.underline {
	text-decoration: underline
}

.loader {
	width: 16px;
	height: 16px;
	background: transparent url(../images/ani_loader_small.gif) no-repeat 0
		0;
	z-index: 998
}

/* ROUNDED CORNERS */ /* main corners */
.genericRoundedCorners>.top {height:7px; width:940px; background:url(../images/top.png) no-repeat;}

.genericRoundedCorners>.top .tl {
	float: left;
	width: 10px;
	height: 7px
}

.genericRoundedCorners>.top .tr {
	float: right;
	width: 10px;
	height: 7px
}

.genericRoundedCorners>.top .t {
	margin: 0 10px;
	height: 7px
}

.white .genericRoundedCorners>.top .tl {
	background: transparent url(../images/sprite_corners.png) no-repeat 0 0
}

.white .genericRoundedCorners>.top .tr {
	background: transparent url(../images/sprite_corners.png) no-repeat
		-10px 0
}

.white .genericRoundedCorners>.top .t {
	background: transparent url(../images/sprite_corners.png) repeat-x 0
		-20px
}

.black .genericRoundedCorners>.top .tl,.black .genericRoundedGeyBox>.top .tl
	{
	background: transparent url(../images/sprite_corners.png) no-repeat
		-20px 0
}

.black .genericRoundedCorners>.top .tr,.black .genericRoundedGeyBox>.top .tr
	{
	background: transparent url(../images/sprite_corners.png) no-repeat
		-30px 0
}

.black .genericRoundedCorners>.top .t,.black .genericRoundedGeyBox>.top .t
	{
	background: transparent url(../images/sprite_corners.png) repeat-x 0
		-40px
}

.black #Popup .genericRoundedCorners>.top .tl,.black #Popup .genericRoundedGeyBox>.top .tl
	{
	background: transparent url(../images/sprite_corners.png) no-repeat 0 0
}

.black #Popup .genericRoundedCorners>.top .tr,.black #Popup .genericRoundedGeyBox>.top .tr
	{
	background: transparent url(../images/sprite_corners.png) no-repeat
		-10px 0
}

.black #Popup .genericRoundedCorners>.top .t,.black #Popup .genericRoundedGeyBox>.top .t
	{
	background: transparent url(../images/sprite_corners.png) repeat-x 0
		-20px
}

.genericRoundedCorners>.content {
	
}

.white .genericRoundedCorners>.content {
	background: #ffffff url(../images/bak_masthead.png) repeat-x 0 100%;
	border-right: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1
}

.black .genericRoundedCorners>.content,.black .genericRoundedGeyBox .content
	{
	background: #333333 url(../images/bak_black_gradient1.png) repeat-x 0
		100%;
	border-right: 1px solid #5d5e5f;
	border-left: 1px solid #5d5e5f;
	border-top: none
}

.black #Popup.genericRoundedCorners>.content,.black #Popup .genericRoundedCorners>.content,.black #Popup.genericRoundedGeyBox .content
	{
	background: #ffffff url(../images/bak_masthead.png) repeat-x 0 100%;
	border-right: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1
}

.genericRoundedCorners>.bottom {
	height: 10px
}

.genericRoundedCorners>.bottom .bl {
	float: left;
	width: 10px;
	height: 10px
}

.genericRoundedCorners>.bottom .br {
	float: right;
	width: 10px;
	height: 10px
}

.genericRoundedCorners>.bottom .b {
	margin: 0 10px;
	height: 10px
}

.white .genericRoundedCorners>.bottom .bl {
	background: transparent url(../images/sprite_corners.png) no-repeat 0
		-10px
}

.white .genericRoundedCorners>.bottom .br {
	background: transparent url(../images/sprite_corners.png) no-repeat
		-10px -10px
}

.white .genericRoundedCorners>.bottom .b {
	background: transparent url(../images/sprite_corners.png) repeat-x 0
		-30px
}

.black .genericRoundedCorners>.bottom .bl,.black .genericRoundedGeyBox>.bottom .bl
	{
	background: transparent url(../images/sprite_corners.png) no-repeat
		-20px -10px
}

.black .genericRoundedCorners>.bottom .br,.black .genericRoundedGeyBox>.bottom .br
	{
	background: transparent url(../images/sprite_corners.png) no-repeat
		-30px -10px
}

.black .genericRoundedCorners>.bottom .b,.black .genericRoundedGeyBox>.bottom .b
	{
	background: transparent url(../images/sprite_corners.png) repeat-x 0
		-50px
}

.black #Popup.genericRoundedCorners>.bottom .bl,.black #Popup .genericRoundedCorners>.bottom .bl,.black #Popup.genericRoundedGeyBox>.bottom .bl
	{
	background: transparent url(../images/sprite_corners.png) no-repeat 0
		-10px
}

.black #Popup.genericRoundedCorners>.bottom .br,.black #Popup .genericRoundedCorners>.bottom .br,.black #Popup.genericRoundedGeyBox>.bottom .br
	{
	background: transparent url(../images/sprite_corners.png) no-repeat
		-10px -10px
}

.black #Popup.genericRoundedCorners>.bottom .b,.black #Popup .genericRoundedCorners>.bottom .b,.black #Popup.genericRoundedGeyBox>.bottom .b
	{
	background: transparent url(../images/sprite_corners.png) repeat-x 0
		-30px
}

/* plain roundeed corners */
.plainRoundedCorners>.top {
	height: 7px
}

.plainRoundedCorners>.top .tl {
	float: left;
	width: 10px;
	height: 7px
}

.plainRoundedCorners>.top .tr {
	float: right;
	width: 10px;
	height: 7px
}

.plainRoundedCorners>.top .t {
	margin: 0 10px;
	height: 7px
}

.white .plainRoundedCorners>.top .tl {
	background: transparent url(../images/sprite_corners.png) no-repeat 0
		-60px
}

.white .plainRoundedCorners>.top .tr {
	background: transparent url(../images/sprite_corners.png) no-repeat
		-10px -60px
}

.white .plainRoundedCorners>.top .t {
	background: transparent url(../images/sprite_corners.png) repeat-x 0
		-20px
}

.black .plainRoundedCorners>.top .tl {
	background: transparent url(../images/sprite_corners.png) no-repeat
		-20px -60px
}

.black .plainRoundedCorners>.top .tr {
	background: transparent url(../images/sprite_corners.png) no-repeat
		-30px -60px
}

.black .plainRoundedCorners>.top .t {
	background: transparent url(../images/sprite_corners.png) repeat-x 0
		-40px
}

.plainRoundedCorners>.content {
	
}

.white .plainRoundedCorners>.content {
	background-color: #fff;
	border-right: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1
}

.black .plainRoundedCorners>.content {
	background-color: #333;
	border-right: 1px solid #5d5e5f;
	border-left: 1px solid #5d5e5f;
	border-top: none
}

.plainRoundedCorners>.bottom {
	height: 7px
}

.plainRoundedCorners>.bottom .bl {
	float: left;
	width: 10px;
	height: 7px
}

.plainRoundedCorners>.bottom .br {
	float: right;
	width: 10px;
	height: 7px
}

.plainRoundedCorners>.bottom .b {
	margin: 0 10px;
	height: 7px
}

.white .plainRoundedCorners>.bottom .bl {
	background: transparent url(../images/sprite_corners.png) no-repeat 0
		-70px
}

.white .plainRoundedCorners>.bottom .br {
	background: transparent url(../images/sprite_corners.png) no-repeat
		-10px -70px
}

.white .plainRoundedCorners>.bottom .b {
	background: transparent url(../images/sprite_corners.png) repeat-x 0
		-80px
}

.black .plainRoundedCorners>.bottom .bl {
	background: transparent url(../images/sprite_corners.png) no-repeat
		-20px -70px
}

.black .plainRoundedCorners>.bottom .br {
	background: transparent url(../images/sprite_corners.png) no-repeat
		-30px -70px
}

.black .plainRoundedCorners>.bottom .b {
	background: transparent url(../images/sprite_corners.png) repeat-x 0
		-90px
}

/* transparent rounded corneres */
.transparentRoundedCorners .top {
	height: 10px
}

.transparentRoundedCorners .top .tl {
	height: 10px;
	background: transparent url(../images/sprite_corners.png) no-repeat -0
		-100px
}

.transparentRoundedCorners .top .tr {
	height: 10px;
	background: transparent url(../images/sprite_corners.png) no-repeat
		-10px -100px
}

.transparentRoundedCorners .top .t {
	margin: 0 10px;
	height: 10px;
	background: transparent url(../images/bak_nuggets.png) repeat-x 0 0
}

.transparentRoundedCorners .content {
	background: transparent url(../images/bak_nuggets.png) repeat 0 0
}

.transparentRoundedCorners .bottom {
	height: 10px
}

.transparentRoundedCorners .bottom .bl {
	height: 10px;
	background: transparent url(../images/sprite_corners.png) no-repeat 0
		-110px
}

.transparentRoundedCorners .bottom .br {
	height: 10px;
	background: transparent url(../images/sprite_corners.png) no-repeat
		-10px -110px
}

.transparentRoundedCorners .bottom .b {
	height: 10px;
	margin: 0 10px;
	background: transparent url(../images/bak_nuggets.png) repeat-x 0 0
}

/* footer rounded corners */
.black #FooterContent .genericRoundedCorners>.top .tl {
	background: transparent url(../images/sprite_corners.png) no-repeat -20px 0
}

.black #FooterContent .genericRoundedCorners>.top .tr {
	background: transparent url(../images/sprite_corners.png) no-repeat
		-30px 0
}

.black #FooterContent .genericRoundedCorners>.top .t {
	background: transparent url(../images/bak_footer_blk_t.png) repeat-x
}

.black #FooterContent .genericRoundedCorners>.content {
	background: #333333 url(../images/bak_black_gradient_footer.png)
		repeat-x 0 100%;
}

.black #FooterContent .genericRoundedCorners>.bottom .bl {
	background: transparent url(../images/bak_footer_blk_bl.png) no-repeat 0
		0
}

.black #FooterContent .genericRoundedCorners>.bottom .br {
	background: transparent url(../images/bak_footer_blk_br.png) no-repeat
		100% 0
}

.black #FooterContent .genericRoundedCorners>.bottom .b {
	background: transparent url(../images/bak_footer_blk_b.png) repeat-x
}

/* content corners */
.wc_tl {
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 4px;
	background: transparent url(../images/sprite_corners.png) no-repeat 0
		-120px;
	margin-top: 0px
}
.wc_tr {
	position: absolute;
	top: 0;
	right: 0;
	width: 4px;
	height: 4px;
	background: transparent url(../images/sprite_corners.png) no-repeat
		-16px -120px;
	margin-top: 0px
}

.wc_bl {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 4px;
	height: 4px;
	background: transparent url(../images/sprite_corners.png) no-repeat 0
		-136px;
	margin-bottom: 0px
}
.wc_br {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 4px;
	height: 4px;
	background: transparent url(../images/sprite_corners.png) no-repeat
		-16px -136px;
	margin-bottom: 0px
}

.black .wc_tl {
	background-position: -20px -120px
}

.black .wc_tr {
	background-position: -36px -120px
}

.black .wc_bl {
	background-position: -20px -136px
}

.black .wc_br {
	background-position: -36px -136px
}

/* POPUPS */
	/* generic popup (should inherit off genericRoundedCorners for bottom too) */
.genericPopup {
	width: 575px;
	color: #4D4D4D
}

.genericPopup .header {
	position: relative;
	padding-right: 10px;
	color: #4d4d4d;
	background: transparent url(../images/bak_popup_header_right.png)
		no-repeat 100% 0
}

.genericPopup .headerContent {
	height: 20px;
	padding: 10px 0 10px 10px;
	background: transparent url(../images/bak_popup_header_left.png)
		repeat-x 0 0
}

.genericPopup .hebody.homecinema {
	background-color: #382B7A
}

.genericPopup .header p {
	float: left;
	font-size: 1.8em
}

ader p {
	float: left;
	font-size: 2em
}

.genericPopup .header .closeButton {
	position: absolute;
	top: 7px;
	right: 12px
}

.genericPopup .header .closeButton a {
	display: block
}

.genericPopup .header .backButton {
	float: left;
	margin-right: 10px
}

.genericPopup .content {
	padding: 10px;
	min-height: 80px;
	background-color: #fff;
	border-right: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	overflow: hidden
}

.genericPopup .content.genericPopupLoader {
	background-image: url(../images/ani_loader_normal.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat
}

/* Popup */
#Popup {
	top: 30%
}

#PopupBackground {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent url(../images/tsp_black_60.png) repeat 0 0;
	z-index: 988
}

/* generic collapsible table  */
.genericCollapsibleModule {
	margin-bottom: 20px
}

.genericCollapsibleModule .header {
	padding-right: 37px;
	text-align: left;
	border-bottom: 1px solid #e1e1e1;
	background: transparent url(../images/ico_collapsible_arrow.png)
		no-repeat 100% -34px
}

#Container.black .genericCollapsibleModule .header {
	background-image: url(../images/ico_blk_collapsible_arrow.png)
}

.genericCollapsibleModule .open {
	background-position: 100% 0;
	border-bottom: none
}

#Container.black .genericCollapsibleModule .header {
	border-bottom-color: #4d4d4d
}

.genericCollapsibleModule .header span {
	display: block;
	height: 15px;
	padding: 8px 10px 8px 10px;
	font-size: 1.6em;
	font-weight: bold;
	background: transparent url(../images/bak_collap_header_l.png) no-repeat
		0 0;
	cursor: pointer
}

#Container.black .genericCollapsibleModule .header span {
	background-image: url(../images/bak_blk_collap_header_l.png)
}

.genericCollapsibleModule  .collapsibleContent {
	border: 1px solid #e1e1e1;
	border-top: none
}

#Container.black .genericCollapsibleModule  .collapsibleContent {
	border-color: #4d4d4d
}

/* generic collapsible section */
.genericCollapsibleSection {
	
}

.genericCollapsibleSection .header .content {
	padding: 7px 15px
}

.genericCollapsibleSection .header h3 {
	padding: 1px 0 1px 35px;
	font-size: 2em;
	font-weight: normal;
	color: #00BAF2;
	background: url(../images/bak_support_arrow.png) no-repeat 0 0
}

#Container.black .genericCollapsibleSection .header h3 {
	margin: 0;
	color: #7FD1F1;
	background-image: url(../images/bak_support_arrow_blk.png)
}

.genericCollapsibleSection .header.open h3 {
	background-position: 0 -23px
}

.genericCollapsibleSection .header.open .bottom {
	visibility: hidden
}

/* generic grey box */
.genericRoundedGeyBox {
	
}

.genericRoundedGeyBox .top {
	height: 9px;
}

.black .genericRoundedGeyBox .top {
	height: 7px;
}

.genericRoundedGeyBox .top .tl {
	float: left;
	width: 9px;
	height: 9px
}

.genericRoundedGeyBox .top .tr {
	float: right;
	width: 9px;
	height: 9px
}

.genericRoundedGeyBox .top .t {
	margin: 0 9px;
	height: 9px
}

.black .genericRoundedGeyBox>.top .t {
	margin: 0 7px;
	height: 7px
}

.genericRoundedGeyBox .top .tl {
	background: transparent url(../images/bak_keywordpanel_tl.png) no-repeat
		0 0
}

.genericRoundedGeyBox .top .tr {
	background: transparent url(../images/bak_keywordpanel_tr.png) no-repeat
		100% 0
}

.genericRoundedGeyBox .top .t {
	background: transparent url(../images/bak_keywordpanel_t.png) repeat-x
}

.genericRoundedGeyBox .content {
	
}

.genericRoundedGeyBox .content {
	background: #f5f5f5;
	border-right: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5
}

.genericRoundedGeyBox .bottom {
	height: 14px
}

.genericRoundedGeyBox .bottom .bl {
	float: left;
	width: 14px;
	height: 14px
}

.genericRoundedGeyBox .bottom .br {
	float: right;
	width: 14px;
	height: 14px
}

.genericRoundedGeyBox .bottom .b {
	margin: 0 14px;
	height: 14px
}

.genericRoundedGeyBox .bottom .bl {
	background: transparent url(../images/bak_keywordpanel_bl.png) no-repeat
		0 0
}

.genericRoundedGeyBox .bottom .br {
	background: transparent url(../images/bak_keywordpanel_br.png) no-repeat
		100% 0
}

.genericRoundedGeyBox .bottom .b {
	background: transparent url(../images/bak_keywordpanel_b.png) repeat-x
}

.black .genericRoundedGeyBox .bottom {
	height: 10px
}

.black .genericRoundedGeyBox .bottom .bl {
	height: 10px;
	width: 10px
}

.black .genericRoundedGeyBox .bottom .br {
	height: 10px;
	width: 10px
}

.black .genericRoundedGeyBox .bottom .b {
	height: 10px;
	margin: 0 10px
}

/* generic sidebars */
.genericSidebarNarrow {
	width: 200px
}

.genericSidebarNarrow.floatLeft {
	margin-right: 30px
}

.genericSidebarNarrow.floatRight {
	margin-left: 30px
}

.genericSidebarNarrow .genericRoundedCorners>.content {
	padding: 7px 10px
}

.genericSidebarMedium {
	width: 280px
}

.genericSidebarMedium.floatLeft {
	margin-right: 25px
}

.genericSidebarMedium.floatRight {
	margin-left: 25px
}

.genericSidebarMedium .genericRoundedCorners>.content {
	padding: 7px 15px
}

.genericSidebarModule {
	margin-bottom: 20px
}

.genericSidebarModule>.content {
	padding: 5px 10px
}

.genericSidebarModule h3 {
	font-size: 1.6em;
	font-weight: bold
}

.genericSidebarModule h3,.genericSidebarModule p,.genericSidebarModule .buttonBlue
	{
	margin-bottom: 10px
}

.genericSidebarModule p,.genericSidebarModule .relatedLinks {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em
}

.genericSidebarModule .relatedLinks {
	margin-bottom: 5px
}

.genericSidebarNarrow .module,.genericSidebarMedium .module {
	margin-bottom: 30px
}

/* TEXT */
.txtDark,.txtDarkSmall,.txtDarkNormal,.txtDarkMedium,.txtDarkLarge {
	color: #4d4d4d
}

.txtLight,.txtLightSmall,.txtLightNormal,.txtLightMedium,.txtLightLarge
	{
	color: #999
}

.txtError,.txtErrorSmall,.txtErrorNormal,.txtErrorMedium,.txtErrorMediumLarge,.txtErrorLarge
	{
	color: #ed1c24
}

.txtBenefit,.txtBenefitSmall,.txtBenefitNormal,.txtBenefitMedium,.txtBenefitLarge
	{
	color: #a1cd3a
}

.txtInfo{
	color: #f7931e;
	margin-bottom: 2px;
	margin-top: 0px;
	line-height:1;
}

.txtInfoSmall,.txtInfoNormal,.txtInfoMedium,.txtInfoLarge {
	color: #f7931e
}

.txtRequired,.txtRequiredSmall,.txtRequiredNormal,.txtRequiredMedium,.txtRequiredLarge
	{
	color: #00baf2
}

.txtSmall,.txtDarkSmall,.txtLightSmall,.txtErrorSmall,.txtBenefitSmall,.txtInfoSmall,.txtRequiredSmall
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
	margin-top: 5px;
}

.txtNormal,.txtDarkNormal,.txtLightNormal,.txtErrorNormal,.txtBenefitNormal,.txtInfoNormal,.txtRequiredNormal
	{
	font-family: Arial, sans-serif;
	font-size: 1.2em
}

.txtMedium,.txtDarkMedium,.txtLightMedium,.txtErrorMedium,.txtBenefitMedium,.txtInfoMedium,.txtRequiredMedium
	{
	font-family: Arial, sans-serif;
	font-size: 1.4em;
}

.txtMediumLarge,.txtDarkMediumLarge,.txtLightMediumLarge,.txtErrorMediumLarge,.txtBenefitMediumLarge,.txtInfoMediumLarge,.txtRequiredMediumLarge
	{
	font-family: Arial, sans-serif;
	font-size: 1.6em
}

.txtLarge,.txtDarkLarge,.txtLightLarge,.txtErrorLarge,.txtBenefitLarge,.txtInfoLarge,.txtRequiredLarge
	{
	font-family: Arial, sans-serif;
	font-size: 2em
}

p.txtNormal,p.txtDarkNormal,p.txtLightNormal,p.txtErrorNormal,p.txtBenefitNormal,p.txtInfoNormal,p.txtRequiredNormal
	{
	line-height: 1.5
}

p.txtMedium {
	line-height: 1.2
}

.txtMainHeader {
	margin-bottom: 20px;
	font-size: 3em;
	font-weight: normal
}

.txtSubHeader {
	margin: 30px 0 10px;
	font-size: 2.5em;
	font-weight: normal
}

.txtSummaryHeader {
	font-family: Arial, sans-serif;
	font-size: 2em;
	color: #999;
	line-height: 1.2
}

.txtDescriptionHeader,.txtNormalAlt {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.5
}

.upper {
	font-weight: normal;
	text-transform: uppercase
}

table.basket tbody td .upperStrong {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.2em;
}

.upperStrong {
	text-transform: uppercase
}

/* BACKGROUNDS */
body.grey {
	background-color: #F2F2F2
}

body.green {
	background-color: #B3CA35
}

body.orange {
	background-color: #FF7A00
}

body.purple {
	background-color: #80379B
}

body.pink {
	background-color: #C3009E
}

body.turquoise {
	background-color: #00B2A9
}

body.royal {
	background-color: #183975
}

body.consumer {
	background-color: #183975
}

body.myepson {
	background-color: #DB4D69
}

body.homecinema {
	background-color: #382B7A
}

body.home {
	background: #fff url(../images/bak_home.gif) repeat-x 0 0
}

body.pro {
	background: #4d4d4d url(../images/bak_professional.png) repeat-x 0 0;
	color: #E1E1E1
}

body.business {
	background: #686868 url(../images/bak_business_gradient.png) repeat-x 0
		0
}

body.solutions,body.epsonworld,body.fullimage {
	background: #fff none
}

body.solutions #Container,body.epsonworld #Container,body.fullimage #Container
	{
	padding: 0 30px
}


.f_error_text {
	min-height: 1.75em;
	font-size: 1.2em;
	font-weight: bold;
	color: #ED1C24
}

/*Added to fix the newsletter signup issue*/
.bottomOptions .column .contentBlock .newsLetter .formItem .buttonBlue {
	MARGIN: -2px 6px -7px
}


/* UI ELEMENTS (BUTTONS, DROPDOWNS) */ /* masthead search button */
.buttonBlack {
	display: -moz-inline-box;
	display: inline-block;
	padding-right: 2px;
	text-transform: uppercase;
	background: transparent url(../images/sprite_buttons.png) no-repeat 100%
		-120px;
	line-height: 1.5
}

.buttonBlack:hover {
	background-position: 100% -160px;
	text-decoration: none
}

.buttonBlack:active {
	background-position: 100% -200px;
	outline: none
}

.buttonBlack:focus {
	outline: none
}

.buttonBlack input {
	display: inline;
	height: 2.4em;
	padding: 3px 8px 7px 10px;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	background: transparent url(../images/sprite_buttons.png) no-repeat 0 0;
	cursor: pointer
}

.buttonBlack:hover input {
	background-position: 0 -40px
}

.buttonBlack:active input {
	background-position: 0 -80px
}

/* blue buttons */
	/* revert back the changes done to padding-right element as it is causing button issue */
.buttonBlue {
	display: -moz-inline-box;
	display: inline-block;
	padding-right: 10px;
	line-height: 1;
	background: transparent url(../images/sprite_buttons.png) no-repeat 100%
		-360px
}

.buttonBlue:hover {
	background-position: 100% -400px;
	text-decoration: none
}

.buttonBlue:active {
	background-position: 100% -440px
}

.buttonBlue:focus {
	outline: none
}

button.buttonBlue,x:-moz-any-link {
	padding-right: 7px;
	background-position: 100% -360px
}

button.buttonBlue:hover,x:-moz-any-link {
	background-position: 100% -400px
}

button.buttonBlue:active,x:-moz-any-link {
	background-position: 100% -440px
}

.buttonBlue span,.buttonBlue input {
	display: block;
	height: 0.85em;
	padding: 8px 0 12px 10px;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	background: transparent url(../images/sprite_buttons.png) no-repeat 0
		-240px
}

.buttonBlue input {
	display: inline;
	height: 2.583em;
	padding: 6px 0 10px 10px
}

.buttonBlue:hover span,.buttonBlue:hover input {
	background-position: 0 -280px
}

.buttonBlue:active span,.buttonBlue:active input {
	background-position: 0 -320px
}

.button.disabled span,.button.disabled input {
	color: #D9D9D9
}

button.buttonBlue span {
	padding-right: 0;
	padding-bottom: 13px;
	line-height: 1
}

/* normal buttons */
.button {
	display: -moz-inline-box;
	display: inline-block;
	padding-right: 2px;
	text-transform: uppercase;
	background: transparent url(../images/sprite_buttons.png) no-repeat 100%
		-600px;
	line-height: 1.2
}

.button:hover {
	background-position: 100% -640px;
	text-decoration: none
}

.button:active {
	background-position: 100% -680px
}

.button:focus {
	outline: none
}

.button.disabled:hover {
	background-position: 100% -600px
}

button.button,x:-moz-any-link {
	height: 2.7em;
	padding-right: 0;
	background-position: 100% 600px
}

button.button:hover,x:-moz-any-link {
	background-position: 100% -640px
}

button.button:active,x:-moz-any-link {
	background-position: 100% -680px
}

.button span,.button input {
	display: block;
	height: 1.09em;
	padding: 7px 8px 8px 10px;
	font-size: 1.1em;
	font-weight: bold;
	color: #00baf2;
	background: transparent url(../images/sprite_buttons.png) no-repeat 0
		-480px;
	cursor: pointer;
	
}

.button input {
	display: inline;
	height: 2.455em;
	text-transform: uppercase;
	margin-bottom:5px;
}

.button:hover span,.button:hover input {
	background-position: 0 -520px
}

.button:active span,.button:active input {
	background-position: 0 -560px
}

.button.disabled span,.button.disabled input {
	color: #999
}

.button.disabled:hover span,.button.disabled:hover input {
	background-position: 0 -480px;
	cursor: default
}
.fixCompareButton{
        float: right;
}
/* black normal buttons */
#Container.black .button {
	background-position: 100% -840px
}

#Container.black .button:hover {
	background-position: 100% -880px;
	text-decoration: none
}

#Container.black .button:active {
	background-position: 100% -920px
}

#Container.black .button.disabled:hover {
	background-position: 100% -840px
}

#Container.black #Popup .button {
	color: #00BAF2;
	background-position: 100% -600px
}

#Container.black button.button,x:-moz-any-link {
	height: 2.7em;
	padding-right: 0;
	background-position: 100% 840px
}

#Container.black button.button:hover,x:-moz-any-link {
	background-position: 100% -880px
}

#Container.black button.button:active,x:-moz-any-link {
	background-position: 100% -920px
}

#Container.black .button span,#Container.black .button input {
	color: #7FD1F1;
	background-position: 0 -720px
}

#Container.black .button:hover span,#Container.black .button:hover input
	{
	background-position: 0 -760px
}

#Container.black .button:active span,#Container.black .button:active input
	{
	background-position: 0 -800px
}

#Container.black .button.disabled:hover span,#Container.black .button.disabled:hover input
	{
	background-position: 0 -720px;
	cursor: default
}

#Container.black .button.disabled span,#Container.black .button.disabled input
	{
	color: #ffffff
}

#Container.black #Popup .button span,#Container.black #Popup .button input
	{
	color: #00BAF2;
	background-position: 0 -480px
}

/* small buttons */
.buttonSmall {
	display: -moz-inline-box;
	display: inline-block;
	padding-right: 2px;
	color: #00baf2;
	background: transparent url(../images/sprite_buttons.png) no-repeat 100%
		-1080px;
	line-height: 1.2;
	margin-top:5px;
}

.buttonSmall:hover {
	background-position: 100% -1120px;
	text-decoration: none
}

.buttonSmall:active {
	background-position: 100% -1160px;
	text-decoration: none
}

.buttonSmall:focus {
	outline: none
}

button.buttonSmall,x:-moz-any-link {
	padding-right: 0;
	background-position: 100% 1px
}

button.buttonSmall:hover,x:-moz-any-link {
	background-position: 100% -30px
}

button.buttonSmall:active,x:-moz-any-link {
	background-position: 100% -61px
}

.buttonSmall span,.buttonSmall input {
	display: block;
	height: 1.273em;
	padding: 4px 8px 4px 10px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
	color: #00baf2;
	background: transparent url(../images/sprite_buttons.png) no-repeat 0
		-960px;
	cursor: pointer
}

.buttonSmall input {
	display: inline;
	height: 2em;
	padding: 4px 8px 4px 10px
}

.buttonSmall:hover span,.buttonSmall:hover input {
	background-position: 0 -1000px
}

.buttonSmall:active span,.buttonSmall:active input {
	background-position: 0 -1040px
}

.buttonSmall.disabled span,.buttonSmall.disabled input {
	color: #999
}

/* black small buttons */
#Container.black .buttonSmall {
	background-position: 100% -1320px
}

#Container.black .buttonSmall:hover {
	background-position: 100% -1360px
}

#Container.black .buttonSmall:active {
	background-position: 100% -1400px
}

#Container.black button.buttonSmall,x:-moz-any-link {
	padding-right: 0;
	background-position: 100% -1320px
}

#Container.black button.buttonSmall:hover,x:-moz-any-link {
	background-position: 100% -1080px
}

#Container.black button.buttonSmall:active,x:-moz-any-link {
	background-position: 100% -1400px
}

#Container.black #Popup .buttonSmall {
	background-position: 100% -1080px
}

#Container.black .buttonSmall span,#Container.black .buttonSmall input {
	color: #7FD1F1;
	background-position: 0 -1200px
}

#Container.black .buttonSmall:hover span,#Container.black .buttonSmall:hover input
	{
	background-position: 0 -1240px
}

#Container.black .buttonSmall:active span,#Container.black .buttonSmall:active input
	{
	background-position: 0 -1280px
}

#Container.black .buttonSmall.disabled span,#Container.black .buttonSmall.disabled input
	{
	color: #999
}

#Container.black #Popup .buttonSmall span,#Container.black #Popup .buttonSmall input
	{
	color: #7FD1F1;
	background-position: 0 -960px;
}

/* small plus button */
.buttonPlus span {
	padding-left: 25px;
	background-position: 0 -1960px
}

.buttonPlus:hover span {
	background-position: 0 -2000px
}

.buttonPlus:active span {
	background-position: 0 -2040px
}

/* black small plus button */
#Container.black .buttonPlus span {
	background-position: 0 -2080px
}

#Container.black .buttonPlus:hover span {
	background-position: 0 -2120px
}

#Container.black .buttonPlus:active span {
	background-position: 0 -2160px
}

/* small minus button */
.buttonMinus span {
	padding-left: 25px;
	background-position: 0 -2200px
}

.buttonMinus:hover span {
	background-position: 0 -2240px
}

.buttonMinus:active span {
	background-position: 0 -2280px
}

/* black small minus button */
#Container.black .buttonMinus span {
	background-position: 0 -2320px
}

#Container.black .buttonMinus:hover span {
	background-position: 0 -2360px
}

#Container.black .buttonMinus:active span {
	background-position: 0 -2400px
}

/* small download button */
.buttonDownload span {
	padding-left: 25px;
	background-position: 0 -2440px
}

.buttonDownload:hover span {
	background-position: 0 -2480px
}

.buttonDownload:active span {
	background-position: 0 -2520px
}

/* black small download button */
#Container.black .buttonDownload span {
	background-position: 0 -2560px
}

#Container.black .buttonDownload:hover span {
	background-position: 0 -2600px
}

#Container.black .buttonDownload:active span {
	background-position: 0 -2640px
}

/* generic dropdowns */
a.jsDropdown {
	display: -moz-inline-box;
	display: inline-block;
	padding-right: 27px;
	text-align: left;
	background: transparent url(../images/sprite_buttons.png) no-repeat 100%
		-1480px;
	line-height: 1.5
}

a.jsDropdown.disabled {
	opacity: 0.5
}

a.jsDropdown:hover {
	text-decoration: none
}

/* overflow: hidden elt has been removed in order to fix the button alignment issue in Product browser */
a.jsDropdown span {
	display: block;
	height: 15px;
	padding: 6px 10px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
	color: #636363;
	line-height: 14px;
	background: transparent url(../images/sprite_buttons.png) no-repeat 0
		-1440px;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
}

a.jsDropdown span:hover {
	color: #00baf2
}

a.jsDropdown.disabled span:hover {
	color: #4d4d4d
}

/* black generic dropdown */
#Container.black  a.jsDropdown {
	background-position: 100% -1560px
}

#Container.black .jsDropdown span {
	color: #fff;
	background-position: 0 -1520px
}

.buttonNext {
	background: transparent url(../images/bak_pagination_next.png) no-repeat
		0 0
}

.buttonNext:hover {
	background-position: 0 -22px
}

.buttonNext:active {
	background-position: 0 -44px
}

.buttonPrevious {
	background: transparent url(../images/bak_pagination_previous.png)
		no-repeat 0 0
}

.buttonPrevious:hover {
	background-position: 0 -22px
}

.buttonPrevious:active {
	background-position: 0 -44px
}

.buttonBlueClose {
	height: 12px;
	background: transparent url(../images/btn_blue_close_hover.png)
		no-repeat 0 0;
	padding: 10px 14px
}

.buttonBlueClose:active {
	background-image: url(../images/btn_blue_close.png)
}

.buttonBlueClose:focus {
	outline: none
}

.buttonBlueClose span {
	display: none
}

.buttonBlueNext {
	padding: 15px;
	background: transparent url(../images/btn_blue_next.png) no-repeat 0 0
}

.buttonBlueNext:hover {
	background-image: url(../images/btn_blue_next_hover.png)
}

.buttonBlueNext:focus {
	outline: none
}

.buttonBlueNext span {
	display: none
}

.buttonBluePrevious {
	padding: 15px;
	background: transparent url(../images/btn_blue_prev.png) no-repeat 0 0
}

.buttonBluePrevious:hover {
	background-image: url(../images/btn_blue_prev_hover.png)
}

.buttonBluePrevious:focus {
	outline: none
}

.buttonBluePrevious span {
	display: none
}

.buttonAddons {
	display: inline-block;
	padding: 7px 0;
	color: #00baf2
}

.buttonAddons:hover {
	text-decoration: none
}

.buttonAddons:focus {
	outline: none
}

.buttonAddons span {
	margin-left: 35px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em
}

.buttonAddons:hover span {
	text-decoration: underline
}

.imagePrint {
	background: url(../images/btn_print.png) no-repeat 0 0
}

.imageEmail {
	background: url(../images/btn_email.png) no-repeat 0 0
}

.imagePrevious {
	background: url(../images/btn_previous.png) no-repeat 0 0
}

body.pro .imagePrint {
	background: url(../images/btn_blk_print.png) no-repeat 0 0
}

body.pro .imageEmail {
	background: url(../images/btn_blk_email.png) no-repeat 0 0
}

body.pro .imagePrevious {
	background: url(../images/pro_back_to_button.png) no-repeat 0 0
}

.buttonBasket {
	display: -moz-inline-box;
	display: inline-block;
	padding-right: 2px;
	text-transform: uppercase;
	background: transparent url(../images/bak_btn_normal_r.png) no-repeat
		100% 0;
	line-height: 1.2
}

.buttonBasket:hover {
	background-position: 100% -27px;
	text-decoration: none
}

.buttonBasket:active {
	background-position: 100% -54px
}

.buttonBasket:focus {
	outline: none
}

button.buttonBasket,x:-moz-any-link {
	height: 2.7em;
	padding-right: 0;
	background-position: 100% 1px
}

button.buttonBasket:hover,x:-moz-any-link {
	background-position: 100% -26px
}

button.buttonBasket:active,x:-moz-any-link {
	background-position: 100% -53px
}

.buttonBasket input {
	display: inline;
	height: 2.455em;
	padding: 7px 8px 8px 29px;
	font-size: 1.1em;
	font-weight: bold;
	color: #00baf2;
	text-transform: uppercase;
	background: transparent url(../images/bak_basket_normal_l.png) no-repeat
		0 0;
	cursor: pointer
}

#Container.black .buttonBasket input {
	color: #00baf2;
	background-image: url(../images/bak_blk_btn_normal_l.png)
}

.buttonBasket:hover input {
	background-position: 0 -27px
}

.buttonBasket:active input {
	background-position: 0 -54px
}

.buttonBasket.disabled input {
	color: #999
}

#Container.black .buttonBasket.disabled input {
	color: #ffffff
}

.button input[type=hidden],.buttonSmall input[type=hidden],.buttonBlue input[type=hidden],.buttonBlack input[type=hidden],.buttonBasket input[type=hidden]
	{
	display: none
}

/* STRUCTURE */ /* generic structure */
#Container {
	width: 940px;
	margin: 0 auto
}



#Container #Content {
	
}

#Container #Teasers {
	position: relative;
	margin: 15px 0 0;
	padding-top: 10px
}

#Container #Footer {
	margin-top: 10px
}

#Container #Footer .breadCrumbs {
	
}

#Container #Footer #FooterContent {
	
}

/* iframe structure */
#Iframe {
	padding: 20px
}

#Iframe p {
	margin-bottom: 10px
}

iframe.selfHelp {
	width: 890px;
	height: 600px
}

/* homepage structure */
#Container #Carousel {
	width: 940px;
	margin-top: 20px
}

/* epson world structure */
#Container.t17 #HeroPane {
	min-height: 300px
}

/* product structure */
#Container.t02 {
	
}

#Container.t02 #HeroPane {
	min-height: 350px;
	margin-bottom: 10px
}

#Container.t02 #ProductArticle {
	margin-bottom: 20px
}

#Container.t02 #ProductBrowser {
	
}

/*Teasers*/
.wc_tl {
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 4px;
	background: transparent url(../images/sprite_corners.png) no-repeat
		scroll 0 -120px;;
	margin-top: 0px
}

.wc_tr {
	position: absolute;
	top: 0;
	right: 0;
	width: 4px;
	height: 4px;
	background: transparent url(../images/sprite_corners.png) no-repeat
		scroll -16px -120px;
	margin-top: 0px
}

.wc_bl {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 4px;
	height: 4px;
	background: transparent url(../images/sprite_corners.png) no-repeat 0
		-136px;
	margin-bottom: 0px
}

.wc_br {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 4px;
	height: 4px;
	background: transparent url(../images/sprite_corners.png) no-repeat
		-16px -136px;
	margin-bottom: 0px
}

/* article structure */
#Container.t07 {
	
}

#Container.t07 #ProductHighlight {
	min-height: 380px;
	margin-bottom: 10px
}

body.pro #Container.t07 #ProductHighlight {
	min-height: 420px
}

#Container.t07 #ProductArticle {
	margin: 20px 0
}

#ProductArticle.genericRoundedCorners>.content {
	padding: 15px 24px
}

/* shopping backer structure */
#ShoppingBasket {
	
}

#ShoppingBasket>.content {
	padding: 10px 24px
}

#ShoppingBasket .genericSidebarNarrow {
	float: right;
	margin-left: 20px
}

#ShoppingBasket .basketContents {
	
}

/* support landing Structure */
#ProductSupport>.content {
	padding: 15px 24px
}

/* consumable finder structure */
#ConsumableFinder {
	
}

#ConsumableFinder>.content {
	padding: 10px 24px 35px 24px
}

/* configuration structure */
#Configuration {
	
}

#Configuration>.content {
	padding: 15px 24px
}

#Configuration .configurationOptions {
	float: left;
	width: 660px
}

/* consumable product */
#ConsumableProduct {
	
}

#ConsumableProduct h1.txtMainHeader {
	margin-bottom: 10px;
	padding: 15px 0
}

#ConsumableProduct h2.txtMainHeader {
	margin: 0 0 10px 100px;
	padding: 15px 0
}

#ConsumableProduct>.content {
	padding: 15px 24px
}

#ConsumableProduct .configurationOptions {
	float: left;
	width: 660px
}

/* product registration structure */
#ProductRegistration {
	
}

#ProductRegistration>.content {
	padding: 10px 24px
}

/* Europe Homepage */
#Container.t16 {
	
}

#Container.t16 #HeroPane {
	min-height: 700px;
	margin-top: 20px
}

/* product comparison */
#ProductComparison>.content {
	padding: 15px 24px
}

/* support */
#Support>.content {
	padding: 15px 24px
}

#Support .support {
	float: left;
	width: 660px;
	padding-top: 15px
}

/* site map */
#SiteMap>.content {
	padding: 15px 24px
}

/* search results */
.searchResults>.content {
	padding: 15px 24px
}

/* Free HTML Container for 100% width*/
.FreeHTMLContainer {
	width: 100%
}

#account_gender_radios {
	margin-left: -60px;
}

#tsandcs ol li {margin-left:20px; list-style-type: decimal; padding-top:4px; padding-bottom:4px;}
#tsandcs ul {padding-left:30px;}
#tsandcs ul li {font-size:11px;}