/* MODULES */ /* User Links #UserLinks { margin-bottom:5px; text-align:right } #UserLinks ul { margin-right:-10px; padding-top:5px } #UserLinks ul li {display:inline; text-transform:uppercase; font-size:1em; border-left:1px solid #4a4a4a; padding:0 10px 0 10px;} #UserLinks ul li:first-child { border-left:none } body.grey #UserLinks ul li, body.home #UserLinks ul li { color:#e1e1e1; border-color:#d9d9d9 } #UserLinks ul li a, #UserLinks ul li label, #UserLinks ul li strong { color:#4a4a4a } #UserLinks ul li strong { margin-right:10px } body.pro #UserLinks ul li a, body.pro #UserLinks ul li label { color:#e1e1e1 } body.home #UserLinks ul li a, body.home #UserLinks ul li label, body.grey #UserLinks ul li a, body.grey #UserLinks ul li label { color:#4d4d4d } #UserLinks ul li#selCountryDropdown a { background:url(../images/ico_arrowdown_white.png) no-repeat right; padding:0 12px 0 0 } body.grey #UserLinks ul li#selCountryDropdown a, body.home #UserLinks ul li#selCountryDropdown a { background-image:url(../images/ico_arrowdown_grey.png) } #UserLinks .selCountryContainer { text-align:left } #UserLinks .selCountryContainer .content { padding:0 5px }*/ /* Mast Head */ #MastHead { position:relative; } /* masthead logo */ #MastHead .mastheadLogo { float:left; width:130px; padding:10px 0 0 20px } #MastHead .mastheadLogo a { display:block; width:116px; height:38px } #Container.white #MastHead .mastheadLogo a { background:transparent url(../images/epson_logo.png) no-repeat 0 0 } #Container.black #MastHead .mastheadLogo a { background:transparent url(../images/epson_logo_white.png) no-repeat 0 0 } #MastHead .mastheadLogo a img { display:none } #MastHead .mastheadContents {margin-left:150px; padding:0 0 0 0; border-left:1px solid #e1e1e1;} #Container.black #MastHead .mastheadContents { border-color:#4d4d4d } #MastHead .levelOne {padding:0 10px 0 0;} /* masthead search */ #MastHead .mastheadSearch { float:right; margin-top:-5px } #MastHead .mastheadSearch label { display:none } #MastHead .mastheadSearch input#SiteSearch { float:left; width:185px; height:1.5em; margin-right:5px; padding:4px 5px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; border:1px solid #e1e1e1; background:#fff url(../images/bak_textFields.gif) repeat-x 0 0 } #MastHead .mastheadSearch input#SiteSearch:focus { border-color:#00baf2 } #MastHead .mastheadSearch button { float:left } /*masthead tabbed navigation */ #MastHead .tabbedNavigation {padding-left:12px;} #MastHead .tabbedNavigation div.title {display:none;} #MastHead .tabbedNavigation ul {height:39px; overflow:hidden;} #MastHead .tabbedNavigation ul li {float:left; font-size:1.4em; text-transform:uppercase; height:39px;} #MastHead .tabbedNavigation ul li a {display:block; color:#4d4d4d; margin:17px 0 0 31px;} #MastHead .tabbedNavigation ul li a:hover {color:#00baf2;} #MastHead .tabbedNavigation ul li.active:hover {} #MastHead .tabbedNavigation ul li.active span {margin:2px 0 0 0; padding:0; display:inline-block; height:100%; width:8px; background:url(../images/leftBG.png) no-repeat bottom left; float:left;} #MastHead .tabbedNavigation ul li.active a {float:left; color:#78d3ef; background:url(../images/rightBG.png) no-repeat top right; margin:0; padding:17px 18px 8px 8px;} /* masthead primary navigation #MastHead .primaryNavigation {background:yellow;} #MastHead .primaryNavigation div.title {font-size:1.4em; font-weight:bold; text-transform:uppercase; color:#4D4D4D;} #MastHead .primaryNavigation ul {height:44px;} #MastHead .primaryNavigation ul li {float:left; font-size:1.4em; text-transform:uppercase; height:44px;} #MastHead .primaryNavigation ul li:hover {background:url(../images/rightBG.png) no-repeat top right;} #MastHead .primaryNavigation ul li a {color:#4d4d4d; padding:20px 10px 10px 10px; background:pink;} #MastHead .primaryNavigation ul li a:hover {color:#78d3ef; text-decoration:none; background:url(../images/leftBG.png) no-repeat left;} #MastHead .primaryNavigation ul li + li {margin-left:10px; padding-left:10px;} #Container.black #MastHead .primaryNavigation ul li + li {border-color:#4d4d4d;} #Container.black #MastHead .primaryNavigation ul li a {color:#e1e1e1;} #Container.black #MastHead .primaryNavigation ul li a:hover {color:#44D9F8;} */ #MastHead .levelTwo { margin-top:0px; padding:0 10px 0 20px; border-top:1px solid #eaeaea;} #Container.black #MastHead .levelTwo {border-color:#4d4d4d;} /* masthead secondary navigation */ #MastHead .secondaryNavigation { margin-top:6px } #MastHead .secondaryNavigation ul { } #MastHead .secondaryNavigation ul li { display:inline; margin-right:20px; font-size:1.2em; text-transform:uppercase; color:#000000 } #MastHead .secondaryNavigation ul li a { color:#4d4d4d } #Container.black #MastHead .secondaryNavigation ul li a { color:#e1e1e1 } #MastHead .secondaryNavigation ul li a:hover { color:#00baf2; text-decoration:none } #Container.black #MastHead .secondaryNavigation ul li a:hover { color:#44D9F8 } #MastHead .secondaryNavigation ul li.dropdown a { background:url(../images/ico_arrowdown_grey.png) no-repeat 100% 50%; padding-right:12px } #MastHead .secondaryNavigation ul li ul { display:none } #MastHead .secondaryNavigation ul li.dropdown ul li a { background-image:none } /* masthead basket */ #MastHead .mastheadCheckout { position:absolute; bottom:4px; right:0; padding-right:10px; text-align:right; background:transparent none no-repeat 100% 0 } #Container.white #MastHead .mastheadCheckout { background-image:url(../images/bak_header_basket_r.png) } #Container.black #MastHead .mastheadCheckout { bottom:5px; background-image:url(../images/bak_blk_header_basket_r.png) } #MastHead .mastheadCheckout:hover { background-position:100% -27px; text-decoration:none } #MastHead .mastheadCheckout:active { background-position:100% -54px } #MastHead .mastheadCheckout:focus { outline:none } #MastHead .mastheadCheckout span { display:block; padding:8px 0 6px 35px; font-size:1.2em; color:#00BAF2; text-transform:uppercase; background:transparent none no-repeat 0 0 } #Container.white #MastHead .mastheadCheckout span { background-image:url(../images/bak_header_basket_l.png) } #Container.black #MastHead .mastheadCheckout span { color:#fff; background-image:url(../images/bak_blk_header_basket_l.png) } #MastHead .mastheadCheckout:hover span { color:#fff; background-position:0 -27px } #MastHead .mastheadCheckout:active span { color:#fff; background-position:0 -54px } /* Breadcrumbs */ .breadCrumbs { } .breadCrumbs ul { margin:4px 0 0 5px; font-family:Verdana, Arial, sans-serif; color:#fff } .breadCrumbs ul li { display:inline; font-size:1em; text-transform:uppercase; color:#fff } /*Removed "padding-right:3px;" in ".breadCrumbs ul li " and ".breadCrumbs ul li a" to fix breadcrumbs spacing issue*/ .breadCrumbs ul li a {color:#fff }/*Removed "padding-right:3px;" to fix breadcrumbs spacing issue*/ body.pro .breadCrumbs ul li a { color:#e1e1e1} body.grey .breadCrumbs ul li, body.grey .breadCrumbs ul li a { color:#4d4d4d } /* Carousel */ .carouselItem { width:570px; margin:0 auto 20px } .carouselItem .carouselHeading { position:relative; height:270px; overflow:hidden; color:#fff } .carouselItem .carouselHeading .carouselType { position:absolute; top:0; left:0; right:0; padding:5px 20px; font-size:1.4em; font-weight:bold; text-transform:uppercase; background:transparent url(../images/bak_carousel_title.png) no-repeat 0 0 } .carouselItem .carouselHeading .carouselHeadingContent { position:absolute; top:40px; left:20px; right:20px; width:320px } .carouselItem .carouselHeading .carouselHeadingContent h2 { margin-bottom:5px; font-size:4em; font-weight:f; text-transform:uppercase } .carouselItem .carouselHeading .carouselHeadingContent p { margin-bottom:10px; font-size:1.6em; line-height:1.2 } .carouselItem .carouselHeading img { width:570px } .carouselItem .content { padding:20px } ul.carouselItemInfo { } ul.carouselItemInfo > li { margin-top:20px; padding-top:20px; border-top:1px dashed #ccc } ul.carouselItemInfo > li:first-child { margin-top:0; padding-top:0; border-top:none } ul.carouselItemInfo h3 { margin-bottom:20px; font-size:1.2em; text-transform:uppercase } ul.carouselItemInfo p { float:left; width:115px; margin-right:20px; font-size:1.4em; font-weight:bold } ul.carouselItemInfo ul.carouselImageLinks { margin-left:135px } ul.carouselItemInfo ul.carouselLinks { margin-left:205px } ul.carouselItemInfo ul.carouselImageQuickLinks { margin-left:0; padding-top:20px } ul.carouselItemInfo ul.carouselQuickLinks { width:200px; margin-left:0 } ul.carouselItemInfo .carouselQuickLinks + ul.carouselImageLinks { padding-top:20px } ul.carouselLinks { margin-right:-20px } ul.carouselLinks li { float:left; width:150px; margin-right:20px; font-family:Verdana, Arial, sans-serif; font-size:1.1em } ul.carouselQuickLinks li { float:none; width:auto } ul.carouselImageLinks { position:relative; top:-20px; margin-bottom:-20px } ul.carouselImageLinks li { float:left; width:88px; margin-left:10px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; text-align:center } ul.carouselImageQuickLinks li + li { margin-left:25px } ul.carouselImageLinks li:first-child { margin-left:0 } ul.carouselImageLinks li a { color:#4d4d4d } ul.carouselImageLinks li img { display:block; width:88px; height:66px; margin-bottom:5px } ul.carouselArtImageLinks { padding-bottom:20px } ul.carouselArtImageLinks li { float:left; width:70px; height:70px; margin-left:16px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; border:2px solid #fff } ul.carouselArtImageLinks li:first-child { margin-left:0 } ul.carouselArtImageLinks li a { color:#4d4d4d } ul.carouselArtImageLinks li a span { display:block; padding-bottom:5px; background:transparent url(../images/bak_carouselArtShadow.png) no-repeat 50% 100% } /* Hero Pane */ #HeroPane { margin:10px 0 20px 0; clear:both } .heroLeft { float:left; width:210px } .heroLeft h3, .sidebarNavigation h3 { padding-right:10px; background:transparent url(../images/bak_hero_navigation_header_r.png) no-repeat 100% 0 } /* fix is done for alignment issue in home printing */ .heroLeft h3 span, .sidebarNavigation h3 span {line-height:1.2; display:block; padding:9px 10px 8px; font-size:1.2em; text-transform:uppercase; color:#4d4d4d; background:transparent url(../images/bak_hero_navigation_header_l.png) no-repeat 0 0 } /* tertiary navigation (accordion) */ ul.heroNavigation { background-image:url(../images/tsp_black_60.png) } ul.heroNavigation li { } ul.heroNavigation li h3 { } ul.heroNavigation a:hover { text-decoration:none } /* fix is done for alignment issue in home printing */ ul.heroNavigation li h4 a { display:block; padding:6px 10px; font-size:1.2em; font-weight:bold;line-height:1.2 text-transform:uppercase; color:#fff; background:#000 url(../images/bak_hero_navigation.png) repeat-x 100% -62px } ul.heroNavigation li h4.selected a { background-position:100% 0 } ul.heroNavigation li a, ul.heroNavigation li strong { display:block; padding:5px 50px 5px 15px; color:#fff } ul.heroNavigation li a:focus { outline:none } /* font-size has been increased to fix alignment issue in home printing */ ul.heroNavigation ul li { font-family:Verdana, Arial, sans-serif; font-size:1.1em }/*fix 10957 by replacing font-size to 1.1em with 1.em*/ ul.heroNavigation ul li a {line-height:1.2} ul.heroNavigation ul li a:hover { background-image:url(../images/tsp_black_60.png) } ul.heroNavigation li strong { background:#fff; color:#000000 } ul.heroNavigation ul ul li a, .heroLeft ul.heroNavigation ul ul li strong { font-size:90%;padding-left:30px; line-height:1 }/*after adding font size:90%*/ /* fix is done for ECR157 issue */ .heroMain { float:right; width:520px } /* fix is done for alignment issue in home printing */ .heroMain p { font-size:1.6em; line-height:1.2; margin:10px 0; font-weight:bold; color:#fff; } .heroMain h2 {color:#FFFFFF;font-size:3.8em;line-height:1.2;text-transform:uppercase;}/*.heroMain h2 { font-size:4em; line-height:1; text-transform:uppercase; color:#fff; } was modified to fix issues in ECR 157*/ /* Hero Nuggets */ .heroMain .nuggets { float:left; margin-top:10px } .heroMain .nuggets .top { height:7px } /* fix is done for 11080 issue -In Business solutions page */ .heroMain .nuggets .top .tl { float:left; width:7px; height:7px; background:transparent url(../images/bak_nuggets_tl.png) no-repeat 0 0 } .heroMain .nuggets .top .tr {float:right; width:7px; height:7px; background:transparent url(../images/bak_nuggets_tr.png) no-repeat 100% 0 } .heroMain .nuggets .top .t { margin:0 7px; height:7px; background:transparent url(../images/bak_nuggets.png) } .heroMain .nuggets ul.content { padding:8px 15px; background:url(../images/bak_nuggets.png); } .heroMain .nuggets ul li { float:left; width:102px; margin-left:12px; font-family:Verdana, Arial, Helvetica, snas-serif; font-size:1.1em } .heroMain .nuggets ul li:first-child { margin-left:0 } .heroMain .nuggets ul li.single { width:225px } .heroMain .nuggets ul li a { color:#fff; line-height:1.2 } .heroMain .nuggets ul li a:hover { text-decoration:none } .heroMain .nuggets ul li a span.nuggetImage { display:block; padding-bottom:6px; background:transparent url(../images/bak_nuggetshadow.png) no-repeat 0 100% } .heroMain .nuggets ul li.single a span.nuggetImage { float:left; margin-right:10px } .heroMain .nuggets ul li a span.nuggetImage img { width:98px; height:63px; border:2px solid #fff } .heroMain .nuggets .bottom { height:7px } /* fix is done for alignment issue in home printing */ .heroMain .nuggets .bottom .bl {float:left;width:10px; height:7px; background:transparent url(../images/bak_nuggets_bl.png) no-repeat 0 100% } .heroMain .nuggets .bottom .br { float:right; width:10px;height:7px; background:transparent url(../images/bak_nuggets_br.png) no-repeat 100% 100% } .heroMain .nuggets .bottom .b { margin:0 10px; height:7px; background:transparent url(../images/bak_nuggets.png) repeat 0 100% } /* Filters */ #ProductBrowserFilter { padding:0 10px 5px; background:#fff url(../images/bak_filterbar.png) repeat-x 0 100% } #ProductBrowserFilter .browseSelects { float:left; padding:10px 15px 7px; border-right:0px solid #f0f0f0 } #ProductBrowserFilter .browseRadios, #ProductBrowserFilter .browseCheckboxes { float:left; padding:10px 15px 7px; border-right:1px solid #f0f0f0 } #ProductBrowserFilter .browseRange { border:0px } /* 10931- Fix is done for product size issue */ .imagefix ul li a img{width:100px; height:80px;} /* Added element in order to fix the font size issue in product browser */ #ProductBrowserFilter h2 { padding:10px 0 10px 15px; font-size:1.6em } #ProductBrowserFilter h4 { margin-bottom:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:normal } #ProductBrowserFilter h4 span { display:inline-block; height:12px; margin-left:3px; padding:1px 5px; background:transparent url(../images/ico_facet_help.png) no-repeat 0 0; cursor:help } #ProductBrowserFilter h4 span:hover { background-position:0 -14px } #ProductBrowserFilter p { font-size:1.1em; margin-bottom:5px } #ProductBrowserFilter label { margin:0 2px 0 5px; text-transform:uppercase; vertical-align:top } #ProductBrowserFilter ul { } #ProductBrowserFilter ul li { float:left } #ProductBrowserFilter .browseRadios ul li { margin-right:1px } #ProductBrowserFilter .browseCheckboxes ul li { margin-right:5px } #ProductBrowserFilter ul li a { display:block; padding:5px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; color:#fff } #ProductBrowserFilter ul li a:hover { text-decoration:none } #ProductBrowserFilter .jsDropdown { margin-top:3px } #ProductBrowserFilter .buttonBlue { float:right } /* f_tooltip has added in order to correct the alignment for the ? in product browser */ #ProductBrowserFilter h4 span.f_tooltip { color:#FFFFFF; padding:0 0 2px 13px; width:1px; } /* Compare and Sort */ .compareAndSort {position:relative; padding:10px 25px } .compareAndSort .compareContainer { float:left; width:500px } .compareAndSort h1, .compareAndSort h4 { margin-bottom:10px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; font-weight:normal } .compareAndSort .compareContainer h2.compareAndSortText { padding:5px 0 20px; font-size:1.6em; font-weight:700 } .compareAndSort .compareContainer #CompareItems .jsDropdown { width:19.3em } .compareAndSort .compareContainer .button { margin-left:10px } .sortContainer { float:right; width:30em; text-align:right } .sortContainer h4 { margin-bottom:10px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; font-weight:normal } .sortContainer label { margin-right:5px; text-transform:uppercase } /* Comparison Menu */ #CompareItemsDropdown { z-index:10; padding-top:4px; background:transparent url(../images/bak_dropdown_top.png) repeat-x 0 0 } body.pro #CompareItemsDropdown { background-image:url(../images/bak_dropdown_blk_top.png) } #CompareItemsDropdown ul { width:auto; padding:0 10px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; /* border-top:1px solid #e1e1e1 */ } body.pro #CompareItemsDropdown ul { border-top:none } #CompareItemsDropdown ul li { padding:15px 0; /* height:70px; background-color:#fff */ } #CompareItemsDropdown ul li + li { border-top:1px dashed #ccc } body.pro #CompareItemsDropdown ul li + li { border-color:#999 } body.pro #CompareItemsDropdown ul li { background-color:transparent; color:#E1E1E1 } #CompareItemsDropdown ul li img { float:left; width:58.67px; height:44px; margin-right:15px } #CompareItemsDropdown ul li a { color:#636363 } body.pro #CompareItemsDropdown ul li a { color:#E1E1E1 } #CompareItemsDropdown ul li a:hover { color:#00baf2 } body.pro #CompareItemsDropdown ul li a:hover { color:#7FD1F1 } #CompareItemsDropdown ul li a.buttonSmall { margin-top:10px } #CompareItemsDropdown ul li a.buttonSmall span { font-size:1em } #CompareItemsDropdown ul li.lastItem { height:auto; border-bottom:none; background:url(../images/compareModuleBg.png) repeat-x bottom; background-color:transparent } /* Items containers */ #ProductList { position:relative; padding:20px 0 20px 24px } #ProductList .txtSubHeader { margin-top:0 } #ProductBrowser .loaderPanel { position:absolute; top:0; left:50%; margin:-3px 0 0 -100px; z-index:801 } #ProductBrowser .loaderPanel .content { padding:10px 15px } #ProductBrowser .loaderPanel .content h4 { margin:0; padding:3px 0 3px 35px; font-family:Arial, Helvetica, sans-serif; font-size:1.6em; font-weight:bold; background:transparent url(../images/ani_loader_normal.gif) no-repeat 0 0 } #ProductBrowser .loaderPanelBackground { position:absolute; top:0; left:0; right:0; bottom:0; z-index:800; background:transparent url(../images/tsp_white_80.png) repeat 0 0 } #ProductList ul.productItemList { margin-right:-26px } #ProductList .productGroup { margin:20px 0 } /* Product Item */ /* added to fix the product browser alignment issue */ .productItem .itemDetails ul li { margin-bottom:5px; } #ProductList ul.productItemListAutoHeight .productItem + .productItem { padding-left:30px; } #ProductList ul.productItemListAutoHeight {display:table-row} #ProductList ul.productItemListAutoHeight .productItem {display: table-cell;float:none;height:auto;padding:0 0 30px} /* Fix is done for Add to Compare overlapping issue */ .productItem { float:left; width:200px; height:38.9em; padding:0 30px 10px 0 } .productItemMini { width:110px; height:auto; padding-bottom:20px } .productItemMicro { float:none; width:auto; height:auto; padding:0 } .productItemLite { padding:0 0 20px 0; height:auto } .productItemLite + .productItemLite { margin-left:30px } /* fix is done for Epson-AcuLaser-M1200 for IT locale (product titles which appears down)*/ .productItem h4 { position:relative; margin-bottom:10px; padding:5px 5px; font-size:1.4em; text-transform:uppercase; color:#ffffff } body.green .productItem h4 { background-color:#B3CA35 } body.orange .productItem h4 { background-color:#FF7A00 } body.pink .productItem h4 { background-color:#C3009E } body.purple .productItem h4 { background-color:#80379B } /* Fix is done for product Title alignment issue at the bottom of the page for M2100*/ body.business .productItem h4 { background-image:url(../images/bak_business_header.png); width: 100% } /* Fix is done for product Title alignment issue at the bottom of the page for Epson-EPL-6200L*/ #ProductArticle .productList li { width: 219px;} body.homecinema .productItem h4 { background-color:#382B7A } body.consumer .productItem h4 { background-color:#382B7A } body.royal .productItem h4 { background-color:#183975 } /* Fix for #422 */ body.pro .productItem h4 { background-color:#4D4D4D } .productItem .itemImage { position:relative; width:200px; height:150px; margin-bottom:10px } .productItem .itemImage.loader { background:transparent url(../images/ani_loader_normal.gif) no-repeat 50% 50% } .productItemMini .itemImage { height:110px } /* Fix on UI issue in Top Sellers section on Store page */ .productItemMicro .itemImage { float:left; width:auto; height:auto; margin-right:10px; padding:5px 0; margin-bottom: -5px } .productItem .itemImage .itemProductImage { position:absolute; left:0; bottom:0; /*z-index:1;*/ width:200px; height:150px } .productItemMini .itemImage .itemProductImage { width:89px } /* Fix on UI issue in Top Sellers section on Store page - 1.4 Defect Fix (04-03-2010)*/ .productItemMicro .itemImage .itemProductImage { position:static; width:88px; height:66px } .productItem .itemImage .itemBadge { position:absolute; top:0; right:0; z-index:1 } .productItem .itemImage.loader img { visibility:hidden } .productItem .itemCode { margin-bottom:6px; font-family:Verdana, Arial, sans-serif; font-size:1.1em } .productItem .itemDetails { } /* Fix is done for Top Sellers issue on store page */ .productItemMicro .itemDetails { padding-top:10px; } .productItem .itemDetails .productTitle { color:#00baf2; font-size:1.4em; font-weight:bold; margin-bottom:6px } .productItem .itemDetails .itemDescription { margin-bottom:6px; font-size:1.4em; font-weight:bold; text-transform:uppercase } .productItem .itemDetails ul { font-family:Verdana, Arial, sans-serif; font-size:1.1em; margin-bottom:6px } .productItem .itemDetails .itemReview { margin-bottom:6px; font-family:Verdana, Arial, sans-serif; font-size:1.1em } .productItem .itemDetails .itemPrice { margin-bottom:6px } .productItem .itemDetails .itemPrice strong { font-size:1.4em } .productItem .itemDetails .itemComparison { } /* Fix is done for drivers and support spacing issue in products browser ---fixed*/ .productItem .itemDetails .itemAttribute { margin-bottom:5px; margin-top:5px; } .productItem .itemDetails .itemPrice strong, .productItem .itemDetails .priceDetail strong { margin-left:0px; font-size:1.4em; white-space:nowrap } .productItem .itemDetails .itemPrice span, .productItem .itemDetails .priceDetail span { font-family:Arial,Verdana,sans-serif;font-size:0.9em; text-transform:uppercase; display:block; } .productItem .itemDetails .itemPrice a.buttonSmall span { font-family:Verdana,Arial,sans-serif;font-size:1.1em; text-transform:none } .productItem .itemDetails .itemPrice a.buttonBlue { margin-top:3px;margin-bottom:0} .productItem .itemDetails .itemPrice a.buttonBlue span { font-size:1.2em; } .productItem .itemDetails .itemPrice p.upper { font-size:1em } /* Pagination containers */ #ProductBrowserPagination, #ArticlePagination { position:relative; height:5.5em; text-align:center } #ProductBrowserPagination ul, #ArticlePagination ul { } #ProductBrowserPagination ul li, #ArticlePagination ul li { display:inline; width:30px; height:25px; margin-right:10px; padding:2px 0; font-size:1.6em } #ProductBrowserPagination ul li.current, #ArticlePagination ul li.current { background-image:none } #ProductBrowserPagination ul li.previous, #ProductBrowserPagination ul li.next, #ProductBrowserPagination ul li.all, #ArticlePagination ul li.previous, #ArticlePagination ul li.next, #ArticlePagination ul li.all { background-image:none } #ProductBrowserPagination ul li.previous a, #ProductBrowserPagination ul li.next a, #ArticlePagination ul li.previous a, #ArticlePagination ul li.next a { background-image:none } #ProductBrowserPagination ul li.previous a, #ProductBrowserPagination ul li.next a, #ProductBrowserPagination ul li.all a, #ArticlePagination ul li.previous a, #ArticlePagination ul li.next a, #ArticlePagination ul li.all a { padding:0 2px 0 0 } #ProductBrowserPagination ul li.all a, #ArticlePagination ul li.all a { background:transparent url(../images/bak_btn_normal_r.png) no-repeat 100% 0 } #ProductBrowserPagination ul li.previous a.buttonPrevious, #ArticlePagination ul li.previous a.buttonPrevious { height:22px; background:transparent url(../images/bak_pagination_previous.png) no-repeat 0 0 } #ProductBrowserPagination ul li.next a.buttonNext, #ArticlePagination ul li.next a.buttonNext { height:22px; background:transparent url(../images/bak_pagination_next.png) no-repeat 0 0 } #ProductBrowserPagination ul li.next a.buttonNext:hover, #ArticlePagination ul li.next a.buttonNext:hover { background-position:0 -22px } #ProductBrowserPagination ul li.next a.buttonNext:active, #ArticlePagination ul li.next a.buttonNext:active { background-position:0 -44px } #ProductBrowserPagination ul li.previous a.buttonPrevious:hover, #ArticlePagination ul li.previous a.buttonPrevious:hover { background-position:0 -22px } #ProductBrowserPagination ul li.previous a.buttonPrevious:active, #ArticlePagination ul li.previous a.buttonPrevious:active { background-position:0 -44px } #ProductBrowserPagination ul li .firstResult, #ArticlePagination ul li .firstResult { margin:0px 10px; background:none; color:#000000 } #ProductBrowserPagination ul li a, #ProductBrowserPagination ul li strong, #ArticlePagination ul li a, #ArticlePagination ul li strong { display:-moz-inline-box; display:inline-block; width:10px; padding:10px 10px } #ProductBrowserPagination ul li a, #ArticlePagination ul li a { color:#00baf2; background:url(../images/bak_pagination_page.png) no-repeat 0 0 } #ProductBrowserPagination ul li a:hover, #ArticlePagination ul li a:hover { text-decoration:none } #ProductBrowserPagination ul li a:focus, #ArticlePagination ul li a:focus { outline:none } #ProductBrowserPagination ul li.previous a, #ProductBrowserPagination ul li.next a, #ArticlePagination ul li.previous a, #ArticlePagination ul li.next a { width:22px } #ProductBrowserPagination ul li a.buttonSmall, #ArticlePagination ul li a.buttonSmall { width:auto; padding-right:2px; text-transform:none } #ProductBrowserPagination ul li a.buttonSmall span, #ArticlePagination ul li a.buttonSmall span { font-size:0.6875em } #ProductBrowserPagination ul li.previous span, #ProductBrowserPagination ul li.next span, #ArticlePagination ul li.previous span, #ArticlePagination ul li.next span { display:none } /* Teaser Styles */ #Teasers { height:166px } #Teasers .content { height:155px } #Teasers ul { } #Teasers ul li { position:relative; float:left; width:282px; height:142px; padding:7px 15px 6px } #Teasers ul li:last-child { width:283px } #Teasers ul li.type2 { height:155px; width:312.5px; padding:0 } #Teasers ul li.type3 { height:167px; width:313px; padding:0 } #Teasers ul li h4 { margin-bottom:5px; font-size:2.2em; font-weight:bold; text-transform:uppercase } #Teasers ul li.type1 h4 { margin-right:150px } #Container.white #Teasers ul li h4 { color:#000000 } #Container.black #Teasers ul li h4 { color:#fff } #Teasers ul li h4 a { padding-right:10px } #Container.white #Teasers ul li h4 a { color:#4d4d4d } #Container.black #Teasers ul li h4 a { color:#fff } #Container.white #Teasers ul li h4 a:hover { color:#00baf2 } #Container.black #Teasers ul li h4 a:hover { color:#00baf2 } #Teasers ul li p { font-size:1.4em } #Teasers ul li.type1 p { margin-right:150px } #Container.white #Teasers ul li p { color:#999 } #Container.black #Teasers ul li p { color:#fff } #Teasers ul li.type0 img { position:absolute; bottom:-18px; left:-1px; width:312px; height:92px } #Teasers ul li.type1 img { position:absolute; top:-17px; right:10px; width:130px; height:186px } #Teasers ul li.type2 img { width:315px; height:199px; margin:-22px 0 } #Teasers ul li.type2:first-child img { margin-left:-1px; } #Teasers ul li.type0:last-child img, #Teasers ul li.type2:last-child img { left:auto; right:-1px } /*Fix is done for homepage teasers issue */ #Teasers .wc_tl { position:absolute; top:-8px; left:-1px; width:4px; height:4px; /*margin-top:8px;*/ background-position: 0 0 } #Teasers .wc_tr { position:absolute; top:-8px; right:-3px; width:4px; height:4px; background-position: 100% 0 } /*Fix is done for homepage teasers issue */ #Teasers .wc_bl { position:relative; bottom:-8px; left:-1px; width:4px; height:4px; background-position: 0 100% } #Teasers .type0 .wc_bl { bottom:-7px; } #Teasers .wc_br { position:absolute; bottom:-8px; right:-3px; width:4px; height:4px; background-position: 100% 100% } /*Fix is for UI issue which can be seeen on Bundle inks */ table.basket tbody th div.bundlePromo div.wc_tl, table.basket tbody th div.bundlePromo div.wc_tr{margin-top:0px;} body.white #Teasers .wc_tl, body.white #Teasers .wc_tr, body.white #Teasers .wc_bl, body.white #Teasers .wc_br, body.grey #Teasers .wc_tl, body.grey #Teasers .wc_tr, body.grey #Teasers .wc_bl, body.grey #Teasers .wc_br, body.home #Teasers .wc_tl, body.home #Teasers .wc_tr, body.home #Teasers .wc_bl, body.home #Teasers .wc_br {background-image:url(../images/bak_footer_corners_white.png)} body.green #Teasers .wc_tl, body.green #Teasers .wc_tr, body.green #Teasers .wc_bl, body.green #Teasers .wc_br {background-image:url(../images/bak_footer_corners_green.png)} body.orange #Teasers .wc_tl, body.orange #Teasers .wc_tr, body.orange #Teasers .wc_bl, body.orange #Teasers .wc_br {background-image:url(../images/bak_footer_corners_orange.png)} body.purple #Teasers .wc_tl, body.purple #Teasers .wc_tr, body.purple #Teasers .wc_bl, body.purple #Teasers .wc_br {background-image:url(../images/bak_footer_corners_purple.png)} body.pink #Teasers .wc_tl, body.pink #Teasers .wc_tr, body.pink #Teasers .wc_bl, body.pink #Teasers .wc_br {background-image:url(../images/bak_footer_corners_pink.png)} body.turquoise #Teasers .wc_tl, body.turquoise #Teasers .wc_tr, body.turquoise #Teasers .wc_bl, body.turquoise #Teasers .wc_br {background-image:url(../images/bak_footer_corners_turq.png)} body.royal #Teasers .wc_tl, body.royal #Teasers .wc_tr, body.royal #Teasers .wc_bl, body.royal #Teasers .wc_br {background-image:url(../images/bak_footer_corners_royal.png)} body.consumer #Teasers .wc_tl, body.consumer #Teasers .wc_tr, body.consumer #Teasers .wc_bl, body.consumer #Teasers .wc_br {background-image:url(../images/bak_footer_corners_royal.png)} body.myepson #Teasers .wc_tl, body.myepson #Teasers .wc_tr, body.myepson #Teasers .wc_bl, body.myepson #Teasers .wc_br {background-image:url(../images/bak_footer_corners_myepson.png)} body.pro #Teasers .wc_tl, body.pro #Teasers .wc_tr, body.pro #Teasers .wc_bl, body.pro #Teasers .wc_br {background-image:url(../images/bak_footer_corners_pro.png)} body.business #Teasers .wc_tl, body.business #Teasers .wc_tr, body.business #Teasers .wc_bl, body.business #Teasers .wc_br {background-image:url(../images/bak_footer_corners_business.png)} /* Product Highlight Hero */ #ProductHighlight { position:relative; width:940px; margin-bottom:20px } /* fix is done for color issue on product overview page */ #ProductHighlight .left { float:left; width:345px; margin-top:15px; margin-left:5px; color: #FFFFFF } #ProductHighlight .left h1 { font-size:1.6em; text-transform:uppercase } #ProductHighlight .left h2 { margin-top:10px; font-size:4.0em; text-transform:uppercase } /* Added to fix price display */ #ProductHighlight .left p { font-size:1.1em; font-family:Verdana, Arial, sans-serif; line-height:2; } #ProductHighlight .left p.description { margin-top:10px; font-family:Arial, sans-serif; font-size:1.6em; font-weight:bold; line-height:1.2 } #Container.black #ProductHighlight .left p.description { color:#D9D9D9} #Container.black #ProductHighlight .left p a { line-height:1 } /* Added to fix Where to buy button*/ #Container.black #ProductHighlight .left .features .price p .buttonBlue {line-height:1} #ProductHighlight .left a { color:#fff; text-decoration:underline } #ProductHighlight .left a.buttonBlue { text-decoration:none } #ProductHighlight .left .rating { clear:both;font-size:1.2em; } #ProductHighlight .left .features { border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; padding:10px 0 15px; margin-top:20px; height:1% } #Container.black #ProductHighlight .left .features { border-color:#999 } /* Added to fix price display */ #ProductHighlight .left .features .price { float:left; width:160px } #ProductHighlight .left .features .price.nuggets0 { width:100% } #ProductHighlight .left .features .price dt { margin:0.3em 0.5em 0 0; float:left; font-family:Verdana, Arial, sans-serif; font-size:1.1em; font-weight:bold; text-transform:uppercase; line-height:1.23 } #ProductHighlight .left .features .price dd { font-size:1.6em; line-height:1.2 } #ProductHighlight .left .features .price p .buttonBlue { margin:10px 0; font-family:Arial, Helvetica, sans-serif; font-size:0.909em; } #ProductHighlight .left .features .price dt + p {line-height:1.5} /*Added to fix Price Display issue*/ /* Added to fix price display in Uppercase*/ #ProductHighlight .left .features .price div span { font-family:Arial,Verdana,sans-serif; font-size:1.1em; font-weight:normal; text-transform:uppercase; } #ProductHighlight .left .features .price div strong { font-size:1.6em;font-weight:normal } #ProductHighlight .left .features .price div.txtInfo strong { font-weight:bold; color:#FFF} #ProductHighlight .left .features .price div.txtInfo span { color:#FFF } #ProductHighlight .left .features .price div.txtSmall p.upper { width:220px } /* Added to fix price display and video button*/ /* Fix is done for button issue in special offers-> Epson sx600FW for PT Locale */ #ProductHighlight .left .features .price.nuggets2 { width:200px} /* Fix is done for where to buy button issue */ #ProductHighlight .left .features .options { float:right; width:128px; margin-top:15px } #ProductHighlight .left .features .options li { float:right; width:64px; font-size:1.1em; font-weight:bold; text-transform:uppercase; text-align:center; line-height:1.23 } #ProductHighlight .left .features .options li a { display:block; text-decoration:none } #ProductHighlight .left .features .options li a:hover { text-decoration:none } #ProductHighlight .left .features .options li a:focus { outline:none } #ProductHighlight .left .features .options li a span { display:block; height:50px; margin-bottom:5px; background:transparent none no-repeat 50% 0 } #ProductHighlight .left .features .options li.video a span { background-image:url(../images/ico_video.png) } #ProductHighlight .left .features .options li.photo a span { background-image:url(../images/ico_photo.png) } #ProductHighlight .left .features .options li.threeD a span { background-image:url(../images/ico_360.png) } #ProductHighlight .left .features .options li a:hover span { background-position:50% -50px } #ProductHighlight .left .features .options li a:active span { background-position:50% -100px } /* added #f_m_newsletter_privacypolicy to fix privacy policy issue in newsletter(store page) */ #Popup #f_dl_privacypolicy, #Popup #f_dl_licenseagreement ,#Popup #f_m_newsletter_privacypolicy { -moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin adding; background:#FFFFFF url(../images/bak_textFields.gif) repeat-x scroll 0 0; border:1px solid #E4E4E4; font-size:1.2em; height:130px; line-height:1.2; margin-bottom:10px; overflow:auto; padding:5px; width:300px; } #ProductHighlight .left .features .caveat { clear:both; padding-top:5px } #ProductHighlight .left .rating a { text-decoration:underline } #ProductHighlight .right { float:right; width:570px; text-align:right } /* Fix is done for alignment issue between breadcrumb and hero in product overview page */ #ProductHighlight .right .tabs { float:right; height:50px; /*removed "margin-top:-15px" to fix 10968*//*margin-top:-20px;*/ }/*added "margin-top:-20px;" to fix issue in 172 ECR*/ #ProductHighlight .right .tabs li { float:left; font-size:1.2em; font-weight:bold; text-transform:uppercase } #ProductHighlight .right .tabs li a { color:#ffffff; display:block; padding:6px 7px; background:transparent url(../images/bak_tabs_bg.png) repeat-x 0 0; border-right:1px solid #cccccc } #ProductHighlight .right .tabs li a:hover { text-decoration:none } #ProductHighlight .right .tabs li.first a { background:transparent url(../images/bak_tabs_left.png) no-repeat 0 0 } /* Drivers and support tab issue fix */ #ProductHighlight .right .tabs li.last a { background:transparent url(../images/bak_tabs_right.png) no-repeat 100% 0; border-right: 0 none;} #ProductHighlight .right .tabs li a:hover, #ProductHighlight .right .tabs li a.active { color:#4D4D4D; background-position:0 -24px } #ProductHighlight .right .tabs li.last a:hover, #ProductHighlight .right .tabs li.last a.active { color:#4D4D4D; background-position:100% -24px } #Container.black .productSpecHighlight .right .tabs li a , #Container.black #ProductHighlight .right .tabs li a { color:#ffffff; display:block; padding:6px 10px; background:transparent url(../images/bak_blk_tabs_bg.png) repeat-x 0 0; border-right:1px solid #000000 } #Container.black .productSpecHighlight .right .tabs li.first a , #Container.black #ProductHighlight .right .tabs li.first a { background:transparent url(../images/bak_blk_tabs_left.png) no-repeat 0 0 } #Container.black .productSpecHighlight .right .tabs li.last a ,#Container.black #ProductHighlight .right .tabs li.last a { background:url(../images/bak_blk_tabs_right.png) no-repeat 100% 0; border-right:none } #Container.black .productSpecHighlight .right .tabs li a:hover, #Container.black #ProductHighlight .right .tabs li a:hover, #ProductHighlight .right .tabs li a.active , #Container.black #ProductHighlight .right .tabs li a.active, body.pro .productSpecHighlight .right .tabs li a.active { color:#4D4D4D; background-position:0 -24px } #Container.black .productSpecHighlight .right .tabs li.last a:hover, #Container.black #ProductHighlight .right .tabs li.last a:hover, #Container.black .productSpecHighlight .right .tabs li.last a.active, #ProductHighlight .right .tabs li.last a.active { color:#4D4D4D; background-position:100% -24px } #ProductHighlight .right img { margin-top:45px; } body.pro #ProductHighlight .right img { margin-top:0 } /* Added for ECR 121:KB – Visibility of article id */ /* Article Id */ /* fix is done for article id color */ .articleId { padding-left:8px; color:#A4A4A4; font-family:Arial; font-size:13px; font-weight:bold; } /* Article Body */ .articleBody { margin-bottom:0px } .articleBody.right { margin-left:300px } .articleBody h3 { margin-bottom:10px; font-size:3em; font-weight:normal; color:#4d4d4d } .articleBody h4 { margin-bottom:10px; font-size:1.6em; color:#4d4d4d } .articleBody p { font-family:Verdana, Arial, sans-serif; font-size:1.2em; color:#666666; line-height:22px } .articleBody p + h4 { margin-top:20px } .articleBody p + p { margin-top:10px } .articleBody p.summary { color:#999999; font-family:Arial, sans-serif; font-size:2em; margin: 0 0 25px 0; line-height:1.2 } .articleBody p.caveat { margin-top:20px; font-size:1em; line-height:1.2 } .articleBody ul + h4 { margin-top:20px } .articleBody ul li { margin-bottom:10px; list-style:disc none outside; font-family:Verdana, Arial, sans-serif; font-size:1.2em; color:#666666 } .articleBody table { width:auto; font-size:1.2em } .articleBody table + h4 { margin-top:20px } .articleBody table thead tr { border-bottom:1px solid #e1e1e1 } .articleBody table tbody tr + tr { border-top:1px dashed #ccc } #Container.black .articleBody table tbody tr + tr { border-color:#999 } .articleBody table tr th, .articleBody table tr td { padding:0px 10px 0 10px } .articleBody img.floatLeft, .articleBody img.floatRight { margin-bottom:20px } .articleBody img.floatLeft { margin-right:25px } .articleBody img.floatRight { margin-left:25px } .articleBody #FlashVideoPlayer { margin-top:30px } .articleBody #FlashVideoPlayer + h4, .articleBody #FlashVideoPlayer + p { margin-top:30px } img.fullWidthImage { margin-bottom:30px } body.pro .articleBody h4 { color:#ffffff } body.pro .articleBody h3 { color:#ffffff } body.pro .articleBody p { color:#e1e1e1 } body.pro .articleBody li { color:#e1e1e1 } body.pro .articleBody table tbody { color:#e1e1e1 } body.pro .articleBody p.summary { color:#d9d9d9 } body.pro .articleBody a { color:#7FD1F1 } /* Article Sidebar */ /* #ProductArticle .genericSidebarMedium h4 { font-size:1.4em; } */ #ProductArticle .genericSidebarMedium p { margin-top:5px; font-family:Verdana, Helvetica, sans-serif; font-size:1.1em; line-height:1.2 } /* Product Benefits */ #ProductArticle .benefits { } #ProductArticle .benefits h4 { margin-bottom:10px; font-size:1.2em; text-transform:uppercase } #ProductArticle .benefits ul { } #ProductArticle .benefits ul li { margin-bottom:15px } #ProductArticle .benefits ul li:after { content:"."; display:block; clear:both; height:0; visibility:hidden } #ProductArticle .benefits ul li h5 { margin-bottom:5px; font-weight:bold; font-size:1.4em; text-transform:uppercase } #ProductArticle .benefits ul li h5 { color:#4D4D4D } body.orange #ProductArticle .benefits ul li h5 { color:#FF7A00 } body.pink #ProductArticle .benefits ul li h5 { color:#C3009E } body.purple #ProductArticle .benefits ul li h5 { color:#80379B } body.pro #ProductArticle .benefits ul li h5 { color:#ffffff } body.homecinema #ProductArticle .benefits ul li h5 { color:#382B7A } body.consumer #ProductArticle .benefits ul li h5 { color:#183975 } body.royal #ProductArticle .benefits ul li h5 { color:#183975 } body.green #ProductArticle .benefits ul li h5 { color:#B3CA35 } #ProductArticle .benefits ul li p { margin-left:75px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; line-height:1.2 } body.pro #ProductArticle .benefits ul li p { color:#e1e1e1 } #ProductArticle .benefits .footer { font-family:Verdana, Arial, sans-serif; font-size:1.1em } /* Benefit Icon */ .benefitIcon { position:relative; float:left; width:60px; height:60px; margin-right:15px; background-color:#00BAF2 } body.green .benefitIcon { background-color:#B3CA35 } body.orange .benefitIcon { background-color:#FF7A00 } body.pink .benefitIcon { background-color:#C3009E } body.purple .benefitIcon { background-color:#80379B } body.business .benefitIcon { background:url(../images/ico_business.png) repeat-x top } body.pro .benefitIcon { width:60px; height:60px; background-color:#cccccc; padding:0 } body.homecinema .benefitIcon { background-color: #382B7A } body.consumer .benefitIcon { background-color: #183975 } body.royal .benefitIcon { background-color: #183975 } /*Coloured Info */ #ProductArticle .microColourInfo { position:relative; float:left; width:280px; margin:0 20px 20px 0; padding:5px 0; color:#fff } body.green #ProductArticle .microColourInfo { background-color:#B3CA35 } body.orange #ProductArticle .microColourInfo { background-color:#FF7A00 } body.pink #ProductArticle .microColourInfo { background-color:#C3009E } body.purple #ProductArticle .microColourInfo { background-color:#80379B } body.homecinema #ProductArticle .microColourInfo { background-color:#382B7A } body.royal #ProductArticle .microColourInfo { background-color:#183975 } body.consumer #ProductArticle .microColourInfo { background-color:#183975 } #ProductArticle .microColourInfo strong { float:left; margin-right:20px; padding-left:10px; font-size:7.8em; line-height:1 } #ProductArticle .microColourInfo span { display:block; padding:5px 10px; font-size:1.4em; font-weight:bold; line-height:1.2 } /* Article Sidebar Teaser */ .genericSidebarMedium .teaser { } .genericSidebarMedium .teaser .content { padding-bottom:10px } .genericSidebarMedium .teaser h4 a { margin-bottom:5px; font-size:1.6em; font-weight:bold; text-transform:none; line-height:1.2 } .genericSidebarMedium .teaser img { float:right; margin:0 -15px 20px 0px } .genericSidebarMedium .teaser .fullWidth { margin:0 -15px; text-align:right } .genericSidebarMedium .teaser .fullWidth img { margin:0 } .genericSidebarMedium .teaser p { margin-top:5px; font-family:Verdana, Helvetica, sans-serif; font-size:1.1em; line-height:1.2 } body.pro .genericSidebarMedium .teaser p { color:#e1e1e1} /* Product Downloads */ .downloads { width:195px } .downloads .mainDownload { height:114px; margin:0 0 15px 3px; background-color:#00BAF2 } body.green .downloads .mainDownload { background-color:#B3CA35 } body.orange .downloads .mainDownload { background-color:#FF7A00 } body.purple .downloads .mainDownload { background-color:#80379B } body.pink .downloads .mainDownload { background-color:#C3009E } body.business .downloads .mainDownload { background:#686868 url(../images/bak_downloads_business.png) repeat-x 0 0 } body.homecinema .downloads .mainDownload { background-color: #382B7A } body.consumer .downloads .mainDownload { background-color: #183975 } body.royal .downloads .mainDownload { background-color: #183975 } body.pro .downloads .mainDownload { background-color:#4d4d4d } .downloads .mainDownload .content { height:84px; margin-left:-3px; padding:15px 20px; border:none; color:#fff; background:transparent url(../images/bak_download_main.png) no-repeat 0 0 } .downloads .mainDownload .content h4, .downloads .mainDownload .content p { margin:0; font-size:1.6em; color:#fff; text-transform:uppercase; line-height:1 } .downloads .mainDownload .content p { margin-top:5px; font-size:1.1em } .downloads .mainDownload .content a { color:#fff } .downloads .mainDownload .content a:hover { text-decoration:none } .downloads .mainDownload .content a.downloadLink { display:block; margin-top:10px; padding:1px 0 0 20px; background:transparent url(../images/ico_download_white.gif) no-repeat 0 0 } .downloads .mainDownload .content a.downloadLink:hover { text-decoration:underline } .downloads li { margin-bottom:10px } .downloads li p { display:block; min-height:42px; padding:1px 0 0 42px; font-size:1.1em; font-family:Verdana, Arial, sans-serif; line-height:1.2; background:transparent url(../images/ico_download.png) no-repeat 0 0 } body.pro .downloads li p { background-image:url(../images/ico_download_pro.png) } .downloads li p a { line-height:1.2 } .downloads li p span { display:block; margin-top:1px; color:#999 } /* Article Stories */ #ProductArticle .stories { clear:both; margin:30px 0 30px } #ProductArticle .stories ul { } #ProductArticle .stories li { float:left; width:280px } #ProductArticle .stories li + li { margin-left:25px } #ProductArticle .stories h4 { margin-top:10px; font-size:1.6em; color:#4d4d4d } #ProductArticle .stories p { margin-top:10px; font-size:1.3em; color:#666666; line-height:1.5 } #ProductArticle .stories a { margin-top:5px; font-size:1.2em } body.pro #ProductArticle .stories h4 { color:#ffffff; } body.pro #ProductArticle .stories p { color:#e1e1e1; } /* Product Reviews */ .reviews { margin:30px 0 } .reviews .content {position:relative; } .reviews .header { padding: 15px 20px; background:transparent url(../images/bak_filterbar.png) repeat-x 0 100%; } .reviews .header p.rating { margin-top: 15px; font-weight: normal; } .reviews .header strong { height: 28px; margin-right: 5px; padding: 5px 4px 5px 0; background:transparent url(../images/bak_counter_r.png) no-repeat 100% 0 } .reviews .header strong span { height: 28px; padding:5px 0 5px 5px; background:transparent url(../images/bak_counter_l.png) no-repeat 0 0 } .reviews ul li { margin-bottom:20px; padding: 0 15px 10px } .reviews ul.more li { padding-top:10px; border-top:1px dashed #ccc } .reviews ul.more li:first-child { padding-top: 0; border-top: none } .reviews ul.more { display:none } .reviews ul.more li { padding-top: 10px; border-top: 1px dashed #ccc } .reviews h4 { margin-bottom:10px; font-size:1.7em; color:#4d4d4d } .reviews h5 {margin:10px 15px;font-size: 1.5em} .reviews p { font-family:Verdana, Arial, sans-serif; font-size:1.1em; color:#00BAF2 } .reviews p.rating { display: block; margin: 5px 0; color:#4d4d4d; font-weight:bold; font-size:1.3em } .reviews p.rating span { margin-left:10px } .reviews blockquote { width:540px; padding:10px 0; font-family:Verdana, Arial, sans-serif; font-size:1.1em; color:#666666; } .reviews cite { padding-top: 5px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; color:#666666 } .reviews a.more, .reviews a.less { position: absolute; bottom:-5px; right:6px; height:25px; padding-left:30px; font-size:1.1em; font-family:Verdana, Arial, sans-serif; line-height:1.8; border-left:1px solid #E1E1E1; } .reviews a.more { background:transparent url(../images/bak_plus.gif) no-repeat 10px 40% } .reviews a.less { background:transparent url(../images/bak_minus.gif) no-repeat 10px 40%; z-index: 99 } .reviews .hiddenButtons {display:none; margin-bottom:-5px; padding:10px 15px; } .reviews #ArticlePagination {height: auto; margin-left: 300px; text-align: left;} /* Small Product Compare Section */ .secondaryCompareModule { margin-top:20px; padding:20px 0 10px; border-top:1px dashed #ccc } #Container.black .secondaryCompareModule { border-color:#999 } .secondaryCompareModule h4 { margin-bottom:10px; font-size:1.4em } .secondaryCompareModule .productComparisonContainer { padding:0 10px } .secondaryCompareModule .productComparisonContainer .comparisonDetails { float:left; margin-right:20px } .secondaryCompareModule .compareContainer { float:right } .secondaryCompareModule .compareContainer h4 { font-family:Verdana, Arial, sans-serif; font-size:1.1em; font-weight:normal } .secondaryCompareModule .compareContainer .jsDropdown { width:193px; margin-right:10px } body.pro .secondaryCompareModule h4 { color:#fff } /* Article Product List */ #ProductArticle .productList { float:left } #ProductArticle .productList li { padding-right:25px } /* Article Narrow Teaser */ .narrowTeaser { margin-bottom:20px } #ProductArticle .narrowTeaser { float:right; width:200px } .narrowTeaser > .content { padding:5px 10px } .narrowTeaser h4 { padding:10px 0; font-size:1.6em; font-weight:bold } .narrowTeaser h4 a { font-size:1em; font-family:Arial, Verdana, sans-serif } .narrowTeaser p { padding-bottom:10px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; line-height:1.2 } .narrowTeaser img { margin:0 -10px } .narrowTeaser a { font-size:1.1em; font-family:Verdana, Arial, sans-serif } body.pro .narrowTeaser h4 { color:#FFFFFF } body.pro .narrowTeaser p { color:#e1e1e1} /* Tabs */ .categoryTabs { position:relative; top:1px } .categoryTabs ul.categoryNavigation { margin-left:15px } .categoryTabs ul.categoryNavigation li { float:left; font-size:1.1em; font-weight:bold; text-transform:uppercase; line-height:1 } .categoryTabs ul.categoryNavigation li + li { margin-left:5px } .categoryTabs ul.categoryNavigation li a { display:block; padding-right:5px; background:transparent url(../images/bak_TabsSelectedTR.png) no-repeat 100% 0; color:#00baf2 } .categoryTabs ul.categoryNavigation li a:focus { outline:0 } .categoryTabs ul.categoryNavigation li a:hover { text-decoration:none; background:transparent url(../images/bak_TabsHoverTR.png) no-repeat 100% 0; color:#00baf2 } .categoryTabs ul.categoryNavigation li a span { display:block; padding:8px 5px 8px 10px; background:url(../images/bak_TabsSelectedTL.png) no-repeat 0 0 } .categoryTabs ul.categoryNavigation li a:hover span{ background:transparent url(../images/bak_TabsHoverTL.png) no-repeat 0 0 } .categoryTabs ul.categoryNavigation li strong { display:block; padding-right:5px; background:transparent url(../images/bak_TabsTR.png) no-repeat 100% 0 } .categoryTabs ul.categoryNavigation li strong span { display:block; padding:8px 5px 8px 10px; background:transparent url(../images/bak_TabsTL.png) no-repeat 0 0 } .categoryTabs ul.categoryNavigation li span.categoryTitles { margin:0 0 0 10px; color:#4D4D4D; font-size:1.5em } .categoryTabs ul.categoryNavigation li a.buttonSmall { padding:0 2px 0 0; font-size:1em; font-weight:normal; text-transform:none; background:transparent url(../images/bak_btn_small_r.png) no-repeat 100% 0 } .categoryTabs ul.categoryNavigation li a.buttonSmall span { padding:4px 8px 4px 10px; background:transparent url(../images/bak_btn_small_normal_l.png) no-repeat 0 50% } /* Category Page */ .categoryTabs .tabContent { margin-top:2px; background:url(../images/bak_Catg.png) repeat-x bottom } .categoryTabs .tabContent .content { padding:15px 0 15px 15px; border:1px solid #e1e1e1; border-top:none; border-bottom:none } .categoryTabs .tabContent .content h1 { margin-bottom:15px } .categoryTabs .tabContent ul.categoryItems { } /* 11083 Fix is done for vertical spacing issue for rows of printer types */ .categoryTabs .categoryItems li{ width:200px; float:left; margin:0px 22px 0px 0px; height:28em } .categoryTabs .categoryItems h5 { color:#00baf2; margin-bottom:7px; margin-left:10px; font-size:1.5em;width:200px } .categoryTabs .categoryItems h5 a { color:#00baf2 } .categoryTabs .categoryItems li .categoryDescription { margin-left:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; line-height:1.3em;width:200px } .categoryTabs .categoryItems li .categoryImage { width:200px; height:150px; position:relative; margin-bottom:10px } .categoryTabs .categoryItems li .categoryImage img { position:absolute; bottom:0px } /* Where to Buy Section */ ul.popupGenericList { height:1% } ul.popupGenericList li { padding:10px; border-top:1px dashed #ccc } #Container.black ul.popupGenericList li { border-color:#999 } ul.popupGenericList li:first-child { border-top:none } ul.popupGenericList li h4 { float:left; width:150px; font-size:1.6em; font-weight:bold; color:#999999 } #Container.black ul.popupGenericList li h4 { color:#ccc } ul.popupGenericList li .popupGenericListItem { margin-left:170px } ul.onlineStores { } ul.onlineStores li { float:left; padding:0 10px 0 0; border:none } ul.onlineStores li a { display:block } ul.onlineStores li img { width:90px; height:35px } .buyingDetails { } .buyingDetails img { float:left; } /*padding-top:10px; was removed to fix where to buy:- 11001 issue*/ .buyingDetails .price { float:left; margin:-15px 0 5px 19px; width:230px }/* "margin-left:15px" was replaced with "margin:-15px 0 5px 15px" to fix where to buy:- 11001 issue*/ .buyingDetails .price dt { float:left; margin-top:0.2em; font-size:1.3em; text-transform:uppercase; line-height:1.23 } .buyingDetails .price dd { margin-left:2.75em; font-size:1.6em; line-height:1.2 } .buyingDetails .buttonBlue { margin:5px 0 5px 25px } /* Fix is done for Where to buy issue */ .buyingDetails .info { margin-top:0px;padding-top:0px; font-size:1.1em; font-family:Verdana, Arial, sans-serif; /*clear:both;*/ }/*"margin-top:0px;padding-top:0px;" was rep;aced with "margin-top:10px;" to fix where to buy:- 11001 issue */ .buyingDetails .price .priceDetail span { font-size:1.3em; line-height:1.23; margin-top:0.2em; text-transform:uppercase; } .buyingDetails .price .priceDetail strong { font-size:1.6em; line-height:1.2; margin-left:5px; white-space:nowrap; } .phoneOrChat {} /* 11081 - Fix is done for font size issue in reseller (inks) #Popup .phoneOrChat span{font-size:11px;} */ .phoneOrChat span{font-size:12px;}/*added to fix 11081 issue */ .phoneOrChat p { margin-bottom:10px; font-size:1.4em; font-weight:bold } .phoneOrChat a.buttonBlue { margin-right:10px } .phoneOrChat span strong { font-size:1.4em } .findStore { } .findStore p { font-size:1.4em; font-weight:bold; margin-bottom:8px } .findStore input[type=text] { font-size:1.2em } .findStore button { margin-left:5px } .findStore p.postcodeExample { margin-top:5px; font-size:1em; font-weight:normal } /* Support centres*/ .genericPopup .supportList { float:left; width:200px; margin-right:10px } .genericPopup .supportList .content { padding:0 } .genericPopup .supportList ul.listOfCentres { height:360px; overflow:auto; border-bottom:1px dashed #ccc } #Container.black .genericPopup .supportList ul.listOfCentres { border-color:#999 } .genericPopup .supportList ul.listOfCentres li { clear:both; padding:0 5px; font-family:Verdana, Arial, sans-serif; line-height:1.2 } .genericPopup .supportList ul.listOfCentres li a.marker { float:left; width:25px; height:37px; padding:5px 7px 0 0; text-align:center } .genericPopup .supportList ul.listOfCentres li a:hover.marker { text-decoration:none } .genericPopup .supportList ul.listOfCentres li a.blueMarker { background:transparent url(../images/ico_MMMarker_blue.png) no-repeat 0 0 } .genericPopup .supportList ul.listOfCentres li a.greenMarker { background:transparent url(../images/ico_MMMarker_green.png) no-repeat 0 0 } .genericPopup .supportList ul.listOfCentres li a.marker span { color:#fff } .genericPopup .supportList ul.listOfCentres li .centreDetails { margin-left:32px; padding-bottom:20px } .genericPopup .supportList ul.listOfCentres li .centreDetails h4 { margin-bottom:2px; font-size:1.1em } .genericPopup .supportList .mapNavigation { } .genericPopup .supportList .mapNavigation .pagination { height:2.0em; margin-top:10px; text-align:center } .genericPopup .supportList .mapNavigation .pagination span.numbering { padding:0 10px; color:#999 } .genericPopup .supportList .mapNavigation .pagination a { visibility:hidden; height:24px; padding:5px 12px } .genericPopup .supportList .mapNavigation .pagination a:focus { outline:none } .genericPopup .supportList .mapNavigation .pagination a:hover { text-decoration:none } .genericPopup .supportList .mapNavigation .pagination a span { display:none } .genericPopup .mapSection{ float:left; width:340px; margin-top:7px } /*stage four*/ .genericPopup ul.partnerList { height:300px; border-top:1px dashed #ccc; overflow:auto } #Container.black .genericPopup ul.partnerList { border-color:#999 } .genericPopup ul.partnerList li { padding:10px 0; border-bottom:1px dashed #ccc } .genericPopup ul.partnerList li .partnerLogo { float:left; width:165px; text-align:center } .genericPopup ul.partnerList li .partnerDetails { margin-left:180px } .genericPopup ul.partnerList li .partnerDetails h4 { font-size:1.2em; font-weight:bold; color:#333333 } .genericPopup ul.partnerList li .partnerDetails p { margin-top:5px; font-family:Verdana, Arial, sans-serif; font-size:1.1em } /*Product Spec container*/ .productSpecHighlight { padding:0px; margin-bottom:20px; } .productSpecHighlight .left{ float:left } .productSpecHighlight .left h1 { margin-top:5px; font-size:1.6em; font-weight:bold; color:#FFFFFF } .productSpecHighlight .right .tabs { float:right; height:24px; margin:0 0 0 0 } .productSpecHighlight .right .tabs li { float:left; font-size:1.2em; font-weight:bold; text-transform:uppercase } .productSpecHighlight .right .tabs li a { display:block; padding:6px 10px; color:#ffffff; background:transparent url(../images/bak_tabs_bg.png) repeat-x 0 0; border-right:1px solid #cccccc } .productSpecHighlight .right .tabs li a:hover { text-decoration:none } .productSpecHighlight .right .tabs li.first a { background:transparent url(../images/bak_tabs_left.png) no-repeat 0 0 } .productSpecHighlight .right .tabs li.last a { background:url(../images/bak_tabs_right.png) no-repeat 100% 0; border-right:none } .productSpecHighlight .right .tabs li a:hover, .productSpecHighlight .right .tabs li a.active { color:#4D4D4D; background-position:0 -24px } .productSpecHighlight .right .tabs li.last a:hover, .productSpecHighlight .right .tabs li.last a.active { color:#4D4D4D; background-position:100% -24px } /* main width and float for the product specification table */ .productSpecPosition { float:right; width:660px } .productSpec { } .productSpec h2 { margin-bottom:10px; font-size:2.5em; font-weight:normal } /* table properties for product comparison & product specifications*/ table.specContainer { width:100% } table.specContainer thead { display:none } table.specContainer tr { font-size:1.2em; border-top:1px dashed #ccc } body.pro table.specContainer tr { border-color:#999 } table.specContainer tr:first-child , body.pro table.specContainer tr:first-child{ border-top:none } table.specContainer tr.alt { background-color:#f2f2f2 } body.pro table.specContainer tr.alt { background-color:#454545 } table.specContainer tr td , table.specContainer tr th { padding:20px } table.specContainer tr th h4 { margin-bottom:5px; font-size:1.167em; font-weight:bold } table.specContainer tr th p { font-family:Verdana, Arial, sans-serif; font-size:0.9167em; font-weight:normal } table.specContainer tr td { text-align:center; border-left:1px solid #e1e1e1 } body.pro table.specContainer tr td { border-color:#5c5c5c } table.specContainer tr th img { float:left; margin-right:10px } table.specContainer .hiddenRow { height:1px; display:none } /* Fix is done for ECR157 issue */ .productSpecSidebar { float:left; width:220px; padding:20px 0 0 0 } .productSpecSidebar .productImage { margin-bottom:10px; padding-bottom:20px; border-bottom:1px dashed #ccc } #Container.black .productSpecSidebar .productImage { border-color:#999 } .productSpecSidebar .price { border-bottom:1px dashed #ccc; margin-bottom:10px; padding-bottom:10px } #Container.black .productSpecSidebar .price { border-color:#999 } /* Fix has given for UI alignments in technical specifications page -- Swetha*/ .productSpecSidebar .price .priceDetail span { font-size:1.1em; line-height:1.23; margin-top:0.2em; text-transform:uppercase; } .productSpecSidebar .price p.upper { font-size:1.1em; margin:5px 0; } .productSpecSidebar .price .priceDetail strong { font-size:1.4em; font-weight:bold; line-height:1.2; margin-left:5px; white-space:nowrap; } .productSpecSidebar .price dt { margin-top:0.2em; float:left; font-size:1.1em; text-transform:uppercase; line-height:1.23 } .productSpecSidebar .price dd { margin-left:2.75em; font-size:1.4em; font-weight:bold; line-height:1.2 } .productSpecSidebar .price .buttonBlue { margin:10px 0 } .productSpecSidebar .price a.link { font-family:Verdana, Arial, sans-serif; font-size:1.1em } .pageActionVertical{ margin:20px 0 } .pageActionVertical a { display:block } .comparedProductsList {} .comparedProductsList li { width:185px } .canWeHelpModule {} .canWeHelpModule .helpContainer{} .canWeHelpModule .helpContainer h1{ font-size:1.6em; font-weight:bold } .canWeHelpModule .helpContainer p { margin:10px 0 ; font-size:1.1em; font-family:Verdana, Arial, sans-serif. } .canWeHelpModule .contactMethods { margin:20px 0 } .canWeHelpModule .contactMethods a { font-size:1.1em; color:#00baf2 } .canWeHelpModule .businessContact { margin-bottom:30px; font-size:1.1em } .pageActions { margin-bottom:15px; text-align:right } .pageActions .historyPrevious { float:left } .pageActions .imageEmail { margin-right:10px } #Support .pageActions { margin-bottom: 30px } /* Ink Finder */ .supportContent { position:relative; height:370px; margin:20px 0 } .supportContent .supportPanels { position:absolute; top:150px; left:20px; right:20px } .supportPanels { margin-bottom:30px } /*Changed to fix the content size in register product page*/ .supportPanels .supportPanel .content { min-height:12.5em; } .supportPanels .supportPanel h2 { margin-bottom:20px; font-size:1.6em; font-weight:bold } .supportPanels .findProductSupport { float:left; width:310px; margin-right:20px } .supportPanels .findProductSupport .content{ padding:10px 15px } .supportPanels .findProductSupport input { width:265px; height:1.3em; margin-bottom:5px; padding-top:7px; font-size:1.6em } .supportPanels .findProductSupport .example { margin-bottom:10px; font-family:Verdana,Arial,sans-serif; font-size:1.1em } .supportPanels .support_teaser1 { float:right; position:relative; width:280px; padding-left:10px; padding-right:20px; } .supportPanels .mySupport { position:relative; float:left } .supportPanels .singlePrinter, .supportPanels .twoPrinters { width:260px } .supportPanels .threePrinters { width:370px } .supportPanels .fourPrinters { width:480px } .supportPanels .multiplePrinters { width:350px } .supportPanels .mySupport .content { padding:10px } .badgeMyEpson { position:absolute; top:0; right:0 } .supportPanels .mySupport select { width:300px } .supportPanels .mySupport ul.mySupportProducts { margin-top:-10px } .supportPanels .mySupport ul.mySupportProducts li { float:left; width:100px; margin-left:10px } .supportPanels .mySupport ul.mySupportProducts li:first-child { margin-left:0 } .supportPanels .mySupport ul.mySupportProducts a { font-family:Verdana, Arial, sans-serif; font-size:1.1em; line-height:1.2 } .supportPanels .mySupport ul.mySupportProducts img { margin-bottom:5px } /*.myEpsonProducts { display:none; position:absolute; top:80px; width:270px } .myEpsonProducts ul { background-color:#FFFFFF; } .myEpsonProducts ul li { padding:10px; border-top:1px dotted #cccccc } .myEpsonProducts ul li:first-child { border-top:none } .myEpsonProducts ul li:hover { background-color:#666666} .myEpsonProducts ul li p { margin:20px 0 0 10px; font-size:1.1em!important; font-weight:normal!important; font-family:Verdana, Arial, Helvetica, sans-serif!important } .myEpsonProducts ul li img { float:left; margin-right:10px }*/ #ProductSupport .supportCenter { float:right; width:580px; margin-bottom::20px } #ProductSupport .supportCenter .content { min-height:220px; padding:7px 10px } #ProductSupport .supportCenter p { float:left; width:300px; margin:0 20px 10px 0; font-family:Verdana, Arial, sans-serif; font-size:1.1em; font-weight:normal; line-height:1.2 } #ProductSupport .supportCenter .findStore p { font-size:1.4em } #ProductSupport .supportCenter .findStore p.postcodeExample { font-size:1.1em } #ProductSupport .supportCenter .findStore input[type=text] { margin-bottom:5px; font-size:1.2em } #ProductSupport .supportCenter p a { display:block; margin-top:10px } #ProductSupport .supportCenter .findStore { float:right; width:270px; margin-top:50px } /* Wide Teaser Modules */ ul.wideTeasers { clear:both } ul.wideTeasers li { float:left; width:280px } ul.wideTeasers li + li { margin-left:25px } ul.wideTeasers li .content { padding:10px 15px } /* Fix is done for UI issue on Ink and accessories page for the Product "Scopri di più" (IT locale)*/ ul.wideTeasers li h4 { margin-top:10px; color: #4D4D4D; text-transform: none; } ul.wideTeasers li h4 { font-family:Arial, Verdana, sans-serif; font-size:1.6em; font-weight:bold; } ul.wideTeasers li h4 a { font-family:Arial, Verdana, sans-serif; font-size:1.6em; font-weight:bold } ul.wideTeasers li p { margin:10px 0; font-size:1.1em; font-family:Verdana, Arial, sans-serif; font-weight:normal } ul.wideTeasers li a { font-family:Verdana, Arial, sans-serif; font-size:1.1em } ul.wideTeasers li .teaser img { margin-left:-15px } ul.wideTeasers li .teaser { width: 280px } ul.wideTeasers li .teaser p { width: auto } ul.wideTeasers li.productItem {min-height:0} ul.wideTeasers li.productItem .itemImage {float:none; margin-bottom:0} ul.wideTeasers li.productItem .itemDetails .productTitle a {font-family:Arial, Verdana, sans-serif; font-size:1em} /* nugget layers*/ #NuggetLayer { position:absolute; top:262px; left:50%; width:940px; height:480px; margin:-470px 0 0 -240px; background:#fff url(../images/ani_loader_normal.gif) no-repeat 50% 50%; z-index:990 } #NuggetLayer .close { position:absolute; top:10px; right:10px; z-index:991 } #NuggetLayer .close a { display:block } /* gallery nugget */ #NuggetLayer .nuggetGalleryPagination { position:absolute; bottom:35px; right:20px; z-index:3 } #NuggetLayer .nuggetGalleryPagination a { display:inline-block; margin-left:5px } #NuggetLayer .nuggetGalleryPane { position:absolute; bottom:0; left:0; right:0; height:20px; z-index:2; overflow:hidden; background:transparent url(../images/bak_nugget_browser.png) repeat } #NuggetLayer .nuggetGalleryPane .nuggetGalleryHandle { padding:5px 0; text-align:center } #NuggetLayer .nuggetGalleryPane .nuggetGalleryHandle a { padding-right:12px; color:#fff; text-transform:uppercase; background:transparent url(../images/ico_arrowdown_white.png) no-repeat 100% 2px } ul.nuggetGalleryThumbnails { padding:10px } ul.nuggetGalleryThumbnails li { float:left; margin-right:10px; padding:2px } ul.nuggetGalleryThumbnails li.selected { padding:0; border:2px solid #fff } /* video nugget */ #NuggetLayer .nuggetVideo { width:900px; height:440px; padding:20px; background-color:#000 } #NuggetLayer #FlashNuggetVideoPlayer { width:585px; height:329px; margin:55px 90px } #NuggetLayer .nuggetVideoContent { position:absolute; bottom:80px; right:20px; width:200px; color:#fff } #NuggetLayer .nuggetVideoContent h1 { margin-bottom:15px; font-size:1.6em } #NuggetLayer .nuggetVideoContent p { margin-bottom:15px; font-size:1.1em; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.2 } /* article nugget */ #NuggetLayer .nuggetArticle { width:860px; height:400px; padding:40px; background-color:#000; color:#fff } #NuggetLayer .nuggetArticle .nuggetArticleImage { float:left; margin-right:20px } #NuggetLayer .nuggetArticle .nuggetArticleContent { margin-left:232px } #NuggetLayer .nuggetArticle .nuggetArticleContent h1 { margin-bottom:15px; font-size:4em; text-transform:uppercase } #NuggetLayer .nuggetArticle .nuggetArticleContent h2 { margin-bottom:15px; font-size:2.6em; font-weight:normal; line-height:1.2 } #NuggetLayer .nuggetArticle .nuggetArticleContent p { margin-bottom:30px; font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:2 } /* banner nugget */ #NuggetLayer .nuggetBanner { width:860px; height:400px; padding:40px; background-color:#000; color:#FF7A00 } #NuggetLayer .nuggetBanner h1 { margin-bottom:20px; font-size:4em; text-transform:uppercase; line-height:1.1 } #NuggetLayer .nuggetBanner h1 span { color:#fff } /*index pages*/ #IndexContainer {margin-bottom:20px} #IndexContainer > .content { padding:10px 25px } #IndexContainer .indexContents {width:580px} #IndexContainer .introText { margin-bottom:10px; font-size:2em; color:#999 } /* press sidebar modules */ .pressSideNavigation { margin-bottom:30px; border-top:1px dashed #ccc } #Container.black .pressSideNavigation { border-color:#999 } .pressSideNavigation li { } .pressSideNavigation li a, .pressSideNavigation li strong { display:block; padding:10px 0; font-family:Verdana, Arial, sans-serif; border-bottom:1px dashed #ccc } #Container.black .pressSideNavigation li strong { border-color:#999 } .pressSideNavigation li li a, .pressSideNavigation li li strong { padding-left:20px } /* index teaser panels */ .indexPanel { position:relative; height:175px; padding:30px 0 0 20px } .indexPanel img { position:absolute; top:0; left:0; z-index:1 } .indexPanel .indexPanelContent{ position:absolute; z-index:2; width:400px } .indexPanel .indexPanelContent h1 { margin-bottom:10px; font-size:3.4em; font-weight:bold; color:#FFFFFF; text-transform:uppercase } .indexPanel .indexPanelContent p { margin-bottom:10px; padding:0px; font-size:1.8em; font-weight:normal; color:#FFFFFF; font-family:Verdana, Arial, sans-serif. } /* keyword search */ .keywordSearch { margin-top:10px } .keywordSearchResult { padding:20px 0 0 0 } .keywordSearchResult p { font-family:Verdana, Arial, sans-serif.; font-size:1.2em; color:#4d4d4d } .keywordSearchResult ul { border-top:1px dashed #ccc; margin:20px 0 } #Container.black .keywordSearchResult ul { border-color:#999 } .keywordSearchResult ul li { display:inline-block; padding:20px; border-bottom:1px dashed #ccc; } #Container.black .keywordSearchResult ul li { border-color:#999 } .keywordSearchResult ul li h4 { margin:5px 0} .keywordSearchResult ul li h4 a { font-family:arial; font-size:1.6em; font-weight:bold } .keywordSearchResult ul li p { margin:0; padding:0; line-height:1.2;color:#999999} .keywordSearchResult ul li img{ margin:0 10px } .genericRoundedGeyBox .content { padding-left:20px } /* advertisment teasers */ .singleTeaser { position:relative; width:940px; height:288px; margin-bottom:15px } .singleTeaserContent { position:absolute; top:30px; left:30px; width:380px; z-index:1 } .singleTeaserContent h1 { margin-bottom:10px; font-size:4.0em; font-weight:bold; color:#fff; text-transform:uppercase } .singleTeaserContent p { margin-bottom:15px; font-size:2.2em; font-weight:bold; color:#fff; line-height:1.2 } .doubleTeaser { width:940px; height:288px } .doubleTeaser a:first-child { float:left } /* shopping basket page */ table.basket { } table.basket thead { } /* fix is done for the alignment issue for bundle price CR */ table.basket .bundlePromo img {float:right;} table.basket thead tr { border-bottom:1px solid #e1e1e1 } table.basket thead th { padding:5px 10px; font-size:1.2em; text-transform:uppercase } table.basket thead th:last-child { text-align:right } table.basket tbody { } table.basket tbody tr { border-top:1px dashed #ccc } table.basket tbody tr:first-child { border-top:none } table.basket tbody tr.special { } table.basket tbody tr.subtotal { border-top:1px solid #e1e1e1;background-color:#F2F2F2 }/*bhaskar:added background-color attribute */ table.basket tbody tr.total { font-size:1.273em; font-weight:bold; border-top:1px solid #e1e1e1; background-color:#f2f2f2 } table.basket tbody th, table.basket tbody td { padding:15px 10px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; line-height:1; vertical-align:top } table.basket tbody td:last-child { text-align:right } table.basket tbody th { padding:10px; font-weight:normal } table.basket tbody th img { float:left; margin-right:10px } table.basket tbody th h4, table.basket tbody th div { margin-top:5px; line-height:1 } table.basket tbody td .jsDropdown { margin-bottom:5px; font-size:0.909em } /* 11002 Fix */ table.basket .sb-update-select {margin-top: -1px }/*Sandeep:- 11002 15feb*//*replced "table.basket .sb-update-select {margin-top: -1px }" to fix spacing issue in shopping cat dropdown (14-Feb-2010)*/ table.basket tbody td .info { display:block; margin-top:5px; font-weight:bold; line-height:2; color:#f7931e }/*change the margin-top:-8px instead of 5px by sandeep*/ table.basket tbody td .environmemt { margin-top:5px } table.basket tbody tr.special td:last-child { padding-top:2.72em } table.basket tbody td .upperStrong { font-family:Arial,Verdana,sans-serif; font-size:1.2em; } /*table.basket tbody tr.special td input, table.basket tbody tr.special td select { width:220px }*/ table.basket tbody tr.special td input[type=text], table.basket tbody tr.special td div.jsDropdown { margin:5px 0 } table.basket tbody tr.special td input.ft_text { font-size:1.091em } table.basket tbody tr.special td .txtError { height:auto; margin-top:5px; font-size:1em } table.basket tbody tr.special td .buttonSmall span, table.basket tbody tr.special td .buttonSmall input { font-size:1em; font-weight:normal } table.basket tbody tr.total td .info { font-size:0.786em } /* commented by Milan */ /*table.basket tbody tr.subtotal td strong { font-size:1.273em }*/ /* added by Milan */ table.basket tbody tr.subtotal td strong { font-family:Arial,Verdana,sans-serif; font-size:1.6em;width:auto }/*remove float:right; by sandeep*/ table.basket tbody tr.total td { text-align:right;line-height:0; }/* line height attribute has been added to fix space between total price and discount price*/ table.basket tbody tr.total td strong { font-family:Arial,Verdana,sans-serif; font-size:1.3em; } .basketButtons { margin-bottom:15px; padding:0px 10px 10px; background-color:#f2f2f2 }/*top padding has been added for offer price overlapping over total price in FF*/ .basketButtons .txtInfo { padding-top:7px; margin-right:-119px; font-size:1.2em;margin-top:-25px; }/*replace margin-right:-119px instead of 10px and add margin-top:25px by sandeep*/ .emptyBasket { margin-top:150px; text-align:center } .emptyBasket h2 { margin-bottom:15px; font-size:2em; font-weight:normal } /* order review */ #CheckoutSection .purchases { clear:left; margin-bottom:20px } #CheckoutSection .purchases h2 { display:inline; font-size:1.6em; margin-right:10px; }/*add margin-left:-577px;*/ /* checkout review */ .checkoutTotal , #CheckoutSection .basketContents .checkoutTotal { border-top:1px solid #e1e1e1; padding:10px 10px; background-color:#f2f2f2; width: auto } #Container.black .checkoutTotal { border-top:1px solid #e1e1e1; background-color:#636363 } #CheckoutSection .checkoutTotal .floatRight strong.txtMedium { font-size:1.8em;font-weight:bold } .checkoutTotal , .basketContents .checkoutTotal div { display:block; text-align:right } .printReceipt { margin-top:40px } /* Mini Shopping Basket */ #MiniShoppingBasket { margin-bottom:20px } #MiniShoppingBasket .content { padding:0 10px; } #MiniShoppingBasket .content h3 { margin-bottom:15px; padding-left:30px; font-size:1.6em; background:transparent url(../images/ico_basket_dark.png) no-repeat 0 -2px } body.pro #MiniShoppingBasket .content h3 {background-image:url(../images/ico_basket_light.png)} #MiniShoppingBasket .content p { margin-bottom:10px } #MiniShoppingBasket .content .emptySmallBasket { padding:20px 0; text-align:center } /* Added to fix button issue */ #MiniShoppingBasket .content a.buttonBlue span {padding-left:7px;} table.miniBasket { margin-bottom:10px } table.miniBasket thead { display:none } table.miniBasket tbody { font-family:Verdana, Arial, sans-serif; font-size:1.1em } table.miniBasket tbody tr { vertical-align:top } table.miniBasket tbody tr.total { font-weight:bold; border:1px dashed #ccc; border-left:none; border-right:none } #Container.black table.miniBasket tbody tr.total { border-color:#999 } table.miniBasket tbody tr td { padding-bottom:10px; text-align:left; line-height:1.2;width:87px } table.miniBasket tbody tr td:first-child {width:130px } table.miniBasket tbody tr td:last-child { text-align:right } table.miniBasket tbody tr.total td, table.miniBasket tbody tr.total th { padding:5px 0 } /* Page checkout */ #CheckoutSection > .content { padding:20px } /* Removed to fix issue of blue text in chat window of checkout page #CheckoutSection p strong { color:#00baf2}*/ #CheckoutSection .wideTeasers {padding:0} #CheckoutSection form { margin-top:20px } /* checkout status */ ol.checkoutStatus { margin-bottom:20px } ol.checkoutStatus li { float:left; height:40px; padding-right:11px; background:transparent url(../images/bak_process_arrow_r.gif) no-repeat 100% 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em } ol.checkoutStatus li.selected { background-image:url(../images/bak_process_arrow_r_on.gif) } ol.checkoutStatus li span, ol.checkoutStatus li a { display:block; padding:14px 10px 15px 18px; line-height:1; color:#999; background:transparent url(../images/bak_process_arrow_l.gif) no-repeat 0 0 } ol.checkoutStatus li a { color:#00baf2 } ol.checkoutStatus li:first-child a, ol.checkoutStatus li:first-child span { background-image:url(../images/bak_process_arrow_l_first.gif) } ol.checkoutStatus li.selected span, ol.checkoutStatus li.selected a { color:#fff; background-image:url(../images/bak_process_arrow_l_on.gif) } ol.checkoutStatus li:first-child.selected span, ol.checkoutStatus li:first-child.selected a { background-image:url(../images/bak_process_arrow_l_first_on.gif) } #CheckoutSection form { margin-top:20px } #CheckoutSection form .fi4 input { clear:both } #CheckoutSection form .fi4 label { width:30em } #CheckoutSection form .formButtons { } #CheckoutSection form .formButtons p { font-size:1em } #CheckoutSection form #f_pcode{ margin-right:10px } #CheckoutSection form .rememberPassword { margin:0 0 20px 240px } #CheckoutSection form .paymentForm{ width:600px; float:left } #CheckoutSection .paymentForm fieldset:first-child { display: block; margin-bottom: 20px } #CheckoutSection .reviewboxContainer { min-height:220px } #CheckoutSection .reviewboxContainer .reviewBoxes { width:260px; margin:20px 30px 20px 0; float:left } #CheckoutSection .reviewboxContainer .reviewBoxes .displayAddress{ margin:0 0 20px 0} #CheckoutSection .checkoutTotal .floatRight > div:first-child { padding-bottom:10px } /* added class in order to fix the Telephone number field in Checkout page for IT locale */ #CheckoutSection form.stdForm .formItem .fi_content { width:auto; } /* disabling checkout forms for non js version*/ #CheckoutGuestAccount, #CheckoutRegisteredAccount, #CheckoutNewAccount { display:none } .displayAddress { margin-right:20px } .displayAddress h2 { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #e1e1e1; font-size:1.6em; font-weight:bold } .displayAddress div { display:block; font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif } .billingAddressNotice { width:250px;; padding:20px; background-color:#f2f2f2; border-top:1px solid #e1e1e1} .billingAddressNotice h2 { font-size:1.6em; font-weight:bold } .billingAddressNotice p { margin:10px 0; font-size:1em } .billingAddressNotice .displayAddress { width:230px } .billingAddressNotice a { margin:15px 0 0 100px } #CheckoutSection #ExistingAddress .displayAddress { margin:0 0 20px 240px } #CheckoutShipping .displayAddress { margin:0 0 20px 250px } #CheckoutSection .checkoutConfirmation { margin-bottom:30px } #CheckoutSection .checkoutConfirmation p{ margin:20px 0; font-size:2em; color:#acacac } #CheckoutSection .checkoutConfirmation p span { display:block; margin-bottom:10px } #CheckoutSection .checkoutConfirmation .checkoutConfirmReg .buttonBlue { } #CheckoutSection .checkoutConfirmation .checkoutConfirmReg p { font-weight:bold; font-size:1.6em; color:#4d4d4d } #CheckoutSection .checkoutConfirmation .checkoutConfirmReg .fi_content { width:600px } /* commented for 1.4 regression issue trac id 67 #CheckoutSection .checkoutConfirmation .checkoutConfirmReg .fi_content span { float:left } */ #CheckoutSection .checkoutConfirmation .checkoutConfirmReg .fi_content span.privacyNotice{ margin:7px 0 0 3px } #CheckoutSection .checkoutRegister {} #CheckoutSection .checkoutRegister p { margin:20px 0; font-size:1.6em; font-weight:bold } #CheckoutSection .paymentIframe{ border:1px solid #e1e1e1; margin-bottom:20px } #CheckoutSection .paymentIframe iframe { width:100%; height:300px } #CheckoutSection .externalPayment { width:500px; margin:10px 0 } #CheckoutSection .externalPayment strong { display:block } #CheckoutSection .paymentNotice { margin-bottom:20px } /* Page contact */ #ContactEpson .content { padding:20px } #ContactEpson p { font-size:1.4em } #ContactEpson p.loggedInGreeting { margin:10px 0 10px 235px } #ContactEpson p strong { color:#00baf2} /* checkout double order popup */ .doubleOrder p {font-size: 1.4em; line-height: 1.5} .doubleOrder ul {margin-top:20px} .doubleOrder ul li {float:left; margin-left:100px} .doubleOrder ul li + li {margin-left:60px} .doubleOrder ul li p {margin-bottom:10px} /* Footer */ #FooterContent { padding:20px 0 } #FooterContent .content { padding:0 15px } #FooterContent ul { } #FooterContent ul li { display:inline; padding-left:15px; font-family:Verdana, Arial, sans-serif; font-size:1.1em } #FooterContent ul li:first-child { padding-left:0 } /* Fix is done for the Color issue in footer section */ /* changed to fix 10988 :- MyEpson footer links - 1.3 defect*/ #FooterContent ul.footerNavigation li a{ color: #000000} /*Modified footer link text color to black*/ #FooterContent ul.footerSpecial li a {color:#4a4a4a;} /* Modified colour from d9d9d9 to FFFFFF -Swetha */ /*#FooterContent ul.footerSpecial li a{color: #4D4D4D} */ #FooterContent ul.footerNavigation li a:hover{ color: #7FD1F1} #FooterContent ul.footerSpecial li a:hover{color: #7FD1F1} #FooterContent ul li a:hover { color:#00baf2; text-decoration:none } #Container.black #FooterContent ul li a { color:#ffffff } /* Modified colour from d9d9d9 to FFFFFF -Swetha */ #Container.black #FooterContent ul li a:hover { color:#7FD1F1 } #FooterContent ul.footerNavigation {float:left; width:450px;} #FooterContent ul.footerNavigation li { text-transform:uppercase } #FooterContent ul.footerSpecial { float:left; margin:3px 10px 0 0;padding:2px 10px 2px 5px; border-right:1px #d9d9d9 } #Container.black #FooterContent ul.footerSpecial { border-color:#4d4d4d } /* copyright in the footer link issue */ #FooterContent .footerCopyright {text-align:right; margin-top:2px; padding:0 5px; font-family:Verdana, Arial, sans-serif; color:#4a4a4a; float:right; width:380px;} #FooterContent .footerCaveats { margin-bottom:5px; color:#fff; line-height:1 } #FooterContent .footerCaveats p + p { margin-bottom:3px } /* Fix is for Footer links color issue */ body.home #FooterContent ul.footerSpecial a {color:#999999;} /*Fix for Footer color issue in support page*/ body.grey #FooterContent .footerCopyright, body.grey #FooterContent ul.footerSpecial a{color:#4D4D4D} /* store homepage */ #StoreHomepage { margin:20px 0} #StoreHomepage.genericRoundedCorners > .content { padding:10px 20px } #StoreHomepage .justForYou { position:relative } #StoreHomepage .justForYou .content { padding:10px } #StoreHomepage .justForYou h2 { margin-bottom:10px; font-size:1.8em; font-weight:bold; text-transform:uppercase; color:#C3009E} #StoreHomepage .justForYou img.badgeMyEpson { position:absolute; top:0; right:0 } #StoreHomepage .browseRange { float:left; margin-bottom:10px } .browseRange h2 { font-size:1.6em } .browseRange ul.browse { padding:15px 0 } .browseRange ul.browse + ul.browse { border-top:1px dashed #ccc } .browseRange ul.browse p { font-size:1.4em; font-weight:bold } .browseRange ul.browse li { float:left; width:125px } .browseRange ul.browse li + li { padding-left:30px } #StoreHomepage .specialOffers { margin:30px 0 0 235px; width:660px } #StoreHomepage .topSellers ul li + li { border-top:1px dashed #ccc } /*Contact Details store fix*/ #StoreHomepage .bottomOptions { display:table; position:relative; /* bottom:-15px; */ margin:15px -20px -15px } .bottomOptions .column { display:table-cell; width:292px; /*min-height:190px; */padding:15px 10px; border-top:1px solid #E1E1E1; border-left:1px solid #E1E1E1; vertical-align:top } .bottomOptions .column:first-child { border-left:none } .bottomOptions h3, .bottomOptions .newsLetter h3 { font-size:1.6em; font-weight:bold } .bottomOptions h4 { font-size:1.4em; margin-top:10px } .bottomOptions h3+h4 { margin-top:20px } .bottomOptions p { margin-top:10px; font-size:1.3em; line-height:1.5; color:#666} .bottomOptions .newsLetter p { line-height:1.5 } .bottomOptions .contactOptionsModule { margin:0 } .bottomOptions .contactOptionsModule a.button, .bottomOptions .contactOptionsModule a.buttonBlue { margin-top:5px } .bottomOptions .contactOptionsModule .callDetails { padding:0; margin:0; border:none; } .bottomOptions .contactOptionsModule h3, .bottomOptions .contactOptionsModule p, .bottomOptions .contactOptionsModule a, .bottomOptions .callDetails { margin-bottom:0px } /*Added to fix newsletteer Submit button issue*/ .bottomOptions .column .contentBlock .newsLetter .formItem .buttonBlue { MARGIN: -2px 0px -7px 10px } /* generic teaser image */ .specialTeaser { margin-bottom:20px } /* grey header module */ .greyHeader { padding-right:3px; background:url(../images/bak_teaser_head_r.png) no-repeat 100% 0 } .greyHeader span { display:block; padding:7px 10px; font-size:1.8em; font-weight:bold; text-transform:uppercase; background:url(../images/bak_teaser_head_l.png) no-repeat 0 0; color:#fff } /* explore epson template */ #MyEpson.genericRoundedCorners > .content { padding:10px 20px } #MyEpson h3 { margin-bottom:10px; font-size:1.875em; font-weight:normal; color:#DB4D69 } #MyEpson .formFeedbackPositive { display:-moz-inline-box; display:inline-block; margin-bottom:15px; padding:7px 10px; font-size:1.6em; font-weight:bold; color:#008F48; background-color:#ecf5d8 } #MyEpson .personal { float:right; text-align:right } #MyEpson .personal h2 { color:#DB4D69; font-size:1.6em; font-weight:bold } #MyEpson .personal ul { margin-right:-10px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:1.1em } #MyEpson .personal ul li { float:left; margin:12px 0 0 10px; padding-left:10px; border-left:1px solid #D9D9D9 } #MyEpson .personal ul li:first-child { border-left:none } #MyEpson .personal ul li a { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:1em } #MyEpson .products { margin:20px 0 0} #MyEpson .notLoggedIn { position:relative; padding:20px 15px; background:transparent url(../images/bak_myepson_product.png) repeat-x 0 0 } #MyEpson .notLoggedIn p, #MyEpson .notLoggedIn ul { margin-bottom:20px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:1.2em; font-weight:normal; line-height:2 } #MyEpson .notLoggedIn ul li { list-style-position:inside; list-style-type:disc } #MyEpson .notLoggedIn .buttonBlue span { font-family:Arial, Helvetica, sans-serif; font-size:1em; line-height:1 } /*Added to fix the Color in Register Page*/ body.myepson h1.txtMainHeader, body.myepson h3.txtMediumLarge { color:#DB4D69 } /* my product list */ ul.productDetails { margin-bottom:30px } ul.productDetails > li { position:relative; margin-top:20px; padding:20px 15px; background:transparent url(../images/bak_myepson_product.png) repeat-x 0 0 } ul.productDetails li .detail { float:left; padding:0; width:200px; font-size:1.1em; font-family:Verdana,Arial,Helvetica,sans-serif } ul.productDetails li .detail + .detail { margin-left:20px } ul.productDetails li .product { margin:7px 0 0 } ul.productDetails li .product img { margin:25px 0 8px } ul.productDetails li .quicklinks .title { margin:0 0 10px } ul.productDetails li .quicklinks ul { margin-bottom:20px } ul.productDetails li .quicklinks ul li { margin:0; padding:5px 0; font-size:1 } ul.productDetails li .upsell dl { margin:5px 0 0 } ul.productDetails li .upsell dl dt { float:left; font-size:1em; text-transform:uppercase; line-height:1.6 } ul.productDetails li .upsell dl dd { font-size:1em; line-height:1.6 } ul.productDetails li .offer { } ul.productDetails li .offer img { margin-top:25px } ul.productDetails li h4 { margin-bottom:10px; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:1.4em } ul.productDetails li .title { margin-top:1em; padding:0; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:1.4em; font-weight:bold } ul.productDetails li p { margin-top:5px } #MyEpson .notify { margin:40px 0 0} #MyEpson .notify { font-size:1.6em; font-weight:bold; color:#DB4D69 } #MyEpson .notify p { line-height:2em } #MyEpson .notify .buttonSmall span { display:inline-block; margin-left:10px; padding:4px 8px 4px 6px; font-size:0.7em; font-weight:normal; line-height:1.2 } /* my epson recent products list */ ul.recentProducts { margin-bottom:30px } ul.recentProducts li { float:left; width:155px; height:125px; margin:0 20px 0 0 } ul.recentProducts .title { padding:0; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:1.2em; font-weight:normal } ul.recentProducts p { margin-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em } /* my epson teaser list with images flush right */ ul.interest { margin-bottom:30px } ul.interest .genericRoundedCorners .content { padding:10px 15px; height:125px } ul.interest li { float:left; width:281px; margin:0 0 0 23px } ul.interest li:first-child { margin-left:0 } ul.interest img { float:right; margin:0 -15px 0px 20px } ul.interest h4 a{ float:none; margin-bottom:5px; font-size:1.6em; font-weight:bold; line-height:1.2;} ul.interest p { margin-top:5px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:1.1em; line-height:1.2 } /* notification / error module */ .errorNotification { padding:10px 0 } .errorNotification h4 { font-size:1.6em } .errorNotification p { padding-top:5px; font-size:1.2em } /* popup notify style */ .genericPopup .popupNotification { padding:70px 20px } .popupNotification h3 { font-size:1.6em; margin-bottom:20px } .popupNotification h4, .popupNotification p { font-size:1.4em; margin-bottom:10px } /* explore epson teasers */ ul.exploreTeaser { margin:0px 0 32px 25px } ul.exploreTeaser li { float:left; width:280px; height:200px } ul.exploreTeaser li + li { margin-left:25px } /* m55 teaser */ .blockTeaser { position:relative } .blockTeaser img { display:block; width:280px; height:200px } .blockTeaser h5 { position:absolute; bottom:0; left:0; width:250px; padding:10px 15px; font-size:1.4em; color:#fff; background:transparent url(../images/bak_teaseroverlay.png) no-repeat 0 100% } .blockTeaser:hover h5 { background:transparent url(../images/bak_teaseroverlay_blue.png) no-repeat 0 100% } .blockTeaser h5 a { color:#fff; text-decoration:none; line-height:1.2 } /* epson world carousel */ .teaserCarousel { } .teaserCarousel .content { position:relative; width:890px; padding:3px 25px 10px } .teaserCarousel .content h3 { clear:left; padding:0 0 5px 0; font-size:1.5em; line-height:1.2; text-transform:uppercase; color:#fff } .teaserCarousel .content a:focus { outline:none } .teaserCarousel .content a.prevPagination { position:absolute; top:50%; left:10px; width:45px; height:50px; margin-top:-25px; z-index:1; background:url(../images/bak_exploreTeaser_pagination.png) no-repeat 0 -285px } .teaserCarousel .content a.nextPagination { position:absolute; top:50%; right:10px; width:45px; height:50px; margin-top:-25px; z-index:1; background:url(../images/bak_exploreTeaser_pagination.png) no-repeat 0 -30px } .teaserCarousel .content a.prevPagination:active { background-position:0 -200px } .teaserCarousel .content a.nextPagination:active { background-position:0 -115px } .teaserCarousel .content .pageIndex { position:absolute; top:5px; right:25px } .teaserCarousel .pageIndex strong, .teaserCarousel .pageIndex span { float:left; width:12px; height:12px; margin-left:5px; background:transparent url(../images/bak_pageIndex.gif) no-repeat 0 0 } .teaserCarousel .pageIndex strong { background-position:0 -12px } .teaserCarousel .content ul { } .teaserCarousel .content ul li { float:left; width:280px; margin-bottom:25px } .teaserCarousel .content ul li + li { margin-left:25px } /* inks list */ ul.mostPopular { margin-bottom:30px } ul.mostPopular li.column { float:left; width:220px; height:270px; margin-bottom:20px } ul.mostPopular li.column h3 { margin-top:5px; font-size:1.4em; font-weight:bold } ul.mostPopular li.column ul.details { margin-top:5px } ul.mostPopular li.column ul.details li { clear:both; padding:3px 0; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:1.1em } ul.mostPopular li.column ul.details li img { float:left; margin-right:10px } /* media list */ #ConsumableFinder ul.paperMedia { margin-bottom:25px } ul.paperMedia li.column { float:left; width:250px; padding-left:35px } ul.paperMedia li.column:first-child { padding-left:0 } ul.paperMedia li.column h3 { margin-bottom:10px; padding:10px 0 5px; font-size:1.6em; border-bottom:1px dashed #ccc } #Container.black ul.paperMedia li.column h3 { border-color:#999 } ul.paperMedia li.column img { float:left } ul.paperMedia li.column ul li { height:75px } ul.paperMedia li.column ul li h4 { margin:5px 0 5px 75px; padding-top:5px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; font-weight:bold } /* fix is done for issue for paper media in Ink and supplies */ ul.paperMedia li.column ul li p { margin:5px 0 5px 90px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:1.1em; line-height:1.2 } /* contact module variation 1 */ .contactOptionsModule { margin-bottom:20px } .contactOptionsModule > .content { padding:5px 10px } .contactOptionsModule.horizontal > .content { padding:0 } .contactOptionsModule.horizontal .chatDetails { float:left; width:428px; min-height:90px; padding:17px 15px; border-right:1px solid #e1e1e1 } #Container.black .contactOptionsModule.horizontal .chatDetails { border-color:#5D5E5F } .contactOptionsModule.horizontal .callDetails { float:right; width:169px; margin:0; padding:10px 15px; border:none } .contactOptionsModule h3 { font-size:1.6em } .contactOptionsModule h4 { margin-bottom:5px; font-size:1.2em } .contactOptionsModule p { font-family:Verdana, Arial, sans-serif; font-size:1.1em } .contactOptionsModule h3, .contactOptionsModule p, .callDetails { margin-bottom:10px; line-height:1.2; } /* removed width:350px to fix defect no 76 in Epson 1.4*/ .contactOptionsModule a.buttonBlue + *, .contactOptionsModule a.button + * { margin-top:15px } .contactOptionsModule .callDetails { margin-bottom:15px; border-bottom:1px dashed #CCCCCC; border-top:1px dashed #CCCCCC; padding:15px 0 10px; } #Container.black .contactOptionsModule .callDetails { border-color:#999 } .contactOptionsModule .callDetails .vcard { margin-bottom:5px; font-family:Verdana, Arial, sans-serif; font-size:1.1em } .contactOptionsModule .callDetails .hcard { margin-bottom:5px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; float:right; padding-right:55px; } .contactOptionsModule.horizontal .chatDetails a.buttonBlue { margin-bottom:0 } .contactOptionsModule.fullWidth .topRow, .contactOptionsModule.fullWidth .bottomRow { padding:0px 15px } .contactOptionsModule.fullWidth .chatDetails { float:left; width:350px; } .contactOptionsModule.fullWidth .chatDetails p, .contactOptionsModule.fullWidth .chatDetails a.button, .contactOptionsModule.fullWidth .callDetails a.buttonSmall { margin-bottom:0 } .contactOptionsModule.fullWidth .callDetails { border:none; margin-bottom:0; padding:0} .contactOptionsModule.fullWidth .callDetails p{ margin-bottom:0 } .contactOptionsModule.fullWidth .callDetails p.vcard span.type { padding:0 10px; border-left:1px solid #D9D9D9} .contactOptionsModule.fullWidth .callDetails p.vcard span.type:first-child { padding-left:0; border-left:none } /* contact module variation 2 */ .contactOptionsBusiness { } .contactOptionsBusiness h3 { font-size:2em; font-weight:normal } .contactOptionsBusiness h4 { font-size:1.4em } .contactOptionsBusiness p { font-family:Verdana, Arial, sans-serif; font-size:1.1em; line-height:1.2 } .contactOptionsBusiness h3 { margin-bottom:15px } .contactOptionsBusiness p, .contactOptionsBusiness h4 { margin-bottom:5px } .contactOptionsBusiness .contactBoxes { float:left; width:280px } .contactOptionsBusiness .contactBoxes + .contactBoxes { margin-left:20px } .contactOptionsBusiness .contactBoxes p a.buttonSmall span { font-size:1em } .contactOptionsBusiness a.button span { font-family:Arial, Helvetica, sans-serif; font-size:1em } /* contact module variation 3 */ /* Fix is done for chat alignment issue in checkout */ .contactOptionsModule.horizontalHelpModule .callDetails { border:medium none; margin:0; padding:0; } .horizontalHelpModule .button { margin:5px 10px 0; } /* added to fix the chat footer size in checkout page*/ .contactOptionsModule.horizontalHelpModule .callDetails p { margin:0; } .contactOptionsModule.horizontalHelpModule p { margin:5px 0 0; } .horizontalHelpModule { margin-top:30px } .horizontalHelpModule > .content { padding:5px 30px } .horizontalHelpModule .helpInfo { margin:7px 10px 0 0 } .horizontalHelpModule .buttonBlue { margin:0 0px } /* bundle promos */ /*height:120px;-- Fix for UI issue which can be seen on Bundle Inks*/ .bundlePromo { position:relative; width:630px; padding:20px 15px; background-color:#7fd1f1; cursor:pointer } .bundlePromo + .bundlePromo { margin-top:10px } .bundlePromo.single { height:66px } .bundlePromo.selected { background-color:#00baf2} .bundlePromo.selected p { color:#fff } .bundlePromo ul { } .bundlePromo ul li { float:left; width:88px } .bundlePromo ul li + li { margin-left:0px; padding-left:45px; background:url(../images/ico_plus_sign.png) no-repeat 0 20px } .bundlePromo ul li p { margin-top:5px; font-family:Verdana, Arial, sans-serif; font-size:0.9em; line-height:1.4 } /*change the font size to 0.9 to 1(old)*/ /* Fix is done for the alignment issue for bundle price CR */ .bundlePromo .teaserTotal { float:right; width:140px; text-align:right } .bundlePromo .teaserTotal img{ float:left; margin-left: -25px;} .bundlePromo .teaserTotal .col{ float:right;} /*change the magrin:5px -2px 5px -53px in place of margin:5px 0 as the some Ui issues related to ECR 60*/ .bundlePromo .teaserTotal p { margin:5px -2px 5px -56px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.6em } .bundlePromo .teaserTotal .productTeaserSelect { margin-top:8px; font-size:1.6em; font-weight:bold } .bundlePromo.single .teaserTotal .productTeaserSelect { margin-top:18px } .bundlePromo .teaserTotal .productTeaserSelect input { margin-top:5px } .bundlePromo.single div.product { float:left } .bundlePromo.single div.product img { float:left; margin-right:20px } .bundlePromo.single div.product p { float:left; padding:25px 0 } /* consumable product items */ .consumableProList + .consumableProList { margin-bottom:15px } .consumableProList + .checkoutTotal { margin-top:15px } .consumableProList h2, .consumableProList h3, .consumableProList p { margin-bottom:10px } .consumableProList h2 { margin-top:30px; font-size:2.5em; font-weight:normal } .consumableProList h3 { padding-top:10px; font-size:1.6em } .consumableProList h3.category { padding-top:0px; font-size:2em; font-weight:normal } .consumableProList .consumableProListContent { padding-top:15px; border-top:1px solid #e1e1e1 } .consumableProList .consumableProListContent + .consumableProListContent { margin-top:15px } .consumableProList.genericCollapsibleSection { margin-top:20px } .consumableProList.genericCollapsibleSection + .consumableProList.genericCollapsibleSection { margin-top:10px } .collapsibleContent .consumableProListContent { border-top:none } .consumableProList .consumableProListContent .consumableProImage { float:left; width:200px; margin-right:10px; font-size:1.6em; font-weight:bold } .consumableProList .consumableProListContent .consumableProImage img { margin-bottom:10px } .consumableProList .consumableProListContent .consumableProListContentData { margin-left:210px } .consumableProList .subHeaderTitle { float:left; width:445px } .consumableProList .subHeaderTitle h3 { padding-top:0; font-size:1.6em } .consumableProList .subHeaderTitle h3 img { margin-left:10px; vertical-align:top } .consumableProList .subText { margin-left:210px } .consumableProList ul.productList { float:left; margin-bottom:10px; /* border-bottom:1px dashed #ccc; */ font-family:Verdana, Arial, sans-serif; font-size:1.1em; line-height:1 } #Container.black .consumableProList ul.productList { border-color:#999 } .consumableProList .subHeaderTitle + ul.productList { margin-top:20px; border-top:1px dashed #ccc } #Container.black .consumableProList .subHeaderTitle + ul.productList { border-color:#999 } .consumableProList ul.productList li { padding-top:10px } .consumableProList .subHeaderTitle + ul.productList li:first-child { padding-top:10px } .consumableProList ul.productList li + li { margin-top:10px; border-top:1px dashed #ccc } #Container.black .consumableProList ul.productList li + li { border-color:#999 } .consumableProList ul.productList li .col { float:left } .consumableProList ul.productList li .col.name p {} l .consumableProList ul.productList li .col + .col { margin-left:10px } .productList p { margin-bottom:2px } .productList .image { width:200px; min-height:1px } .productList .ink { width:45px } .productList .name { width:150px; font-weight:bold } .productList.wide .name { width:360px } .productList .name .txtLight { font-weight:normal } .productList .description { width:205px } .productList .description h4 { margin-bottom:5px } .productList .price { width:120px; line-height:1; text-align:right } .productList .medium { width:205px } .productList .quantity { width:100px; text-align:right } .productList .quantity div.jsDropdown { margin-top:-5px } .productList .warranty { width:300px; font-weight:bold } .productList .type { width:100px; text-align:right } .productList .type label { text-transform:uppercase } /* product registration */ #ProductRegistration h3 { margin:30px 0 10px 0 } #ProductRegistration h3.separator { border-bottom:1px dashed #ccc; padding-bottom:10px } #ProductRegistration form.stdForm fieldset { margin:0px; padding:0px; border:none } #ProductRegistration form.stdForm fieldset.checkboxes { padding-top:15px } #ProductRegistration form .fi4 label { width:30em } #ProductRegistration form .fi4 input { clear:both } #ProductRegistration .warrantyIntro { margin-bottom:20px } #ProductRegistration .warrantyIntro img { float:left; margin-right:20px } #RegistrationProduct { position:absolute; top:-4000px; left:-4000px; width:100%; visibility:hidden } #RegistrationProduct.visible { position:static; width:auto; visibility:visible } #RegistrationProduct a.button { margin-bottom:15px } .productRegDetails { margin-bottom:15px } .productRegDetails .genericRoundedCorners { position:relative; margin-bottom:10px } .productRegDetails .content { padding:10px 15px } .productRegDetails .productInfo { float:left } .productRegDetails .productEdit { margin-bottom:10px } /* Fix is done for Change/Remove issue in Register your product */ .productRegDetails .productEdit h4 { /*display:inline;*/ margin-right:10px; font-size:1.6em; font-family:Arial, Helvetica, sans-serif; font-weight:bold } .productRegDetails .productOption { margin-left:230px; font-family:Verdana, Arial, sans-serif; font-size:1.1em } .productRegDetails .productOption label { display:block; padding:10px 0 5px; font-weight:bold } #RegistrationSearch { } #RegistrationSearch .findProductSupport { width:auto; margin:0 } #RegistrationSearch h2 { margin:10px 0 } #RegistrationSearch input#RegistrationSearchField { margin-bottom:5px } #RegistrationSearch .example { margin-bottom:10px } /* out of stock notification */ /* Fix is done for popup window color issue in Product overview page -10933 */ .alertNotificationPopup { position:absolute; top:-4000px; left:0; text-align:left; background:transparent url(../images/bak_outofstock_bottom.png) no-repeat 0 100% ; padding-bottom: 10px;color: #000000;z-index:10}/*Fix the blank email popup */ body.pro .alertNotificationPopup { background-image:url(../images/bak_outofstock_bottom_blk.png) } .alertNotificationPopupContent { width:203px; padding:12px 12px 0 30px; background:transparent url(../images/bak_outofstock_top.png) no-repeat 0 0 } body.pro .alertNotificationPopupContent { background-image:url(../images/bak_outofstock_top_blk.png) } .alertNotificationPopup h4 { margin-bottom:10px; font-size:1.818em; font-weight:normal; color:#0c0c0c;} .alertNotificationPopup p { margin:0; padding-bottom:10px;} /* Fix is done for Alert popup text area */ .alertNotificationPopup input { margin-bottom:5px; width:185px } .alertNotificationPopup p .buttonBlue span { font-family:Arial,Verdana,sans-serif; font-size:1.091em } .alertNotificationPopup .loader { position:absolute; top:45px; left:170px; width:25px; height:25px; background:transparent url(../images/ani_loader_normal.gif) no-repeat 0 } /* Fix is done for popup bottom line issue */ #ProductHighlight .left .features .price .itemAttribute .alertNotificationPopup .alertNotificationPopupContent .content p {line-height:1} /* consumable product list */ ul.consumableProducts { margin:20px 0 30px } ul.consumableProducts + ul.consumableProducts { margin-top:0; padding-top:20px; border-top:1px dashed #ccc } #Container.black ul.consumableProducts + ul.consumableProducts { border-color:#999 } ul.consumableProducts li { float:left; width:88px } ul.consumableProducts li + li { margin-left:50px } ul.consumableProducts li a { font-family:Verdana, Arial, sans-serif; font-size:1.1em; line-height:1.2 } ul.consumableProducts li a img { margin-bottom:5px } /* Fast2:Added new style to display compatible printers ink product page: Uma Mahesh */ ul.consumableProductslist { margin:20px 0 10px } ul.consumableProductslist + ul.consumableProductslist { margin-top:0; } #Container.black ul.consumableProductslist + ul.consumableProductslist { border-color:#999 } ul.consumableProductslist li { float:left; width:100%px } ul.consumableProductslist li + li { margin-left:50px } ul.consumableProductslist li a { font-family:Verdana, Arial, sans-serif; font-size:1.1em; line-height:1.2 } ul.consumableProductslist li a img { margin-bottom:5px } /* europe country list */ .epsonEurope { float:left; width:440px; color:#fff } .epsonEurope .content { padding:8px 20px } .epsonEurope h2 { margin-bottom:7px; font-size:1.6em; font-weight:bold; text-transform:uppercase } .epsonEurope p { margin-bottom:5px; font-family:Verdana,Arial,sans-serif; font-size:1.1em; } .epsonEurope ul.countryList { margin-top:15px } .epsonEurope ul.countryList li { } .epsonEurope ul.countryList li + li { margin-top:15px; padding-top:15px; border-top:1px dotted #fff } .epsonEurope ul.countryList .column { float:left; width:133px } .epsonEurope ul.countryList li ul li { margin:0; padding:0; font-family:Verdana,Arial,sans-serif; font-size:1.2em; border-top:none } .epsonEurope ul.countryList li a { color:#fff } /* expandable list */ .expandableList + .expandableList { margin-top:30px } .expandableList h5 { margin-bottom:10px; padding-bottom:5px; font-size:1.2em; text-transform:uppercase; border-bottom:1px dashed #ccc } #Container.black .expandableList h5 { border-color:#999 } .expandableList li { margin-bottom:10px } .expandableList li h6 { font-size:1.6em } .expandableList li p { font-family:Verdana,Arial,sans-serif; font-size:1.1em } .expandableList li a { color:#00BAF2 } /* 3 panel bottom pane */ /* 11082 Addition white space issue in Business solutions */ .bottomPanel { position:relative; bottom:-21px; clear:both; margin:0px -25px 0; border-top:1px solid #E1E1E1 } .bottomPanel .contentBlock { float:left; min-height:135px; padding:15px 20px } .bottomPanel .contentBlock + .contentBlock{ border-left:1px solid #E1E1E1 } /* newsletter signup form */ .newsLetter { width:270px } .newsLetter h3 { margin-bottom:15px; font-size:2em; font-weight:normal } .newsLetter p { margin-bottom:10px; font-family:Verdana,Arial,sans-serif; font-size:1.1em; line-height:1.2 } .newsLetter input.ft_text { font-size:1.2em } /* printer sol list */ .printersRange { margin-bottom:10px } .printersRange h4{ margin-bottom:20px; font-size:1.6em; color:#fff } .printersRange a { } .printersRange ul { margin-bottom:10px } .printersRange ul li { float:left; width:88px; opacity:0.5 } .printersRange ul li + li { margin-left:15px } /* .printersRange ul li:hover { opacity:1 } */ .printersRange ul li p { font-family:Verdana,Arial,sans-serif; font-size:1.1em; color:#e1e1e1 } .printersRange ul li p + p { margin-top:10px } .printersRange ul li a { color:#fff; line-height:1.2 } .printersRange ul li a:hover { text-decoration:none } /* graphics art pro showcase */ #ProShowCase { position:relative; float:left; width:690px; height:330px; margin-left:40px } #ProShowCase img { position:absolute; top:0; left:0; width:380px; height:330px } #ProShowCase img.mainImage { visibility:visible } #ProShowCase img.tempImage { display:none } #ProShowCase .description { float:right; width:285px; margin-top:130px; color:#fff; text-transform:uppercase } #ProShowCase .description h1 { margin-bottom:10px; font-size:1.8em } #ProShowCase .description p { margin-bottom:10px; font-size:2.8em; font-weight:bold } /* #ProShowCase .description a { display:none } */ /* product support */ #Support h2 { margin:0 0 0 100px; padding:15px 0 } /* Support sections */ #Support .supportSection { margin-top:30px; width:890px; overflow: hidden;} /* drivers */ #Support .drivers { margin:15px 0 30px; width:890px } #Support .drivers h4 { margin-bottom:10px; padding-bottom:7px; font-size:1.6em; border-bottom:1px dashed #ccc } #Container.black #Support .drivers h4 { border-color:#999 } #Support .drivers h5 { padding:5px 0; font-size:1.6em } #Support .drivers h5 span { font-family:Verdana, Arial, sans-serif; font-size:0.6875em; font-weight:normal; color:#999 } #Support .drivers p { margin:0 100px 10px 0; font-family:Verdana, Arial, sans-serif; font-size:1.1em; line-height:1.2 } /* #Support .manualsAndFAQ {margin-bottom:10px;} */ /* faq */ #Support .faq { margin:15px 0 30px; width:592px; } #Support .faq form { padding:10px 20px } #Support .faq form input[type=text] { font-size:1.2em } #Support .faq h4 { margin-bottom:10px; font-size:1.6em } #Support .faqContent { height:270px; padding:15px 20px; border-top:1px solid #E1E1E1; overflow:auto } #Support .faqContent.loading { background:transparent url(../images/ani_loader_normal.gif) no-repeat 50% 50% } .black #Support .faqContent { border-top:1px solid #5D5E5F } .black #Support .faqContent.loading { background-image:url(../images/ani_loader_normal_black.gif) } #Support .faqContent h5 { margin-bottom:10px; font-size:1.4em } #Support .faqContent ul { margin-bottom:20px } #Support .faqContent ul li { font-size:1.4em; line-height:1.5 } .faqPanel {width:550px;} .eChatSupport{width:290px} /* manuals */ #Support .manuals { margin-bottom:10px; clear:left; } #Support .manuals h4 { margin-bottom:10px; font-size:1.6em } /* online documents */ #Support .onlineDocs { float:left; width:200px; margin-right:30px } #Support .onlineDocs ul { margin-top:10px; border-top:1px dashed #ccc } #Container.black #Support .onlineDocs ul { border-color:#999 } #Support .onlineDocs ul li { padding:8px 0; font-family:Verdana, Arial, sans-serif; font-size:1.1em; border-bottom:1px dashed #ccc } #Container.black #Support .onlineDocs ul li { border-color:#999 } .onlineManual { width:153px; height:100px; margin-bottom:5px; padding:7px 13px 15px 11px; background:transparent url(../images/bak_manual_resized.gif) no-repeat 0 0 } .onlineManual a { display:block; height:56px; padding:10px; font-size:1em; color:#fff; text-transform:uppercase; line-height:1.2 } body.grey .onlineManual a { background-color: #F2F2F2 } body.green .onlineManual a { background-color: #B3CA35 } body.orange .onlineManual a { background-color: #FF7A00 } body.purple .onlineManual a { background-color: #80379B } body.pink .onlineManual a { background-color: #C3009E } body.turquoise .onlineManual a { background-color: #00B2A9 } body.royal .onlineManual a { background-color: #183975 } body.consumer .onlineManual a { background-color: #183975 } body.myepson .onlineManual a { background-color: #DB4D69 } body.homecinema .onlineManual a { background-color: #382B7A } body.pro .onlineManual a { background:#4d4d4d url(../images/bak_professional.png) repeat-x 0 0; color:#fff } body.business .onlineManual a { background: #686868 url(../images/bak_business_gradient.png) repeat-x 0 0 } .onlineManual a strong { display:block } .onlineManual a span { padding-right:18px; background:transparent url(../images/ico_download_white.gif) no-repeat 100% 100% } /* downloads */ #Support .support .downloads { width:430px; margin-left:0px; float:left; }/*made "margin-left:230px" to "margin-left:0px" to fix ECR 172 issue */ #Support .support .downloads ul { float:left; width:200px } #Support .support .downloads ul + ul { margin-left:30px } /* #Support .support .downloads table { margin-left: 230px } *//* Commented this code and placed it in modules.ie8.css to fix IE7 issue*/ /* contact options */ #Support .contactOptionsModule { margin-top:15px; } .black #Support .contactOptionsModule h3 { color:#fff } /* repair */ #Support .repair { margin-top:15px; width:890px; } #Support .repair .genericRoundedCorners > .content { padding:10px 15px } #Support .repair .articleBody { margin-bottom:15px } /* warranties */ #Support .consumableProListContent { margin-top:15px; border:none } #Popup #f_dl_privacypolicy, #Popup #f_dl_licenseagreement { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin adding; background:#FFFFFF url(../images/bak_textFields.gif) repeat-x scroll 0 0; border:1px solid #E4E4E4; font-size:1.2em; height:130px; line-height:1.2; margin-bottom:10px; overflow:auto; padding:5px; width:300px; } /* related articles */ .relatedArticles { margin-bottom:30px } .relatedArticles h3 { margin-bottom:10px; font-size:1.6em } .relatedArticles ul { } .relatedArticles ul li { padding:7px 0; font-family:Verdana, Arial, sans-serif; font-size:1.1em; line-height:1.2 } .relatedArticles ul li + li { border-top:1px dashed #ccc } /* site map */ #SiteMap h3 { margin-bottom:10px; padding-bottom:7px; font-size:2em; font-weight:normal; border-bottom:1px solid #D9D9D9 } #SiteMap h4 { margin-bottom:7px; font-size:1.6em } #SiteMap ul { } #SiteMap ul + h3{ margin-top:40px } #SiteMap ul.indent { } #SiteMap li { float:left; margin-bottom:35px } #SiteMap li + li { margin-left:30px } #SiteMap li h5 { margin-bottom:3px; font-weight:normal } #SiteMap li ul { width:190px; margin-bottom:0 } #SiteMap li li { float:none; margin-bottom:3px } #SiteMap li li + li { margin-left:0 } #SiteMap li li ul { margin-left:15px } #SiteMap li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em } /* search notification modules */ .searchNotification{ padding:10px 25px } .searchNotification .searchNotificationHeader { margin-bottom:10px } .searchNotification h1 { float:left; margin:0 10px 0 0 } .searchNotification .searchNotificationHeader p { margin:0; padding-top:0.75em; font-weight:bold } .searchNotification p { margin-bottom:10px; font-size:1.6em } /* search result category list */ .searchCategoryList { padding:15px 24px 22px; background:#fff url(../images/bak_filterbar.png) repeat-x 0 100% } .searchCategoryList h2 { float:left; margin-right:20px; font-size:1.6em } .searchCategoryList ul { margin-top:0.2em; font-family:Verdana, Arial, sans-serif; font-size:1.1em } .searchCategoryList ul li { float:left } .searchCategoryList ul li + li { margin-left:20px } .searchCategoryList ul li a { color:#00BAF2 } .searchCategoryList ul li a:hover { text-decoration:underline } /* search result categories */ .searchResults { } .searchResultHeading { margin-bottom:15px; border-bottom:1px dashed #ccc } .searchResults .searchResultHeading h1, .searchResults .searchResultHeading p { margin-bottom:15px } .searchResults h1 span { font-size:0.533em } .searchResults .searchResultHeading p.txtLarge a { font-family:Verdana, Arial, sans-serif; font-size:0.55em } .searchResults p.info { margin-bottom:25px; font-size:2em; font-weight:normal } /* search result articlse */ ul.articleSearchResults { margin-bottom:30px } ul.articleSearchResults li + li { margin-top:25px } ul.articleSearchResults h3 { margin-bottom:5px; font-size:2em; font-weight:normal } ul.articleSearchResults h4 { margin-bottom:5px; font-size:1.6em } ul.articleSearchResults p { margin-bottom:5px; font-size:1.2em; line-height:1.5 } /* order tracking */ table.orders { margin:20px 0 } table.orders thead tr { border-bottom:1px dashed #ccc } table.orders thead th { padding:5px 10px; font-size:1.2em; text-transform:uppercase } table.orders tbody a.warrantyReceipt { display:block; padding:14px 10px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; color:#4d4d4d } table.orders tbody a:hover { text-decoration:none } table.orders tbody a:focus { outline:none } table.orders tbody tr { border-bottom:1px dashed #ccc } table.orders tbody tr:hover { background-color:#e1e1e1; cursor:pointer } table.orders tbody td { } table.orders .buttonBlue { float:right } table.orders .priceColumn { text-align:right } /* explore epson teasers */ ul.exploreTeasers { margin-bottom:10px } ul.exploreTeasers li { position:relative; float:left; width:281px; height:200px; margin:0 0 0 23px } ul.exploreTeasers li:first-child { margin-left:0 } ul.exploreTeasers img { height:200px; width:280px } /*my account page*/ #MyAccount .displayAddressRow {margin:10px 0 10px 200px; line-height:1.4} #MyAccount .displayAddressRow .displayAddress {float:left; margin-left:30px} #MyAccount .displayAddressRow .displayAddress .button {margin-top:10px; font-family:Arial, Verdana, sans-serif; font-size:.85em} #MyAccount .formItem .fi_content .fi_text {margin-top:5px; font-size:1.4em; line-height:2} #MyAccount .formItem .fi_content .fi_text + p {margin-top:0px; padding:0; line-height:1.2} /* generic Login */ .genericLogin { width:575px; margin-left:170px; } .genericLogin .header { position:relative; padding-right:10px; color:#4d4d4d; background:transparent url(../images/bak_popup_header_right.png) no-repeat 100% 0 } .genericLogin .header p { float:left; font-size:2em } .genericLogin .headerContent { height:20px; padding:10px 0 10px 10px; background:transparent url(../images/bak_popup_header_left.png) no-repeat 0 0 } .genericLogin .content { padding:10px; background-color:#fff; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; overflow:hidden } .genericLogin .content strong.buttonBlue { float:left } /* Article feedback and rating - Start */ .alertNotificationPopupContent table.articleRatingTable{ width: 100%; text-transform: uppercase; font-size:1.2em; font-weight:bold; color: #000000; border:0 none; border-collapse:separate; } .alertNotificationPopupContent table.articleRatingTable tr td input.ratingRadio{width:25%; margin-left: 30px;} .alertNotificationPopupContent table.articleRatingTable tr td.ratingLabel{width:75%; padding-left: 10px;} .articleFeedBackRatingFeild{padding: 1px;} .alertNotificationPopupContent p.ratingErrorText{} .alertNotificationPopupContent p.ratingSubmit{} .alertNotificationPopupContent p.ratingSubmit a span.rate{margin-left: 35px;} #feedback{visibility:visible; padding: 1px;} #feedbackLinks{width:600px; float:left;} #feedbackArticleLink{width:300px; float:left;} #feedbackArticleLink span.feedbackLinkText{font-weight:bold; font-family:verdana; font-size:1.12em; margin-left: 0px;} #ratingArticleLink{width:300px; float:right; padding-top:2px;} #ratingArticleLink span.ratingLinkText{font-weight:bold; margin-left:20px;} #feedbackDetail {width:150px; height:100px; left:0px; top: 0px; height: 150px; padding-top:10px;} #feedbackDetail table.feedbackTable{ border-collapse:separate; border: 0 none;} #feedbackDetail table.feedbackTable .feedbackContainer {width: 350px;} #feedbackDetail table.feedbackTable .feedbackContainer .feedbackHeader {width: 300px;} #feedbackDetail table.feedbackTable .feedbackContainer .feedbackHeader label.heading{width:300px; text-align:left; margin-bottom:10px; margin-top:0px;} #feedbackDetail table.feedbackTable .feedbackContainer .feedbackContent {width: 300px;} #feedbackDetail table.feedbackTable .feedbackContainer .feedbackContent .feedbackDescription{width: 280px; float:left;} #feedbackDetail table.feedbackTable tr td.maxCharMsg {style="font-weight:bold; padding-top:7px;"} #feedBackSubmit{height:2.583em; background-color:transparent;} #feedbackSubmit table.feedbackSubmitTable {} #feedbackSubmit table.feedbackSubmitTable tr td.footerRating {width:80%;} #feedbackSubmit table.feedbackSubmitTable tr td.footerRating a span.rateLink {margin-left:20px; font-weight:bold;} /* Article feedback and rating - End */ .canwe_help{ width: 350px; float: left; margin-left:40px; margin-top:10px; } .online_chat{ float: left; width: 350px; } .line_space{ width: 1px; height: 50px; float: left; background-color: rgb(77, 77, 77); margin-top: 26px; margin-left: 30px; } .mystyle{ margin: 0px; }