/* 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 #D9D9D9; 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:#fff } #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:9px 0 0; border-left:1px solid #e1e1e1 } #Container.black #MastHead .mastheadContents { border-color:#4d4d4d } #MastHead .levelOne { padding:0 10px 0 20px } /* masthead search */ #MastHead .mastheadSearch { float:right; margin-top:-5px } #MastHead .mastheadSearch label { display:none } #MastHead .mastheadSearch input#SiteSearch { float:left; width:145px; height:1.4em; padding:4px 5px; margin-right: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 primary navigation */ #MastHead .primaryNavigation { } #MastHead .primaryNavigation div.title { font-size:1.4em; font-weight:bold; text-transform:uppercase; color:#4D4D4D } #MastHead .primaryNavigation ul { } #MastHead .primaryNavigation ul li { display:inline; font-size:1.4em; text-transform:uppercase } #MastHead .primaryNavigation ul li + li { margin-left:10px; padding-left:10px; } #Container.black #MastHead .primaryNavigation ul li + li { border-color:#636363 } #MastHead .primaryNavigation ul li a { color:#4d4d4d } #Container.black #MastHead .primaryNavigation ul li a { color:#e1e1e1 } #MastHead .primaryNavigation ul li a:hover { color:#00baf2; text-decoration:none } #Container.black #MastHead .primaryNavigation ul li a:hover { color:#7FD1F1 } #MastHead .levelTwo { margin-top:35px; padding:0 10px 0 20px; border-top:1px solid #eaeaea } #Container.black #MastHead .levelTwo { border-color:#4d4d4d } /* CSS styles for CR38 : EPSON 1.9 */ #MastHead .primaryNavigation ul li.active a { background: url("../images/bg_right.gif") no-repeat scroll right bottom transparent; display: block; padding: 19px 17px 10px 5px; color:#78D3EF; } #MastHead .primaryNavigation ul li.active { background: url("../images/bg_left.gif") no-repeat scroll left bottom transparent; display: inline; float: left; font-weight: normal; margin: -8px -7px -16px; position: relative; border:0px; } #MastHead .primaryNavigation ul li.main { display: inline; float: left; font-size: 1.4em; font-weight: normal; margin: -9px -7px -16px; text-transform: uppercase; } #MastHead .primaryNavigation ul li.main a { background: url("../images/back_ground.jpg") repeat scroll 0 0 transparent; display: block; margin: 5px 0 0; padding: 16px 17px 8px; } #MastHead .primaryNavigation ul li.main a { color: #4d4d4d; text-decoration: none; } #MastHead .primaryNavigation ul li.main a:hover{ color: #00BAF2; text-decoration: none; } #MastHead .primaryNavigation ul li.active a:hover { color: #78D3EF; font-weight: normal; text-decoration:none; } /* 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 } .epsonworld #MastHead .secondaryNavigation ul li {margin-right:15px; font-size:1.1em } #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:#7FD1F1 } #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 ul li { display:block; float:left; margin-right:20px; font-size:1.2em; text-transform:uppercase; color:#000000 } #MastHead .secondaryNavigation ul li.dropdown ul li a { background-image:none } #MastHead .secondaryNavigation form { display:inline-block; height:20px } #MastHead .secondaryNavigation form .buttonSmall input { height:2.1em; padding: 0 8px 8px 10px } #MastHead .secondaryNavigation form select { font-size:0.9em; margin:0 5px } /* masthead basket */ #MastHead .mastheadCheckout { position:absolute; bottom:4px; right:1px; padding-right:10px; text-align:right; white-space:nowrap; background:transparent url(../images/sprite_buttons.png) no-repeat 100% -1760px } #Container.black #MastHead .mastheadCheckout { background-position:100% -1800px } #Container #MastHead .mastheadCheckout:hover { background-position:100% -1840px; text-decoration:none } #Container #MastHead .mastheadCheckout:active { background-position:100% -1880px } #Container #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 url(../images/sprite_buttons.png) no-repeat 0 -1600px } #Container.black #MastHead .mastheadCheckout span { color:#fff; background-position:0 -1640px } #Container #MastHead .mastheadCheckout:hover span { color:#fff; background-position:0 -1680px } #Container #MastHead .mastheadCheckout:active span { color:#fff; background-position:0 -1720px } /* 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 } .breadCrumbs ul li a { color:#fff } 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 { width:340px; 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; 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 } .heroLeft h3 span, .sidebarNavigation h3 span { display:block; padding:9px 10px 8px; font-size:1.2em; line-height:1.2; text-transform:uppercase; color:#4d4d4d; background:transparent url(../images/bak_hero_navigation_header_l.png) no-repeat 0 0 } .genericSidebarMedium #HeroPane .heroLeft { width:279px } /* 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 } ul.heroNavigation li h4 a { display:block; padding:6px 20px 6px 10px; font-size:1.2em; font-weight:bold; text-transform:uppercase; line-height:1.2; 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 10px; color:#fff } ul.heroNavigation li a:focus { outline:none } ul.heroNavigation ul li { font-family:Verdana, Arial, sans-serif; font-size:1.1em } 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 { font-size:1em } ul.heroNavigation ul ul li a, .heroLeft ul.heroNavigation ul ul li strong { padding-left:30px; line-height:1.2 } .heroMain { float:right; width:360px } .heroMain h2 { font-size:4em; line-height:1.2; text-transform:uppercase; color:#fff } .heroMain p { font-size:1.6em; line-height:1.2; margin:10px 0; font-weight:bold; color:#fff } /* Hero Nuggets */ .heroMain .nuggets { float:left; margin-top:10px } .heroMain .nuggets .top { height:7px } .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 } .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) } /* Filters */ body.pro #ProductBrowserFilter { background:#333 url(../images/bak_filterbar_black.png) repeat-x 0 100% } #ProductBrowserFilter { padding:0 10px 5px; background:#fff url(../images/bak_filterbar.png) repeat-x 0 100% } #ProductBrowserFilter h2 { padding:10px 0 10px 15px; font-size:1.6em } #ProductBrowserFilter .browseRadios, #ProductBrowserFilter .browseCheckboxes, #ProductBrowserFilter .browseSelects { float:left; height:50px; padding:10px 15px 7px; border-right:1px solid #f0f0f0 } body.pro #ProductBrowserFilter .browseRadios, body.pro #ProductBrowserFilter .browseCheckboxes, body.pro #ProductBrowserFilter .browseSelects { float:left; padding:10px 15px 7px; border-right:1px solid #5d5e5f } #ProductBrowserFilter .browseRange { border:0px } #ProductBrowserFilter h4 { margin-bottom:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:normal; white-space:nowrap } #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.f_tooltip { padding:0 0 2px 13px; width:1px; color:#fff /*safari fix*/ } #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 .browseSelects select#pbf_price { width:150px } #ProductBrowserFilter .buttonBlue { float:right } /* 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 h2 { padding:5px 0 20px; font-size:1.6em } .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:999; 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 ul.productItemListAutoHeight { display:table-row } #ProductList ul.productItemListAutoHeight .productItem { float:none; display:table-cell; height:auto; padding:0 0 30px 0 } #ProductList ul.productItemListAutoHeight .productItem + .productItem { padding-left:30px } #ProductList .productGroup { margin:20px 0 } /* Product Item */ .productItem { float:left; width:200px; min-height:41em; 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 } .productItem h4 { position:relative; margin-bottom:10px; padding:5px 10px; 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 } body.business .productItem h4 { background-image:url(../images/bak_business_header.png) } body.pro .productItem h4 { background-color:#636363 } .productItem .alertNotificationPopup h4 { padding:5px 0 } .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 } .productItemMicro .itemImage { float:left; width:auto; height:auto; margin-right:10px; padding:5px 0 } .productItem .itemImage .itemProductImage { position:absolute; left:0; bottom:0; width:200px; height:150px } .productItemMini .itemImage .itemProductImage { width:89px } .productItemMicro .itemImage .itemProductImage { position:static; width:88px; height:66px } .productItem .itemImage .itemBadge { position:absolute; top:0; right:0; z-index:2 } .productItem .itemImage.loader img { visibility:hidden } .productItem .itemCode { margin-bottom:6px; font-family:Verdana, Arial, sans-serif; font-size:1.1em } .productItem .itemDetails { } .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 ul li { margin-bottom:5px } .productItem .itemDetails ul.highlights { font-family:Verdana, Arial, sans-serif; font-size:1.1em; margin-bottom:6px } .productItem .itemDetails p { margin:5px 0; font-family:Verdana, Arial, sans-serif; font-size:1.2em;} .productItem .itemDetails img { margin:10px 0; } .productItem .itemDetails .itemReview { margin-bottom:6px } .productItem .itemDetails .itemReview span { margin-left:5px; font-size:1.1em } .productItem .itemDetails .itemPrice { margin-bottom:6px } .productItem .itemDetails dt { float:left; font-size:1.1em; line-height:1.23; margin:0.2em 0.3em 0 0; text-transform:uppercase; } .productItem .itemDetails dd { font-size:1.4em; font-weight:bold; line-height:1.2; margin-left:2.75em; } .productItem .itemDetails .itemPrice strong, .productItem .itemDetails .priceDetail strong { margin-left:5px; 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 } .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 } .productItem .itemDetails .itemComparison,.productItem .itemComparison { margin:10px 0 } #ProductBrowser .productItem .itemComparison { margin:5px 0 } .productItem .itemDetails .itemAttribute {} .productItem .itemDetails .itemAttribute > * { margin-bottom:7px } .productItem .itemDetails .itemAttribute.txtDarkSmall { margin:3px 0 5px } .productItem .itemDetails .itemAttribute a.alertNotification { font-size:1em } .productItem .itemDetails .itemAttribute .alertNotificationPopup p { font-size:1em } .productItem .itemDetails .itemAttribute .alertNotificationPopup p a.buttonBlue span { font-size:1.1em } .productItem .itemDetails p.review {font-size:1.2em} .productItem .itemDetails p.review img {margin:0 5px -2px 0; } .productItem .itemDetails p.review span {text-transform:none; line-height:1.2} /* 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 { } #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 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 } #Teasers .wc_tl { position:absolute; top:-8px; left:-1px; width:4px; height:4px; background-position: 0 0 } #Teasers .wc_tr { position:absolute; top:-8px; right:-3px; width:4px; height:4px; background-position: 100% 0 } #Teasers .wc_bl { position:absolute; 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% } 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.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 { width:940px; margin-bottom:20px } #ProductHighlight .left { float:left; width:345px; margin-top:7px; color:#fff } #ProductHighlight .left h1 { font-size:1.6em; line-height:1.2; text-transform:uppercase } #ProductHighlight .left h2 { margin-top:10px; font-size:4.0em; line-height:1.2; text-transform:uppercase } #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:2 } #ProductHighlight .left a { color:#fff; text-decoration:underline } #ProductHighlight .left a.buttonBlue { text-decoration:none } #ProductHighlight .left .features { border-top:1px dashed #fff; border-bottom:1px dashed #fff; padding:10px 0 15px; margin-top:20px; height:1% } #Container.black #ProductHighlight .left .features { border-color:#999 } #ProductHighlight .left .features strong.buttonBlue { margin-top:10px; } #ProductHighlight .left .features .price { float:left; width:140px; margin-bottom:10px } #ProductHighlight .left .features .price.nuggets2 { width:210px; } #ProductHighlight .left .features .price.nuggets1 { width:280px; } #ProductHighlight .left .features .price.nuggets0 { width:100%; } #ProductHighlight .left .features .price dt { margin:0.3em 0.5em 0 0; float:left; font-family:Arial,Verdana,sans-serif; font-size:1.1em; font-weight:normal; text-transform:uppercase; } #ProductHighlight .left .features .price dd { font-size:1.6em; } #ProductHighlight .left .features .price dt.txtInfo, #ProductHighlight .left .features .price dd.txtInfo { color:#fff } #ProductHighlight .left .features .price div span { margin:0.3em 0.5em 0 0; font-family:Arial,Verdana,sans-serif; font-size:1.1em; font-weight:normal; text-transform:uppercase; } #ProductHighlight .left .features .price div strong { font-weight:normal; font-size:1.6em; white-space:nowrap } #ProductHighlight .left .features .price div.txtInfo span { color:#fff; } #ProductHighlight .left .features .price div.txtInfo strong { font-weight:bold; color:#fff; } #ProductHighlight .left .features .price p .buttonBlue { margin:10px 0; font-family:Arial, Helvetica, sans-serif; font-size:0.909em; line-height:1 } #Container.black #ProductHighlight .left .features .price p .buttonBlue { line-height:1 } #ProductHighlight .left .features .price p .whereToBuy { display:inline-block; margin:10px 0; } #ProductHighlight .left .features .price dt + p {line-height:1.5} #ProductHighlight .left .features a.alertNotification { font-family:Verdana, Arial, sans-serif; margin-top:-5px; font-size:1.1em;line-height:1.6 } #ProductHighlight .left .features .alertNotificationPopupContent p {font-size:1.1em;line-height:1.2 } #ProductHighlight .left .features .alertNotificationPopupContent p a.buttonBlue {margin:0; line-height:1} #Container.black #ProductHighlight .left .features .alertNotificationPopupContent p a.buttonBlue {margin:0; line-height:1} #ProductHighlight .left .features .alertNotificationPopupContent p a.buttonBlue span {margin:0;font-weight:bold;font-size:1.2em } #ProductHighlight .left .features .options { float:right; 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 } #ProductHighlight .left .features .itemAttribute { font-size:1em } #ProductHighlight .left .features .caveat { clear:both; padding-top:5px } #ProductHighlight .left .rating { clear:both; font-size:1.2em } #ProductHighlight .left .rating p { font-size:1.2em } #ProductHighlight .left .rating a { font-size:1em; text-decoration:underline } #ProductHighlight .right { float:right; width:570px; text-align:right } #ProductHighlight .right .tabs { float:right; height:24px } #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 } #ProductHighlight .right .tabs li.last a { background:url(../images/bak_tabs_right.png) no-repeat 100% 0; border-right: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, #Container.black #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:10px } /* Article Body */ .articleBody { margin-bottom:30px } .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 { margin-left:15px; list-style:disc none outside } .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; border-bottom:1px solid #e1e1e1; font-family:Verdana, Arial, sans-serif; font-size:1.1em; line-height:1.2 } .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: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 } .articleBody a { color:#00BAF2 } .articleBody a:hover { text-decoration:underline } 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 } body.green #ProductArticle .benefits ul li h5 { color:#B3CA35 } 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 } #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 } /*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 } #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 { margin-bottom:5px; font-size:1.6em; font-weight:bold; text-transform:none; line-height:1.2 } .genericSidebarMedium .teaser h4 a { line-height:1.2 } .genericSidebarMedium .teaser img { float:right; margin:0 -15px 20px -15px } .genericSidebarMedium .teaser .fullWidth { margin:0 -15px; text-align:right } .genericSidebarMedium .teaser .fullWidth img { margin:0 0 10px 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.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%; } body.pro .reviews .header { background:transparent url(../images/bak_filterbar_black.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 } body.pro .reviews .header strong { background:transparent url(../images/bak_counter_r_black.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 } body.pro .reviews .header strong span { background:transparent url(../images/bak_counter_l_black.png) no-repeat 0 0 } .reviews ul li { 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:focus {outline:none} .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;} body.pro .reviews h4, body.pro .reviews p, body.pro .reviews cite, body.pro .reviews blockquote { color: #fff } /* 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, .genericSidebarNarrow .teaser { margin-bottom:20px } #ProductArticle .narrowTeaser, #ProductArticle .genericSidebarNarrow.floatRight { float:right; width:200px; margin-left: 0 } .narrowTeaser > .content, .genericSidebarNarrow .teaser > .content { padding:5px 10px } .narrowTeaser h4, .genericSidebarNarrow .teaser h4 { padding:10px 0; font-size:1.6em; font-weight:bold; line-height:1.1 } .narrowTeaser h4 a, .genericSidebarNarrow .teaser h4 a { font-size:1em; font-family:Arial, Verdana, sans-serif } .narrowTeaser p, .genericSidebarNarrow .teaser p { padding-bottom:10px; font-family:Verdana, Arial, sans-serif; font-size:1em; line-height:1.2 } .narrowTeaser img, .genericSidebarNarrow .teaser img { width:198px; margin:0 -10px } .narrowTeaser a, .genericSidebarNarrow .teaser a { font-size:1.1em; font-family:Verdana, Arial, sans-serif } body.pro .narrowTeaser h4, body.pro .genericSidebarNarrow .teaser h4 { color:#FFFFFF } body.pro .narrowTeaser p, body.pro .genericSidebarNarrow .teaser 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 { } .categoryTabs .categoryItems li{ width:200px; height:30em; float:left; margin:0px 22px 30px 0px } .categoryTabs .categoryItems h5 { color:#00baf2; margin-bottom:7px; margin-left:10px; font-size:1.5em } .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 } .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 } .buyingDetails .price { float:left; width:230px; margin-left:15px } .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 .price .priceDetail span { margin-top:0.2em; font-size:1.3em; text-transform:uppercase; line-height:1.23; } .buyingDetails .price .priceDetail strong { margin-left:5px; font-size:1.6em; line-height:1.2; white-space:nowrap } .buyingDetails .price .itemAttribute { margin-top:10px; } .buyingDetails .buttonBlue { margin:5px 0 5px 25px } .buyingDetails .info { clear:both; padding-top:10px; font-size:1.1em; font-family:Verdana, Arial, sans-serif } .phoneOrChat {} .phoneOrChat p { margin-bottom:10px; font-size:1.4em; font-weight:bold } .phoneOrChat a.buttonBlue { margin-right:10px } .phoneOrChat span { font-size:1.2em } .phoneOrChat span strong { margin-left:5px; 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; width:200px } .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; line-height:1.2 } table.specContainer tr td { text-align:left; line-height:1.3; border-left:1px solid #e1e1e1 } table.specContainer tr td.tick { text-align:center; } 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 } table.specContainer tbody tr td { font-family:Verdana,Arial,sans-serif;font-size:0.9167em } .productSpecSidebar { float:left; width:200px; 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 } .productSpecSidebar .price p { margin-top:10px; font-size:1.1em; font-family:Verdana, Arial, sans-serif } .productSpecSidebar .price p .buttonBlue input { font-size:1.1em; } .productSpecSidebar .price p.upper { margin:5px 0;font-size:1.1em; } .productSpecSidebar .alertNotificationPopupContent p { margin:0; font-size:1em } .productSpecSidebar .alertNotificationPopupContent p .buttonBlue { margin:0;} #Container.black .productSpecSidebar .price { border-color:#999 } .productSpecSidebar .price dl { margin-bottom:10px; } .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 .priceDetail span { margin-top:0.2em; font-size:1.1em; text-transform:uppercase; line-height:1.23 } .productSpecSidebar .price .priceDetail strong { margin-left:5px; font-size:1.4em; font-weight:bold; line-height:1.2; white-space:nowrap } .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 } .comparedProductsList li p { margin: 5px 0pt; font-size: 1.2em; font-family: Verdana,Arial,sans-serif; } .comparedProductsList .productItem .itemDetails p { font-size:1.1em } .comparedProductsList .productItem .itemDetails p strong.buttonBlue { font-size:0.9em } .comparedProductsList .productItem .itemDetails p a.buttonBlue span { font-family: Arial,Verdana,sans-serif; font-size:1.1em } .comparedProductsList .productItem .itemDetails img { margin:5px 0 } .comparedProductsList .productItem .itemDetails .itemAttribute { margin-bottom:0 } .comparedProductsList .productItem .itemDetails .itemAttribute .alertNotification { font-size:1em } .comparedProductsList .productItem .itemDetails .itemAttribute .alertNotificationPopup p { font-size:1.1em } .comparedProductsList .productItem .itemDetails .itemAttribute .alertNotificationPopup p a.buttonBlue span { font-size:1em } .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 } /* Ink Finder */ .supportContent { position:relative; height:370px; margin:20px 0 } .supportContent .supportPanels { position:absolute; top:150px; left:20px; right:20px } .supportPanels { margin-bottom:30px } .supportPanels .supportPanel .content { min-height:12.5em; /*overflow:auto*/ } .supportPanels .supportPanel h2 { margin:0 0 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 .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:-15px } .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 { width:88px; height:66px; margin-bottom:2px } /*.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:Arial, Verdana, sans-serif; font-size:1.1em; font-weight:normal; line-height:1.2 } #ProductSupport .supportCenter .findStore p { margin-bottom:5px; font-size:1.3em } #ProductSupport .supportCenter .findStore p.postcodeExample { margin-top:2px; font-size:1.1em } #ProductSupport .supportCenter .findStore input[type=text] { margin-bottom:5px; padding:7px 5px; font-size:1.1em } #ProductSupport .supportCenter p a { display:block; margin-top:10px } #ProductSupport .supportCenter .findStore { float:right; width:220px; margin-top:50px } /* Wide Teaser Modules */ ul.wideTeasers { clear:both; margin-bottom:20px } ul.wideTeasers li { float:left; width:280px } ul.wideTeasers li + li { margin-left:25px } ul.wideTeasers li .content { padding:10px 15px } ul.wideTeasers li h4 { margin-top:10px } 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:1em} 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 { width: 280px } ul.wideTeasers li .teaser p { width: auto } ul.wideTeasers li .teaser img { margin-left:-15px } 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 { 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 { } 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 } #CheckoutSection table.basket tbody tr.subtotal { background-color:#fff } table.basket tbody tr.subtotal td {text-align:right} 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.2;vertical-align:top } table.basket tbody th img { margin-right:10px } table.basket tbody td:last-child { text-align:right } table.basket tbody td .upperStrong { font-family:Arial,Verdana,sans-serif; font-size:1.2em; } table.basket tbody td.notify { text-align:left; padding:5px 10px; height:20px } table.basket tbody th { padding:10px; font-weight:normal } table.basket tbody th h4, table.basket tbody th div { margin-top:5px; line-height:1 } table.basket tbody th h4 a { line-height:1.2 } table.basket tbody td .jsDropdown { margin-bottom:5px; font-size:0.909em; z-index:99 } table.basket tbody td .info { display:block; margin-top:5px; font-weight:bold; line-height:2; color:#f7931e; } table.basket tbody td .environmemt { margin-top:5px } table.basket tbody td .relatedLinks { margin:5px 0 } table.basket tbody tr.special td:last-child { padding-top:2.72em } table.basket tbody tr td.shippingPrice { padding-top:40px } 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 input#ft_voucher.ft_text { float:left } table.basket tbody tr.special td .txtError { height:auto; margin-top:5px; font-size:1em } table.basket tbody tr.special td .button { margin:4px 0 0 10px } table.basket tbody tr.special td .button input { padding-top:4px } 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 } table.basket tbody tr.subtotal td strong { font-family:Arial,Verdana,sans-serif; font-size:1.6em } table.basket tbody tr.total td { text-align:right } table.basket tbody tr.total td strong { font-family:Arial,Verdana,sans-serif; font-size:1.3em; } table.basket .sb-update-select { margin-top:5px } table.basket .bundlePromo { height:auto; min-height:120px } table.basket .bundlePromo ul li + li { background:none; padding-left:0 } table.basket .bundlePromo ul li { margin-bottom:10px } table.basket .bundlePromo ul li p { font-size:1em } table.basket .bundlePromo .wc_tl, table.basket .bundlePromo .wc_tr { top:-5px } table.basket .bundlePromo.product1 { width:100px } table.basket .bundlePromo.product2 { width:200px } table.basket .bundlePromo.product3 { width:300px } table.basket .bundlePromo, table.basket .bundlePromo.product4 { width:400px } .basketButtons { height:35px; margin-bottom:15px; padding:0 10px 10px; background-color:#f2f2f2 } .basketButtons .txtInfo { padding-top:7px; margin-right:10px; font-size:1.2em } .emptyBasket { margin-top:150px; text-align:center } .emptyBasket h2 { margin-bottom:15px; font-size:2em; font-weight:normal } /* checkout review */ .checkoutTotal , #CheckoutSection .basketContents .checkoutTotal { border-top:1px solid #e1e1e1; padding:10px 10px; background-color:#f2f2f2 } #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 } .checkoutTotal .buttonBlue { margin-left:10px } .printReceipt { margin-top:40px } /* print receipt format */ .printFormat { margin-top:10px } .printFormat #UserLinks, .printFormat #MastHead, .printFormat .breadCrumbs, .printFormat ol.checkoutStatus, .printFormat a.buttonBlue, .printFormat #Teasers { display:none } /* 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 } #MiniShoppingBasket .content a.buttonBlue span { padding-left:7px } 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 } 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 { width:60px; padding-bottom:10px; text-align:left; line-height:1.2 } table.miniBasket tbody tr td:last-child { text-align:right } table.miniBasket tbody tr td:first-child { width:130px; } table.miniBasket tbody tr.total td, table.miniBasket tbody tr.total th { padding:5px 0 } table.miniBasket tbody tr.total td { white-space:nowrap } /* Page Contact */ #ContactEpson form { margin-top:20px } /* Page checkout */ #CheckoutSection > .content { padding:20px } #CheckoutSection p strong { color:#00baf2} #CheckoutSection .wideTeasers {padding:0} /* 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 .content form:first-child { margin-top:20px } #CheckoutSection .content form { margin-top:0px } #CheckoutSection #CheckoutChoice, #CheckoutSection #CheckoutPayment, #CheckoutSection #CheckoutDeliveryAddress, #CheckoutSection #CheckoutBillingAddress {margin-top:20px} #CheckoutSection form .fi4 input { clear:both } #CheckoutSection form .fi4 label { width:50em } #CheckoutSection form.stdForm .formItem .fi_content { width:auto } #CheckoutSection form fieldset.checkboxes { margin-top:20px } #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 .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 .purchases { margin:20px 0; } #CheckoutSection .purchases h2 { display:inline; margin-right:10px; font-size:1.6em} #CheckoutSection fieldset.toggleFieldsets { display: block; margin-top: 20px } #CheckoutSection fieldset.toggleFieldsets:first-child { margin-top: 0 } #CheckoutSection .checkoutTotal .floatRight > div:first-child { padding-bottom:10px } #CheckoutSection #CheckoutChoice .fi4 { margin-bottom:0 } #CheckoutSection #CheckoutChoice fieldset .errorNotification { padding-bottom:0 } #CheckoutSection #CheckoutGuestAccount { padding-top:20px } #CheckoutSection #searchResultDiv a#f_address.jsDropdown span, #CheckoutSection #searchResultDiv a#f_address_billing.jsDropdown span { overflow:hidden } /* 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; line-height:1.3 } .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; line-height:1.2 } .billingAddressNotice .displayAddress { width:230px } .billingAddressNotice a { margin:15px 0 0 100px } .billingAddressNotice a.button span { font-family:Arial,Verdana,sans-serif; } #CheckoutSection #ExistingAddress .displayAddress { margin:20px 0 20px 240px } #CheckoutSection #ExistingAddress #selectedAddressDiv a.button span { font-family:Arial,Verdana,sans-serif } #CheckoutShipping .displayAddress { margin:0 0 20px 250px } #CheckoutSection .checkoutConfirmation { margin-bottom:30px } #CheckoutSection .checkoutConfirmation p{ margin:20px 0; font-size:2em; line-height:1.2;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 } #CheckoutSection .checkoutConfirmation .checkoutConfirmReg .fi_content span { float:left } #CheckoutSection .checkoutConfirmation .checkoutConfirmReg .fi_content span.privacyNotice{ margin:7px 0 0 3px } #CheckoutSection .checkoutConfirmation a.button { margin-right:10px } #CheckoutSection .checkoutConfirmation a.button span { font-size:1.2em } #CheckoutSection .checkoutConfirmation form { margin-top: 20px } #CheckoutSection .checkoutConfirmation form .buttonBlue { margin: -1px 0 0 10px } #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 p.cite { font-size: 2em; line-height:1.2; color:#999 } .doubleOrder fieldset { margin-bottom:20px } .doubleOrder ul {margin-top:20px; color: #4D4D4D} .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 } #FooterContent ul li a { color:#4d4d4d } #FooterContent ul li a:hover { color:#00baf2; text-decoration:none } #Container.black #FooterContent ul li a { color:#d9d9d9 } #Container.black #FooterContent ul li a:hover { color:#7FD1F1 } #FooterContent ul.footerNavigation { } #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 } #FooterContent ul.footerSpecial li { font-size:1em } #FooterContent ul.footerSpecial li a { text-decoration:none; color:#fff; } body.home #FooterContent ul.footerSpecial a, body.grey #FooterContent ul.footerSpecial a { text-decoration:none; color:#999 } #FooterContent ul.footerSpecial a:hover { text-decoration:underline; color:#fff } body.home #FooterContent ul.footerSpecial a:hover, body.grey #FooterContent ul.footerSpecial a:hover { text-decoration:underline } #Container.black #FooterContent ul.footerSpecial { border-color:#4d4d4d; color:#999 } #FooterContent .footerCopyright { margin-top:5px; padding:0 5px; font-family:Verdana, Arial, sans-serif; color:#fff; text-align:right; } body.home #FooterContent .footerCopyright, body.grey #FooterContent .footerCopyright, #Container.black #FooterContent .footerCopyright { color:#999 } #FooterContent .footerCaveats { color:#FFF; line-height:1; margin-bottom:5px; } body.home #FooterContent .footerCaveats, body.grey #FooterContent .footerCaveats, #Container.black #FooterContent .footerCaveats { color:#999 } /* 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:#DB4D69} #StoreHomepage .justForYou img.badgeMyEpson { position:absolute; top:0; right:0 } #StoreHomepage .productItem { min-height:0; } #StoreHomepage .productItem .alertNotificationPopup p { font-size:1em } #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 p a { line-height:1.2 } .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 } #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 } /* 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 .personal { float:right; padding-bottom:20px; text-align:right } #MyEpson .personal h2 { color:#DB4D69; font-size:1.6em; font-weight:bold; line-height:1.2 } #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 } #MyEpson .notLoggedIn.noBg {background:none} 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; line-height:1.3 } #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 p.txtNormal { font-size:1em; color:#4D4D4D } #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; line-height:1.3 } .errorNotification p { padding-top:5px; font-size:1.2em } .errorNotification h4.txtInfo { font-family:Arial, sans-serif; font-size:1.6em; line-height:1.3; color:#B3CA35 } /* 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; line-height:1.2; 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; min-height:200px; 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 90px; padding-top:5px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; font-weight:bold } 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 } #ConsumableFinder h1.txtMainHeader { font-size:2.5em } /* 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 } #Support .contactOptionsModule.horizontal .chatDetails { padding-bottom:0 } #Container.black .contactOptionsModule.horizontal .chatDetails { border-color:#5D5E5F } .contactOptionsModule.horizontal .callDetails { float:right; width:169px; margin:0; padding:10px 15px; border:none } .contactOptionsModule.horizontal .callDetails a.button { margin-top:5px; } #Support .contactOptionsModule.horizontal .callDetails { padding:20px 15px 10px } .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 } .contactOptionsModule a.buttonBlue + *, .contactOptionsModule a.button + * { margin-top:10px } .contactOptionsModule .callDetails { margin-bottom:15px; padding:15px 0 10px; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc } #Container.black .contactOptionsModule .callDetails { border-color:#999 } .contactOptionsModule .callDetails .vcard { margin-bottom:5px; font-family:Verdana, Arial, sans-serif; font-size:1.1em } .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 } .contactOptionsModule.horizontalHelpModule .callDetails { margin:0; padding:0; border:none } .contactOptionsModule.horizontalHelpModule p { margin:5px 0 0 } .contactOptionsModule.horizontalHelpModule .callDetails p{ margin:0 } #CheckoutSection .contactOptionsModule.horizontalHelpModule .callDetails p strong { color:#4d4d4d } .contactOptionsModule.horizontalHelpModule .callDetails p.vcard span.type { padding:10px 0; line-height:1.5 } /* 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 } .contactOptionsBusiness .contactBoxes a.button { font-size:1.1em } .contactOptionsBusiness .contactBoxes h4.floatLeft { margin:5px 0 } .contactOptionsBusiness .contactBoxes h4.floatLeft + p { margin:10px 0} .popupGenericListItem.phoneOrChat .callDetails { float:left; width:200px; } .popupGenericListItem.phoneOrChat .callDetails p { margin-bottom:3px } .popupGenericListItem.phoneOrChat .callDetails .vcard span.type { line-height:1.5 } /* contact module variation 3 */ .horizontalHelpModule { margin-top:30px } .horizontalHelpModule > .content { padding:5px 30px } .horizontalHelpModule .helpInfo { margin:7px 10px 0 0 } .horizontalHelpModule .buttonBlue { margin:0 10px } .horizontalHelpModule .button { margin:5px 10px 0 } .contactOptionsModule.horizontalHelpModule .helpInfo.txtNormal { margin-top:10px } .contactOptionsModule.horizontalHelpModule .txtLarge { margin-top:5px } /* bundle promos */ .bundlePromo { position:relative; width:630px; min-height:120px; margin-top:10px; padding:20px 15px; background-color:#7fd1f1 } .bundlePromo:first-child { margin-top:0px } .bundlePromo.single { min-height:66px } .bundlePromo.selected { background-color:#00baf2} .bundlePromo.selected p { color:#fff } .bundlePromo.selected .teaserTotal .productTeaserSelect { color:#fff } .bundlePromo ul { } .bundlePromo ul li { float:left; width:88px } .bundlePromo ul li + li { margin-left:10px; 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:1.1em; line-height:1.4 } .bundlePromo .teaserTotal { float:right; width:100px; text-align:right } .bundlePromo .teaserTotal p { margin:5px 0; 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 } #ConsumableProduct #footerCart {margin-top: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 ul li.productItem { min-height:0; padding:0 0 10px 0 } .consumableProList .consumableProListContent { padding-top:15px; border-top:1px dashed #e1e1e1 } .consumableProList .consumableProListContent:first-child, .consumableProList p.txtNormalAlt + .consumableProListContent, .consumableProList h2 + .consumableProListContent { border-top:1px solid #e1e1e1 } .consumableProList.genericCollapsibleSection .consumableProListContent { border-top:none } .consumableProList .consumableProListContent + .consumableProListContent { margin-top:15px } .consumableProList.genericCollapsibleSection { margin-top:20px } .consumableProList.genericCollapsibleSection + .consumableProList.genericCollapsibleSection { margin-top:10px } .collapsibleContent .consumableProListContent { border-top:none } .consumableProList .floatRight .buttonBlue, .consumableProList .floatRight .buttonBasket {margin-left:10px} .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 .formItem textarea { margin: 0 0 10px 210px; font-size:1.1em } .consumableProList .formItem #f_terms_conditions { width:425px; height:130px; margin: 0 0 10px 210px; padding:5px; font-size:1.2em; line-height:1.2; overflow:auto; border:1px solid #e4e4e4; background: #FFFFFF url(../images/bak_textFields.gif) repeat-x scroll 0 0 } .consumableProList ul.productList { float:left; margin-bottom:10px; /* border-bottom:1px dashed #ccc; */ font-family:Verdana, Arial, sans-serif; font-size:1.1em } #Container.black .consumableProList ul.productList { border-color:#999 } .consumableProList .subHeaderTitle + ul.productList { margin:20px 0 0 210px; border-top:1px dashed #ccc } .consumableProList.genericCollapsibleSection .subHeaderTitle + ul.productList { margin-left:0 } #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 { line-height:1.4 } .consumableProList ul.productList li .col { margin-left:10px } .consumableProList ul.productList li .col:first-child { margin-left:0px } .productList p { margin-bottom:5px } .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 .description p { line-height:1.2 } .productList .price { width:120px; line-height:1; text-align:right } .productList .price p.txtInfo { text-transform:uppercase } .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 } #ConfigureBasketTotal.checkoutTotal .floatRight > div:first-child { padding-bottom:10px } .configurationOptions .salesMsg {float:right;margin-top:20px} .configurationOptions .salesMsg .buttonBasket {margin-left:10px} /* 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.stdForm .formItem .fi_content { width:auto } #ProductRegistration form .fi4 label { width:50em } #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; color:#D9D9D9 } .productRegDetails .productEdit h4 { display:inline; margin-right:10px; font-size:1.6em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D } .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 .supportPanel.findProductSupport { width:310px } #RegistrationSearch h2 { margin:10px 0 } #RegistrationSearch input#RegistrationSearchField { margin-bottom:5px } #RegistrationSearch .example { margin-bottom:10px } /* out of stock notification */ .alertNotification { display:none; line-height:1.1 } .alertNotificationPopup { position:absolute; top:-4000px; left:0; padding-bottom:10px; text-align:left; color: #666; z-index:99} .alertNotificationPopupContent { width:225px; padding:12px 12px 0 30px; } .alertNotificationPopupContent .top { height:5px; background:transparent url(../images/bak_tooltip.png) no-repeat 0 0 } .alertNotificationPopupContent .content { padding:5px 10px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; color:#4d4d4d; background-color:#fff; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1 } .alertNotificationPopupContent .bottom { height:25px; background:transparent url(../images/bak_tooltip.png) no-repeat 0 -5px } body.pro .alertNotificationPopup { color:#fff; } .alertNotificationPopup h4 { margin-bottom:10px; font-size:1.2em; font-weight:normal; color:#4D4D4D } .alertNotificationPopup p { margin:0; padding-bottom:10px;line-height:1.2 } .alertNotificationPopup input { width:185px; margin-bottom:5px } .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 } /* 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 } /* 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 { margin-bottom: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 */ .bottomPanel { position:relative; bottom:-21px; clear:both; margin:15px -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 } .bottomPanel .contentBlock strong.buttonBlue, .bottomOptions .newsLetter strong.buttonBlue{ margin:0 0 -5px 10px} /* 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 } #f_m_newsletter_privacypolicy { width:260px; height:130px; margin-bottom:10px; padding:5px; font-size:1.2em; line-height:1.2; overflow:auto; border:1px solid #e4e4e4; background: #FFFFFF url(../images/bak_textFields.gif) repeat-x scroll 0 0 } /* 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:380px; margin-left:40px } #ProShowCase img { position:absolute; top:0; left:0; width:380px; height:330px } #ProShowCase img.tempImage { opacity:0 } #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; line-height:1.2 } /* #ProShowCase .description a { display:none } */ /* product support */ #Support h2 { margin:0 0 0 100px; padding:15px 0 } #Support .pageActions { margin-bottom: 50px; padding-top:15px } #Support #f_selectos { margin-left:10px } /* Support sections */ #Support .supportSection { margin-top:30px } /* drivers */ #Support .drivers { margin:15px 0 30px } #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 .drivers h6 { font-family:Verdana,Arial,sans-serif; padding:10px 0 5px; font-size:1.1em } #Support .drivers .articleBody h6 { font-size:1.3em } #Support .drivers .articleBody u { font-family:Verdana, Arial, sans-serif;font-size:1.1em } #Support .drivers .articleBody ul { margin-top:10px } #Support .drivers .articleBody ul li { font-size:1.1em } /* faq */ #Support .faq { margin:15px 0 30px } #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 { max-height:270px; padding:15px 20px; border-top:1px solid #E1E1E1; overflow:auto } #Support .faqContent ul li { margin-bottom:10px; font-size:1.4em; line-height:1.5 } #Support .faqContent ul li.download { padding-left: 24px; background:transparent url(../images/ico_download_small.png) no-repeat scroll 0 0; } body.pro #Support .faqContent ul li.download { background:transparent url(../images/ico_download_small_pro.png) no-repeat scroll 0 0; } #Support .faqContent ul li span { display:block; line-height:1.3; color:#999 } #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 } /* manuals */ #Support .manuals { margin-bottom:20px } #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:5px 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:108px; padding:10px 11px 55px 11px; background:transparent url(../images/bak_manual.gif) no-repeat 0 0 } .onlineManual a { display:block; height:88px; padding:10px; font-size:1.4em; 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: #0073CF } body.myepson .onlineManual a { background-color: #DB4D69 } 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% } #Support .findStore input[type=text] { width:250px } /* downloads */ #Support .support .downloads { display:inline-block; width:430px; } #Support .support .downloads ul { float:left; width:200px } #Support .support .downloads ul + ul { margin-left:30px } /* contact options */ #Support .contactOptionsModule { margin-top:30px } .black #Support .contactOptionsModule h3 { color:#fff } /* repair */ #Support .repair { margin-top:15px } #Support .repair .genericRoundedCorners > .content { padding:10px 15px } #Support .repair .articleBody { margin-bottom:15px } /* warranties */ #Support .consumableProListContent { margin-top:15px; border:none } #Support .consumableProList .floatRight .buttonBasket { margin:10px 11px 0 0 } #Support .consumableProList strong.buttonBlue { margin-right:10px } #Popup #f_dl_privacypolicy, #Popup #f_dl_licenseagreement { width:300px; height:130px; margin-bottom:10px; padding:5px; font-size:1.2em; line-height:1.2; overflow:auto; border:1px solid #e4e4e4; background: #FFFFFF url(../images/bak_textFields.gif) repeat-x scroll 0 0 } /* 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 span { margin-left:5px } .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 { margin-left:230px } #SiteMap li { float:left; width: 200px; 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 } #SiteMap li li h6 { margin-bottom:3px; font-weight:normal } /* 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 } .searchResults .browseRange ul.browse li img { width:88px; height:66px } /* 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 } table.archive { width:99%;margin:20px 0 } table.archive thead tr { border-bottom:1px dashed #ccc } table.archive thead th { padding:5px 10px; font-size:1.2em; border-bottom:1px dashed #ccc; text-transform:uppercase; } table.archive tbody tr { border-bottom:1px dashed #ccc } table.archive tbody tr:hover { background-color:#e1e1e1; cursor:pointer } table.archive tbody td { padding:14px 10px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; border-bottom:1px dashed #ccc; vertical-align:top; color:#4d4d4d; } table.archive .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.stdForm h2 { font-family:Arial,Verdana,sans-serif; } #MyAccount .displayAddressRow {margin:10px 0 10px 200px; line-height:1.4} #MyAccount .displayAddressRow .displayAddress {float:left; width:230px; min-height:175px; 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.2em; line-height:2.4} #MyAccount .formItem .fi_content .fi_text + p {margin-top:0px; padding:0; line-height:1.2} /* generic Login */ .genericLogin { width:575px; margin:0 auto; } .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 } .genericLogin .content .formButtons > * { margin-right:10px } .genericLogin .content a.button span { font-family:Arial,sans-serif; font-size:1.2em }