/* CSS RESET */ body { font-family:Arial,Verdana,sans-serif; color:#4d4d4d; font-size:62.5% } body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, fieldset, table, blockquote, th, td, input, button { margin:0; padding-bottom:0; padding-left:0; padding-right:0; } h1, h2, h3, h4, h5, h6, p, a, table { font-size:1em; line-height:1 } table, img, fieldset, button { border:none } table { width:100%; border-collapse:collapse } ul, ol, li { list-style:none } caption, th { text-align:left } address, caption, cite, code, dfn, var { font-style:normal; font-weight:normal } input, select, textarea { font-family:Verdana,Arial,sans-serif; font-size:1em; color:#4d4d4d } input[type=radio], input[type=checkbox] { font-size:1.4em } input[type=submit], input[type=button] { font-family:Arial, Verdana, sans-serif; border:none } input[type=hidden] { display:none } button { font-family:Arial, sans-serif; font-size:1em; color:#4d4d4d } a { color:#00baf2; text-decoration:none } .black a { color:#7FD1F1; text-decoration:none } a:hover { text-decoration:underline } hr, legend { display:none } button { white-space:nowrap; background-color:transparent; border:none } object { outline:none } /* TEMPLATE */ .floatLeft { float:left } .floatRight { float:right } .clear:after { content:"."; display:block; clear:both; height:0; visibility:hidden } .accessText { display:none } .loader { width:16px; height:16px; background:transparent url(../images/ani_loader_small.gif) no-repeat 0 0; z-index:998 } /* generic rounded corners */ .genericRoundedCorners > .top { height: 7px } .genericRoundedCorners > .top .tl { float:left; width:10px; height:7px } .genericRoundedCorners > .top .tr { float:right; width:10px; height:7px } .genericRoundedCorners > .top .t { margin:0 10px; height:7px } .white .genericRoundedCorners > .top .tl { background:transparent url(../images/sprite_corners.png) no-repeat 0 0 } .white .genericRoundedCorners > .top .tr { background:transparent url(../images/sprite_corners.png) no-repeat -10px 0 } .white .genericRoundedCorners > .top .t { background:transparent url(../images/sprite_corners.png) repeat-x 0 -20px } .genericRoundedCorners > .content { } .white .genericRoundedCorners > .content { background:#ffffff url(../images/bak_masthead.png) repeat-x 0 100%; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1 } .genericRoundedCorners > .bottom { height:10px } .genericRoundedCorners > .bottom .bl { float:left; width:10px; height:10px } .genericRoundedCorners > .bottom .br { float:right; width:10px; height:10px } .genericRoundedCorners > .bottom .b { margin:0 10px; height:10px } .white .genericRoundedCorners > .bottom .bl { background:transparent url(../images/sprite_corners.png) no-repeat 0 -10px } .white .genericRoundedCorners > .bottom .br { background:transparent url(../images/sprite_corners.png) no-repeat -10px -10px } .white .genericRoundedCorners > .bottom .b { background:transparent url(../images/sprite_corners.png) repeat-x 0 -30px } /* BACKGROUNDS */ body.home { background: #fff url(../images/bak_home.gif) repeat-x 0 0 } /* BUTTONS */ /* masthead search button */ .buttonBlack { display:-moz-inline-box; display:inline-block; padding-right:2px; text-transform: uppercase; background:transparent url(../images/sprite_buttons.png) no-repeat 100% -120px; line-height:1.5 } .buttonBlack:hover { background-position: 100% -160px; text-decoration:none } .buttonBlack:active { background-position: 100% -200px; outline:none } .buttonBlack:focus { outline:none } .buttonBlack input { display:inline; height:2.4em; padding:3px 8px 7px 10px; font-size:1.1em; font-weight:bold; color:#fff; text-transform:uppercase; background:transparent url(../images/sprite_buttons.png) no-repeat 0 0; cursor:pointer } .buttonBlack:hover input { background-position: 0 -40px } .buttonBlack:active input { background-position: 0 -80px } /* blue buttons */ .buttonBlue { display:-moz-inline-box; display:inline-block; padding-right:10px; line-height:1; background: transparent url(../images/sprite_buttons.png) no-repeat 100% -360px } .buttonBlue:hover { background-position:100% -400px; text-decoration:none } .buttonBlue:active { background-position:100% -440px } .buttonBlue:focus { outline:none } button.buttonBlue, x:-moz-any-link { padding-right:7px; background-position:100% -360px } button.buttonBlue:hover, x:-moz-any-link { background-position:100% -400px } button.buttonBlue:active, x:-moz-any-link { background-position:100% -440px } .buttonBlue span, .buttonBlue input { display:block; height:0.85em; padding:8px 0 12px 10px; font-size: 1.2em; font-weight: bold; text-decoration: none; color: #fff; text-transform: uppercase; background:transparent url(../images/sprite_buttons.png) no-repeat 0 -240px } .buttonBlue input { display:inline; height:2.583em; padding:6px 0 10px 10px } .buttonBlue:hover span, .buttonBlue:hover input { background-position:0 -280px } .buttonBlue:active span, .buttonBlue:active input { background-position:0 -320px } .button.disabled span, .button.disabled input { color:#D9D9D9 } button.buttonBlue span { padding-right:0; padding-bottom:13px; line-height:1 } /* normal buttons */ .button { display:-moz-inline-box; display:inline-block; padding-right:2px; text-transform: uppercase; background:transparent url(../images/sprite_buttons.png) no-repeat 100% -600px; line-height:1.2 } .button:hover { background-position:100% -640px; text-decoration:none } .button:active { background-position:100% -680px } .button:focus { outline:none } .button.disabled:hover { background-position:100% -600px } button.button, x:-moz-any-link { height:2.7em; padding-right:0; background-position:100% 600px } button.button:hover, x:-moz-any-link { background-position:100% -640px } button.button:active, x:-moz-any-link { background-position:100% -680px } .button span, .button input { display:block; height:1.09em; padding:7px 8px 8px 10px; font-size:1.1em; font-weight:bold; color:#00baf2; background:transparent url(../images/sprite_buttons.png) no-repeat 0 -480px; cursor:pointer } .button input { display:inline; height:2.455em; text-transform:uppercase } .button:hover span, .button:hover input { background-position:0 -520px } .button:active span, .button:active input { background-position:0 -560px } .button.disabled span, .button.disabled input { color:#999 } .button.disabled:hover span, .button.disabled:hover input { background-position:0 -480px; cursor:default } /* small buttons */ .buttonSmall { display:-moz-inline-box; display:inline-block; padding-right:2px; color:#00baf2; background:transparent url(../images/sprite_buttons.png) no-repeat 100% -1080px; line-height:1.2 } .buttonSmall:hover { background-position:100% -1120px; text-decoration:none } .buttonSmall:active { background-position:100% -1160px; text-decoration:none } .buttonSmall:focus { outline:none } button.buttonSmall, x:-moz-any-link { padding-right:0; background-position:100% 1px } button.buttonSmall:hover, x:-moz-any-link { background-position:100% -30px } button.buttonSmall:active, x:-moz-any-link { background-position:100% -61px } .buttonSmall span, .buttonSmall input { display:block; height:1.273em; padding:4px 8px 4px 10px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; color:#00baf2; background:transparent url(../images/sprite_buttons.png) no-repeat 0 -960px; cursor:pointer } .buttonSmall input { display:inline; height:2em; padding:4px 8px 4px 10px } .buttonSmall:hover span, .buttonSmall:hover input { background-position:0 -1000px } .buttonSmall:active span, .buttonSmall:active input { background-position:0 -1040px } .buttonBlueClose { height:12px; background: transparent url(../images/btn_blue_close_hover.png) no-repeat 0 0 ; padding:10px 14px } .buttonBlueClose:active { background-image:url(../images/btn_blue_close.png) } .buttonBlueClose:focus { outline:none } .buttonBlueClose span { display:none } .button input[type=hidden], .buttonSmall input[type=hidden], .buttonBlue input[type=hidden], .buttonBlack input[type=hidden], .buttonBasket input[type=hidden] { display:none } /* generic dropdowns */ a.jsDropdown { display:-moz-inline-box; display:inline-block; padding-right:27px; text-align:left; background:transparent url(../images/sprite_buttons.png) no-repeat 100% -1480px; line-height:1.5 } a.jsDropdown.disabled { opacity:0.5 } a.jsDropdown:hover { text-decoration:none } a.jsDropdown span { display:block; height:15px; padding:6px 10px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; color:#636363; line-height:14px; background:transparent url(../images/sprite_buttons.png) no-repeat 0 -1440px; cursor:pointer } a.jsDropdown span:hover { color:#00baf2 } a.jsDropdown.disabled span:hover { color:#4d4d4d } .jsDropdownMenu { position:absolute; z-index:999; padding-top:4px; background:transparent url(../images/bak_dropdown_top.png) repeat-x 0 0 } .jsDropdownMenu ul { max-height:200px;overflow:auto; z-index:999 } .jsDropdownMenu ul li { display:block; min-height:1.36em; padding:3px 10px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; cursor:pointer } .jsDropdownMenu ul li:hover { color:#00baf2 } .jsDropdownMenu ul li a { display:block; color:#4d4d4d; line-height:1.5 } .jsDropdownMenu ul li a:hover { color:#00baf2; text-decoration:none } /* popup */ #Popup { top:30% } #PopupBackground { position:fixed; top:0; left:0; width:100%; height:100%; background:transparent url(../images/tsp_black_60.png) repeat 0 0; z-index:988 } .genericPopup { position:fixed; left:50%; width:575px; margin-left:-287px; z-index:990; color:#4d4d4d } .genericPopup .header { position:relative; padding-right:10px; color:#4d4d4d; background:transparent url(../images/bak_popup_header_right.png) no-repeat 100% 0 } .genericPopup .headerContent { height:20px; padding:10px 0 10px 10px; background:transparent url(../images/bak_popup_header_left.png) no-repeat 0 0 } .genericPopup .header p { float:left; font-size:2em } .genericPopup .header .closeButton { position:absolute; top:7px; right:12px } .genericPopup .header .closeButton a { display:block } .genericPopup .header .backButton { float:left; margin-right:10px } .genericPopup .content { min-height:80px; padding:10px; background-color:#fff; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; overflow:hidden } .genericPopup .content.genericPopupLoader { background-image:url(../images/ani_loader_normal.gif); background-position:50% 50%; background-repeat:no-repeat } /* forms */ form.popupForm h4 { margin-top:20px; font-size: 1.4em } form.popupForm p { margin-top:10px; font-family:Verdana, Arial, sans-serif; font-size:1.2em } form.popupForm ul.rating li { float:left } form.popupForm ul.rating li + li { margin-left:40px } form.popupForm div.formError { font-size:1.6em; color:#ED1C24 } form.popupForm .highlight { margin-top:20px; padding:10px; font-size:1.2em; border-bottom: 1px dashed #999 } form.popupForm fieldset { margin-top:15px; font-family:Verdana, Arial, sans-serif } form.popupForm .formItem { margin-bottom:10px; } form.popupForm .fi1 input { float:left;padding-top:7px;line-height:1.3em; } form.popupForm .fi2 input, form.popupForm .fi3 input { float:left } form.popupForm .fi3 input { margin-top:8px } form.popupForm .fi4 input { clear:both; float:left; margin-top:5px } form.popupForm .formItem label, form.popupForm .formItem .label { padding-top:7px; font-size:1.2em; text-align:right } form.popupForm .formItem .label, form.popupForm .fi1 label { float:left; width:180px; margin-right:15px; font-weight:bold } form.popupForm .fi2 label { margin-left:5px; text-align:left } form.popupForm .fi3 label { float:left; width:9.09em; margin:0 15px 10px 5px; text-align:left } form.popupForm .fi4 label { float:left; margin:5px 0 0 5px; padding:0; font-weight:normal; text-align:left } form.popupForm .formItem .label span, form.popupForm .formItem label span { color:#00baf2 } form.popupForm .formItem .fi_content { float:right; width:350px } form.popupForm .formItem .fi_content input, form.popupForm .formItem .fi_content textarea { font-size:1.2em } form.popupForm .formItem.f_error .fi_content input.ft_text { border:1px solid #ED1C24 } form.popupForm .formItem .fi_content p { clear:both; padding-top:5px; font-size:1.2em } form.popupForm .formButtons a.button span { font-family:Arial,sans-serif; font-size:1.2em } form.popupForm .formItem .f_tooltip { clear:left; display:block; margin-top:5px } form.popupForm .formItem .f_error_text { margin-left:205px } form.popupForm .formButtons { padding:0 0 5px 200px } form.popupForm .formButtons > * { margin-right:10px } form.popupForm .fi_content p {margin-top:0 } .f_error_text { min-height:1.75em; font-size:1.2em; color:#ED1C24 } input.ft_text, textarea { padding:5px 5px; border:1px solid #e1e1e1; background:#fff url(../images/sprite_buttons.png) repeat-x 0 -1920px } input.fl_info_text { color:#bfbfbf } input.f_error { border:1px solid #ED1C24 } input:focus, textarea:focus { border-color:#00baf2 } label.fl_info { display:none } /* generic structure */ #Container { width:940px; margin:0 auto } #Container #Header #MastHead { margin-bottom:5px } #Container #Teasers { margin:15px 0 0; padding-top:10px } #Container #Footer { margin-top:3px } /* 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 #fff; padding:0 10px 0 10px } #UserLinks ul li:first-child { border-left:none } body.home #UserLinks ul li { color:#e1e1e1; border-color:#999 } #UserLinks ul li a, #UserLinks ul li label, #UserLinks ul li strong { color:#fff } #UserLinks ul li strong { margin-right:10px } body.home #UserLinks ul li a, body.home #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.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 } #MastHead .mastheadLogo a img { display:none } #MastHead .mastheadContents { margin-left:150px; padding:9px 0 0; border-left:1px solid #e1e1e1 } #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:155px; 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/sprite_buttons.png) repeat-x 0 -1920px } #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; } #MastHead .primaryNavigation ul li a { color:#4d4d4d } #MastHead .primaryNavigation ul li .active a { background-image:url(../images/rgt_button.png) } #MastHead .levelTwo { min-height:21px; margin-top:35px; padding:0 10px 0 20px; border-top:1px solid #eaeaea } /* 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 10px; 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 } #MastHead .secondaryNavigation ul li a { color:#4d4d4d } #MastHead .secondaryNavigation ul li a:hover { color:#00baf2; text-decoration:none } #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 } #MastHead .secondaryNavigation form .button input { height:2.1em; padding: 5px 8px 8px 10px } #MastHead .secondaryNavigation form select { font-size:0.9em; margin:0 5px } /* masthead basket */ #MastHead .mastheadCheckout { position:absolute; bottom:5px; right:1px; padding-right:10px; text-align:right; white-space:nowrap; background:transparent url(../images/sprite_buttons.png) no-repeat 100% -1760px } #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 #MastHead .mastheadCheckout:hover span { color:#fff; background-position:0 -1680px } #Container #MastHead .mastheadCheckout:active span { color:#fff; background-position:0 -1720px } /* User Links */ #UserLinks .button { display:none } /* Languages Dropdown */ .selCountryContainer { width:222px; z-index:999 } .selCountryContainer .content { width:200px; padding:3px 10px; text-align:right } .selCountryContainer .content .row { margin-bottom:5px } .selCountryContainer .content label { display:none } .selCountryContainer .content select.jsDropdown { width:180px } /* Live Search */ #LiveSearch { position:absolute; width:237px } #LiveSearch ul { max-height:355px; *max-height:355px; overflow:auto } #LiveSearch li { min-height:42px; padding:10px 15px; font-family:Verdana, Arial, sans-serif; cursor:pointer } #LiveSearch li + li { border-top:1px dashed #ccc } #LiveSearch li:hover, #LiveSearch li.active { background-color:#999 } #LiveSearch li img { float:left; margin-right:10px; width:44px; height:33px } #LiveSearch li:hover a, #LiveSearch li.active a { color:#fff } #LiveSearch li .header { font-size:1.1em } #LiveSearch li .options { margin:5px 0 0 54px } #LiveSearch li .options div { margin-bottom:3px } #LiveSearch .buttonSmall { float:right; margin:10px } #LiveSearch .empty { padding:10px; font-size:1.1em } /* Flash Carousel */ #Container #Carousel { margin-top:20px; min-height:400px; background:transparent url(../images/ani_loader_home.gif) no-repeat 50% 50% } .nonscripflashmsg{ font-size:1.3em; margin-bottom:20px; text-align:center; font-weight:bold } /* 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 > 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% } /* 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.type3 { height:167px; width:313px; padding:0 } #Teasers ul li h4 { margin-bottom:5px; font-size:2.2em; font-weight:bold; text-transform:uppercase } #Teasers ul li.type1 h4 { margin-right:150px } #Container.white #Teasers ul li h4 { color:#000000 } #Teasers ul li h4 a { padding-right:10px } #Container.white #Teasers ul li h4 a { color:#4d4d4d } #Container.white #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 } #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 } /* 10977 Fix */ #Teasers ul li.type2 img { width:314px; height:199px; margin:-22px 0 } #Teasers ul li.type2:first-child img { margin-left:0px; } #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:-2px; width:4px; height:4px; background-position: 100% 0 } /* Fix is done for Homepage corousel -11097 */ #Teasers .wc_bl { position:relative; bottom:-7px; left:-1px; width:4px; height:4px; background-position: 0 100% } #Teasers .wc_br { position:absolute; bottom:-7px; right:-2px; width:4px; height:4px; background-position: 100% 100% } 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)} /* Footer */ #FooterContent { padding:20px 0 } #FooterContent .content { padding:0 15px } #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:#000000 }/*footer link color change to #000000 replace to #fff*/ /* changed to fix 10988 :- MyEpson footer links - 1.3 defect*/ #FooterContent ul li a:hover { color:#00baf2; text-decoration:none } #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 } /* copyright in the footer link issue */ #FooterContent .footerCopyright {text-align:right; margin-top:5px; padding:0 5px; font-family:Verdana, Arial, sans-serif; color:#999 } #FooterContent .footerCaveats { color:#999; line-height:1; margin-bottom:5px; } /* CSS styles for CR87 : Epson 1.10 Release */ .socialmedia{ height:30px; margin:10px 0px 10px 0px; padding:0px; font-family: Arial,Verdana,sans-serif; font-size: 12px; } .socialmedia .news{ float:left; padding-top:6px; } .socialmedia #Social{ float:right; } .socialmedia #Social li{ float:left; padding-left:2px; } .socialmedia span{ font-family: Arial,Verdana,sans-serif; font-size: 12px; font-weight: bold; float:left; padding-right:15px; } .socialmedia #Social span{ font-family: Arial,Verdana,sans-serif; font-size: 12px; font-weight: bold; float:left; padding-right:10px; padding-top: 6px; } .socialmedia .news ul{ float:left; width:45px; } .socialmedia .news ul li{ float:left; } #slider ul{ margin:1px 0 0 0; padding:0; list-style:none; float:left; } #slider, #slider li{ width:300px; height:50px; overflow:hidden; float:left; } #slider li{ margin:0; padding:0; list-style:none; float:left; } .socialmedia .news .latesthead{ float:left; } .socialmedia .news .medianew{ float:left; }