@charset "utf-8"; /* CSS Document */ /* BODY, HTML */ * {font-size: 100.01%;} html {font-size:80%;} *, body, html {padding: 0; margin: 0;} body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 150%;color: #5e5e5e; background: #fff;} body #future { color: #c2c2c2;} /*STYLES*/ strong {font-weight: bold; color: #333333;} p {margin: 4px 0 8px 0;} a {color: #333;} a:hover { color: #5aa300; } a img{border: none;} hr {height: 1px; border: none; background: #C6C6C6; margin: 30px 0 30px 0; clear: both; display: block;} ul, ol {float:none;} #future h2 {font: normal 1.8em/2em "Trebuchet MS"; color: #81ba3b;} #retailers h3 {font: normal 1.5em/1.6em "Trebuchet MS"; color: #5E5E5E; margin: 20px 0 20px 0;} #publishers h3 {font: normal 1.5em/1.6em "Trebuchet MS"; color: #5E5E5E; margin: 20px 0 20px 0;} #future #c2 hr {margin: 3px 0 2px 0!important; background: #333;} #consumers #c2 hr, #publishers hr, #retailers hr{margin: 4px 0 4px 0;} /* WRAPPERS */ #wrap {background: url(wsimages/body_bg.gif); width: 100%; float: colLeft; height: 10%; padding-top: 37px;} #content {width: 940px; margin: 0 auto; padding: 0 15px 15px 15px; background: #fff;} #content.internal{ position: relative; width: 942px; margin: 0 auto; padding: 0 15px 15px 15px; background: #fff url(wsimages/page_bg.gif) no-repeat top left; border: #ddd 1px solid; border-bottom: #ddd 4px solid;} #base_run {background: url(wsimages/btm_bg.png) repeat-x bottom left !important; } /* Pretty gradient at bottom of page */ #base_run.home {background: url(wsimages/hm_btm_bg.png) repeat-x bottom left; } /* Pretty gradient at bottom of page */ /* FOOTER */ #footer {clear: both; padding: 10px 0 20px 42px; width: 940px; margin: 0 auto; color: #848484;} /* HOME SPLASH IMAGE */ #splash { width: 940px; height: 334px; background: url(wsimages/hm_splash.png) no-repeat top left; overflow: hidden; } #splash .notvisibile { visibility: hidden; } /*GLOBAL NAVIGATION CLASSES*/ #nav ul li, #subnav ul li {float: left; list-style: none;} #nav ul li a, #subnav ul li a {display: block; } /* HOME NAVIGATION */ #home.container #nav {width: 940px; overflow: hidden; height: 59px;} #home.container #nav {} #nav ul {padding: 0; margin: 0;} #home.container #nav ul li { list-style:none; margin-right: 52px; } #home.container #nav ul li a { padding-top: 59px; } #home .n1 a{background: url(wsimages/hm_nav.gif) no-repeat 0 0; width: 274px;} #home .n2 a{background: url(wsimages/hm_nav.gif) no-repeat -274px 0; width: 160px;} #home .n3 a{background: url(wsimages/hm_nav.gif) no-repeat -434px 0; width: 147px;} #home .n4 a{background: url(wsimages/hm_nav.gif) no-repeat -581px 0; width: 153px;} #home .n5 { margin-right: 0 !important; } #home .n5 a{background: url(wsimages/hm_nav.gif) no-repeat -734px 0; width: 121px; } #home .n6 a{background: url(wsimages/hm_nav.gif) no-repeat -867px 0; width: 160px; } /* HOME SECTIONS */ #home.container #subnav {width: 940px; height: 187px; font-size: 90%;} #home.container #subnav ul {padding: 0; margin: 0;} #home .sn1{background: url(wsimages/hm_consumers.gif) no-repeat 1px 0px; width: 184px;} #home .sn2{background: url(wsimages/hm_libraries.gif) no-repeat 0 0; width: 184px;} #home .sn3{background: url(wsimages/hm_publishers.gif) no-repeat 4px 0px; width: 184px;} #home .sn4{background: url(wsimages/hm_booksellers.gif) no-repeat 3px 0px; width: 184px;} #home .sn5{background: url(wsimages/hm_future.gif) no-repeat -5px 0px; width: 170px; margin-left: 26px} #home .sn_text { height: 100px; line-height: 1.4em; float: left;} #home .sn_text a{border-left: #C7C7C7 1px solid; height: 10em; padding: 36px 20px 0 20px; margin-top: 33px;} #home .sn1 .sn_text a{border-left: none; padding-left: 10px; } #home .sn5 .sn_text a{border-left: #C7C7C7 2px solid;} #home.container #subnav ul li a {text-decoration: none; color: #5e5e5e;} #home.container #subnav ul li a img {border: none; vertical-align: middle;} /* INTERNAL NAVIGATION */ .internal #nav {background: url(wsimages/ebook_internal_logotop.gif) no-repeat 0 0; width: 939px; height: 47px; overflow: hidden;} .internal #nav ul {margin: 0 0 0 290px;} .internal #nav ul li { list-style:none; margin: 0 38px 0 0; } .internal .container #nav ul li a {padding-top: 47px; background: url(wsimages/nav.gif) no-repeat;} .internal .n1 a{background-position: -290px 0!important; width: 195px;} .internal .n2 a{background-position: -485px 0!important; width: 132px;} .internal .n3 a{background-position: -617px 0!important; width: 114px;} .internal .n4 a{background-position: -731px 0!important; width: 110px;} .internal .n5 { margin-right: 0 !important; } .internal .n5 a{background-position: -841px 0!important; width: 75px;} .internal .n6 a{background-position: -928px 0!important; width: 120px;} /* UNIVERSAL INTERNAL SUBNAVIGATION */ .internal #subnav {width: 939px; height: 70px; overflow: hidden;} #generic.container #subnav {background: url(wsimages/nav_generic.gif) no-repeat 0 0;} #consumers.container #subnav {background: url(wsimages/nav_con.gif) no-repeat 0 0;} #libraries.container #subnav {background: url(wsimages/nav_lib.gif) no-repeat 0 0;} #publishers.container #subnav {background: url(wsimages/nav_pub.gif) no-repeat 0 0;} #retailers.container #subnav {background: url(wsimages/nav_ret.gif) no-repeat 0 0;} #future.container #subnav {background: url(wsimages/nav_future.gif) no-repeat 0 0;} .internal #subnav ul {padding: 0 0 0 298px; margin: 0;} .internal #subnav ul li {list-style:none; float: left; height: 70px;} /* SUBNAVIGATION BUTTONS - Add one of these for every (different) internal page */ #generic #subnav ul li a {background: url(wsimages/nav_generic.gif) no-repeat; padding-top: 70px} #consumers #subnav ul li a {background: url(wsimages/nav_con.gif) no-repeat; padding-top: 70px} #libraries #subnav ul li a {background: url(wsimages/nav_lib.gif) no-repeat; padding-top: 70px} #publishers #subnav ul li a {background: url(wsimages/nav_pub.gif) no-repeat; padding-top: 70px} #retailers #subnav ul li a {background: url(wsimages/nav_ret.gif) no-repeat; padding-top: 70px} #future #subnav ul li a {background: url(wsimages/nav_future.gif) no-repeat; padding-top: 70px} /* UNIVERSAL INTERNAL SUBNAVIGATION */ .internal .sn1 a{background-position: -298px 0!important; width: 124px;} .internal .sn2 a{background-position: -422px 0!important; width: 128px;} .internal .sn3 a{background-position: -550px 0!important; width: 130px;} .internal .sn4 a{background-position: -680px 0!important; width: 132px;} .internal .sn5 a{background-position: -812px 0!important; width: 127px;} /* INTERNAL CONTENT */ .internal .container {padding-bottom: 70px;} #future.container {padding-bottom: 0;} #c1 { width: 300px; margin-left: 75px; _margin-left: 20px; /*IE6 Hack = No validatio! */ margin-right: 33px; padding-top: 800px; float: left;} #consumers #c1 { padding-top: 40px; margin-left: 30px; _margin-left: 15px; /*IE6 Hack = No validatio! */ margin-right: 0; } #c2 { float: left; width: 500px; padding: 110px 0 60px 0;} #consumers #c2 { padding-top: 60px; } #future #c2 { width: 470px; padding: 100px 40px 60px 0;} #page_body h1 {font: normal 28pt/28pt Georgia, "Times New Roman", Times, serif; } #libraries #page_body h1 {color: #3d3470;} #publishers h1, #retailers h1 {color: #000;} #publishers #page_body h1 strong { font-weight: normal; color: #717171;} #page_body ul { padding: auto; margin: 0 0 20px 13px; } #page_body li { padding: auto; margin: 0 0 3px 0; } /* BODY TEXT */ #libraries #page_body {width: 626px; padding: 90px 10px 10px 200px; background: url(wsimages/li_badge.gif) no-repeat 80px 20px;} #libraries #page_body img#salesgraph { position: relative; margin-right: -74px; } #future #page_body { background: #000 url(wsimages/future_page_bg.jpg) no-repeat 0 0; width: 939px;} #publishers #page_body, #retailers #page_body {width: 700px; padding: 90px 10px 10px 126px;} #publishers #page_body {background: url(wsimages/_publishers.gif) no-repeat 125px 54px;} #retailers #page_body {background: url(wsimages/_booksellers.gif) no-repeat 125px 54px;} #generic.about #page_body {padding: 108px 10px 10px 182px; width: 675px;} #generic.about #page_body {background: url(wsimages/_about_corp.gif) no-repeat 130px 53px;} #generic.business #page_body {padding: 108px 10px 10px 182px; width: 675px;} #generic.business #page_body {background: url(wsimages/_business.gif) no-repeat 130px 53px;} #generic.news #page_body {padding: 108px 10px 10px 182px; width: 675px;} #generic.news #page_body {background: url(wsimages/_newsMedia.gif) no-repeat 130px 53px;} #generic.board #page_body {padding: 108px 10px 10px 182px; width: 675px;} #generic.board #page_body {background: url(wsimages/_boardDirectors.gif) no-repeat 130px 53px;} #generic.contact #page_body {padding: 108px 10px 10px 182px; width: 675px;} #generic.contact #page_body {background: url(wsimages/_contact.gif) no-repeat 130px 53px;} #generic.vision #page_body {padding: 108px 10px 10px 182px; width: 675px;} #generic.vision #page_body {background: url(wsimages/_vision.gif) no-repeat 130px 53px;} #generic.nothing #page_body {padding: 108px 10px 10px 182px; width: 675px;} a.nav_home {width: 250px; height: 50px; float: left;} /* _ = Titles(same as image titles: #_lib = _lib.gif). For any div where title is an image*/ div[class^="ttl_"] { float: left;} .ttl_lib {background: url(wsimages/_lib.gif) no-repeat top left; padding-left: 135px; margin-top: 20px; width: 200px;} .ttl_topsubs {background: url(wsimages/_topsubs.gif) no-repeat top left; padding: 80px 0 0 20px; width: 700px; height: auto;} .ttl_topsubs ol {margin-left: 5px;} .ttl_strength {background: url(wsimages/_strength.gif) no-repeat 35px 0; padding: 60px 35px 0 0; width: 100%; float:none!important;} .strength_block {width: 182px; padding: 45px 10px 15px 38px; float: left; } .strength_block.one {background: url(wsimages/_simplicity.gif) no-repeat 5px 0;} .strength_block.two {background: url(wsimages/_ubiquity.gif) no-repeat top left;} .strength_block.three {clear: both; background: url(wsimages/_autonomy.gif) no-repeat top left;} .strength_block.four { background: url(wsimages/_star.gif) no-repeat 5px 0; color: #81ba3b; font-style: italic; height: 150px;} .ttl_ebooks_20 {background: url(wsimages/_ebooks_20.gif) no-repeat 37px 0; padding: 60px 0 0 0; width: 100%; float: left;} .ttl_eb20 {background: url(wsimages/_eb20.gif) no-repeat 30px 0; padding: 90px 0 0 0; width: 100%;} .ttl_elegant {background: url(wsimages/_elegant.gif) no-repeat top left; padding: 80px 0 0 0; width: 100%;} .ttl_leading {background: url(wsimages/_leading.gif) no-repeat top left; padding: 50px 0 0 0; width: 100%;} .ttl_fulfillment {background: url(wsimages/_fulfillment.gif) no-repeat top left; padding-left: 175px; margin-top: 20px; } .ttl_fulfillment_ret {background: url(wsimages/_fulfillment_ret.gif) no-repeat top left; padding-left: 175px; margin-top: 20px; } .ttl_comps {background: url(wsimages/_comps.gif) no-repeat top left; padding-left: 175px; margin-top: 20px;} .ttl_enhance {background: url(wsimages/_enhance.gif) no-repeat top left; padding-left: 175px; margin-top: 20px;} .ttl_key {background: url(wsimages/_key.gif) no-repeat top left; padding-left: 175px; margin-top: 20px;} .ttl_three {background: url(wsimages/_three.gif) no-repeat top left; padding-left: 182px; margin-top: 39px; width: 470px; } .ttl_three ol {margin-left: 16px;} .ttl_three ol li {margin-top: 15px;} .ttl_top_sales {background: url(wsimages/ebl_sales.gif) no-repeat 248px 20px; } .best { padding: 10px; width: 210px; margin-bottom: 25px; background: url(wsimages/body_bg.gif); } .best_inner { background-color: #fff; padding: 20px;} .best_inner.bestsellers { background: #fff url(wsimages/best_sellers.gif) no-repeat 24px 20px; padding-top: 76px; } .best_item img{margin: 4px; float: left;} /* Horizontal Sub Navigation */ #navArrow { position: relative; float: left; display:inline; z-index: 10; width: 650px; padding: 0; font-family: arial, sans-serif; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; } #navArrow ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; } #navArrow li { float: left; text-align: center; background: url(images/arrow.jpg) no-repeat left center; } #navArrow a { display: block; width: 60px; height: 26px; line-height: 26px; color: #727272; text-decoration: none; font-size: 11px; font-weight: normal; } /* custom widths for each text menu link */ #navArrow a#nav_about { width: 70px; } #navArrow a#nav_vision { width: 70px; } #navArrow a#nav_board { width: 72px; } #navArrow a#nav_timeline { width: 85px; } #navArrow a:hover, #navArrow a:active, #navArrowa.current, #navArrow a.over { background-color: transparent; color: #000; text-decoration: none; } /* Page section highlighting */ .section-about a#nav_about, .section-vision a#nav_vision, .section-board a#nav_board, .section-timeline a#nav_timeline { background-color: transparent;color: #000; } /* Board Page */ .rowBottomLeftBackground{margin: 0px 2px 19px 0px;width:600px;border-bottom:0px dashed #000000;font-weight:500;}/* width for ie bug to display correctly*/ div.rowClear{clear:both;} #ebooksboard span.colLeft {float: left; width: 200px; padding: 0; font-size:20px; color:#000; margin:0px 0px 0px 0px; text-align: left;} #ebooksboard span.colRight {float: left; width: 400px; padding: 0; line-height:20px; color:#898989; margin:0px 0px 0px 0px; text-align: left; border: 0px solid #ff6600; } /* Timeline */ #outertimeline { clear: both; position: relative; width:940px; height:402px; margin:0px 0px 0px -180px; position:relative; } #timelineContainer { width:940px; height:402px; overflow: hidden; position: relative; } #timeline{ width:2450px;height:402px; background: url(images/timelineBg.gif) no-repeat left top; line-height:12px;} .timelinefade { z-index: 1000; position: absolute; width: 143px; height: 402px; top: 0px; } .timelinefade#fadeLeft { left: 0; } .timelinefade#fadeRight { right: 0; } .timelinebutton { z-index: 9999; position:absolute; width: 32px; height: 32px; top:179px; } .timelinebutton#btnRight { right:13px; } .timelinebutton#btnLeft { left: 13px; } i{left:-2222px;top:-2222px;position:absolute;} #first {width: 268px;height: 60px;top: 282px;left:235px;border:0px solid #000;position: absolute;text-decoration: none;} #second {width: 175px;height: 60px;top: 92px;left:447px;border:0px solid #000;position: absolute;text-decoration: none;} #third {width: 175px;height: 70px;top: 256px;left:600px;border:0px solid #000;position: absolute;text-decoration: none;} #fourth {width: 286px;height: 113px;top: 28px;left:720px;border:0px solid #000;position: absolute;text-decoration: none;} #fourth h1{font-size:32px;} #fifth {width: 261px;height: 113px;top: 262px;left:889px;border:0px solid #000;position: absolute;text-decoration: none;} #sixth {width: 146px;height: 96px;top: 43px;left:1125px;border:0px solid #000;position: absolute;text-decoration: none;} #seventh {width: 251px;height: 130px;top: 254px;left:1216px;border:0px solid #000;position: absolute;text-decoration: none;} #eight {width: 191px;height: 140px;top: 21px;left:1314px;border:0px solid #000;position: absolute;text-decoration: none;} #nine {width: 140px;height: 140px;top: 46px;left:1507px;padding:0px 0px 0px 60px;border:0px solid #000;position: absolute;text-decoration: none;background: url(images/eblImage.gif) no-repeat left 13px;} #ten {width: 261px;height: 140px;top: 264px;left:1598px;border:0px solid #000;position: absolute;text-decoration: none;} #eleven {width: 261px;height: 140px;top: 25px;left:1764px;border:0px solid #000;position: absolute;text-decoration: none;} #twelve {width: 182px;height: 100px;top: 284px;left:1877px;border:0px solid #000;position: absolute;text-decoration: none;} #thirteen {width: 182px;height: 100px;top: 284px;left:2066px;border:0px solid #000;position: absolute;text-decoration: none;} #timeline h1{color: #308204;} #timeline h3{color: #308204;} #timeline h4{color: #a5a5a5; font-family:georgia;} #timeline h5{color: #454545;} #timeline {font-size:11px;} #timeline .rowBottomLeftBackground{margin: 0px 2px 19px 0px;width:250px;font-weight:500;}/* width for ie bug to display correctly*/ #timeline div.rowClear{clear:both;} #timeline span.colLeft {float: left;width: 65px;padding:0px 5px 3px 2px;margin:0px 0px 0px 0px;text-align: right;} #timeline span.colRight {float: right;width: 175px;padding:0px 0px 3px 0px;margin:0px 0px 0px 0px;text-align: left;border: 0px solid #ff6600;} /* News Page */ #generic.news h3{color:#5aa300} #generic.news a{text-decoration:none;} #generic.news #firstNews{float:right;width:180px;margin:0px 50px 0px 0px;padding:0px 0px 0px 0px;} #generic.news #secondNews{float:left;width:350px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} #generic.news #secondNews p.news{font-size:11px;padding:0px 0px 10px 0px;} #generic.news #secondNews h2{ font-size:11px; padding: 0 0 5px 0; } #generic.news #secondNews h3{font-size:14px;padding:0px 0px 5px 0px;} #secondNews hr.copydivide { width: 375px; float: left; margin: 5px 0 15px 0; } #generic.news h1.newsheading { margin: 32px 0 1px 0; font-weight: bold; font-size: 2.1em; line-height: 1.25em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5aa300; } #generic.news .subdetails { border-bottom: 1px solid #c7c7c7; padding-bottom: 12px; color: #000; margin-bottom: 20px; } #generic.news .newsdetails { line-height: 140%; } #generic.news .newsdetails h3 { font-size: 110%; margin: 0 0 15px 0; } #generic.news .newsdetails h5 { color: #000; margin: 20px 0 5px 0; } #generic.news .newsdetails p { margin: 0 0 20px 0; } #generic.news .newsdetails ul { padding-left: 15px; } .clipping { margin: 0 0 20px 0; } .clipping h3 { margin: 0; } .clipping p { margin-top: 0; font-size:11px; } /* Contact Page */ .contact {clear: both;} .contact .locations {float: left; width: 280px; padding: 0 20px 0 0;} .contact .enquiries { float: left; width: 300px; padding: 0; } .contact h3 {color: #5aa300; font-size: 14px; font-weight: bold; margin: 0 0 20px 0;} hr.copydivide { width: 375px; float: left; margin-top: 20px;}