/* = Layout -------------------------------------------------------------- */ html,body,div.bodywrap { min-width:926px;width:auto!important;width:100%; } html { background:#91b5e6 url(../../images/web_2_0/bg-html.png) repeat-x center top; } body { background:url(../../images/web_2_0/bg-body.jpg) no-repeat center top; } div.bodywrap { width:100%; height:100%; background:url(../../images/web_2_0/bg-body-wrap.png) repeat-x center bottom; padding:0; } div#page { margin:0 auto; overflow:visible; position:relative; width:926px; z-index:5; } div#page .wrap { background:url(../../images/web_2_0/bg-page.png) repeat-y center top; margin:0 -36px; position:relative; } div#footer { width:100%; } div#header,div#main { width:998px; } /* Setup structural lists */ div#lessons ul, div#lessons ul li, ul.snippets, ul.snippets li, .nodes, .node, ul.breadcrumbs, ul.breadcrumbs li, ul.nav, ul.nav li, ul.nav ul, ul.links, ul.links li, ul.follow, ul.follow li { list-style:none; list-style-image:none; margin:0; padding:0; } /* Green text */ p.notice a, div#footer ul.links, div#footer ul.links a, ul.breadcrumbs li a:hover, ul.breadcrumbs li.current_page_item a, p.notice { color:#76b349; } p.notice strong { color:#3671bf; } /* remove focus outline on fancy buttons */ div#main ul.snippets li a:focus, div#main a.btn { outline:0; } /* = Header -------------------------------------------------------------- */ div#header { height:149px; background:url(../../images/web_2_0/bg-header.png) no-repeat center top; } /* UPDATED 091002, firefox 2 issue */ div#header h1.logo { margin-bottom:0; position:absolute; left:72px; top:72px; } div#header h1.logo a { background:url(../../images/web_2_0/logo.png) no-repeat left top; overflow:hidden; } div#header h1.logo a, div#header h1.logo a span { display:block; width:216px; height:54px; } div#header h1.logo a span { padding-top:54px; } div#header img.logo { display:none; height:0px; overflow:hidden; width:0px; } div#header h1.edulogo { margin-bottom:0; position:absolute; left:72px; top:60px; } div#header h1.edulogo a { background:url(../../images/EDUCM_logo_main.png) no-repeat left top; overflow:hidden; } div#header h1.edulogo a, div#header h1.edulogo a span { display:block; width:216px; height:54px; } div#header h1.edulogo a span { padding-top:54px; } div#header img.edulogo { display:none; height:0px; overflow:hidden; width:0px; } p.login { position:absolute; right:60px; } p.login a { background:url(../../images/web_2_0/login.png) no-repeat left top; overflow:hidden; } p.login a, p.login a span { display:block; width:95px; height:63px; } p.login a span { padding-top:63px; } p.login a:hover { background-position:left -63px; } p.myheadsprout a { background-image:url(../../images/web_2_0/login-myheadsprout.png) } p.myheadsprout a, p.myheadsprout a span { width:149px; } ul.breadcrumbs { font-size:.92em; position:absolute; left:76px; top:130px; } ul.breadcrumbs li { color:#7bc743; float:left; margin-right:5px; } ul.breadcrumbs li a { color:#3671bf; text-decoration:none; } ul.breadcrumbs li.current_page_item a, ul.breadcrumbs li a:hover { text-decoration:underline; } /* = Main -------------------------------------------------------------- */ html body div#main { background:url(../../images/web_2_0/bg-main.png) no-repeat center bottom; position:relative; min-height:600px;height:auto!important;height:600px; } /* UPDATED 091002 */ div#main .content { background:url(../../images/web_2_0/bg-content.png) no-repeat center top; } div#main .content .wrap { background:transparent; margin:0; padding:62px 85px 54px 412px; width:auto; min-height:350px;height:auto!important;height:350px; } /* UPDATED 091002 */ body.product-description div#main .content .wrap { background:url(../../images/web_2_0/bg-content-wrap.png) no-repeat center bottom; } body.comprehension_lessons div#main .content .wrap, body.early_lessons div#main .content .wrap { min-height:200px;height:auto!important;height:200px; } div#main h1 { position:absolute; left:76px; top:58px; } body.comprehension_lessons div#main h1 { top:48px; } div#main a.btn { background-repeat:no-repeat; background-position:right top; display:block; width:112px; height:35px; text-indent:-5000px; text-align:center; margin:0 auto; } div#main a.btn:focus, div#main a.btn:hover { background-position:right -35px; } div#main a.learnmore { background-image:url(../../images/web_2_0/btn-learnmore.png); } div#main a.samplelessons { background-image:url(../../images/web_2_0/btn-samplelessons.png); } div#main a.freetrial { background-image:url(../../images/web_2_0/btn-freetrial.png); } div#main a.research { background-image:url(../../images/web_2_0/btn-ourresearch.png); width:136px; } div#main a.read { background-image:url(../../images/web_2_0/btn-read.png); } div#main a.view { background-image:url(../../images/web_2_0/btn-view.png); } div#main a.fullreport { background-image:url(../../images/web_2_0/btn-fullreport.png); } div#main a.reports { background-image:url(../../images/web_2_0/btn-ourreports.png); } div#main a.download { background-image:url(../../images/web_2_0/btn-download.png); } div#main a.willteachers, div#main a.development, div#main a.willadmins { height:54px; } div#main a.willteachers:hover, div#main a.development:hover, div#main a.willadmins:hover { background-position:right -54px; } div#main a.willadmins { background-image:url(../../images/web_2_0/btn-willadmins.png); } div#main a.willteachers { background-image:url(../../images/web_2_0/btn-willteachers.png); } div#main a.development { background-image:url(../../images/web_2_0/btn-development.png); } p.readingtest a { background:url(../../images/web_2_0/btn-readingtest.png) no-repeat left top; overflow:hidden; } p.readingtest a, p.readingtest a span { display:block; width:219px; height:61px; } p.readingtest a span { padding-top:61px; } .node p.readingtest a:hover, p.readingtest a:hover { background-position:left -61px; } .node p.readingtest a { margin-left:-1px; position:relative; } p.notice { font-weight:bold; position:absolute; left:72px; top:127px; width:235px; z-index:20; } span.beginquote, p.intro { color:#3671bf; } span.beginquote { display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:3em; float:left; line-height:.25; height:.25em; margin-left:-.45em; padding-top:.25em; } /* UPDATED 091002 */ .centerpiece img { float:none; margin:0; } .centerpiece { position:absolute; left:36px; bottom:-9px; } body.comprehension_lessons div#main .content .centerpiece, body.early_lessons div#main .content .centerpiece { left:72px; bottom:36px; } body.comprehension_lessons div#main .content .centerpiece img, body.early_lessons div#main .content .centerpiece img { margin-right:18px; } .summary { float:left; } .sum01 { width:390px; } ul.sum01 { width:372px; } ul.sum02,.sum03, .sum02 { padding-left:50px; } .sum02 { width:322px; } ul.sum02 { width:330px; } .summary strong { color:#64ae2c; } span.emphasize { color:#3671bf; display:block; font-weight:bold; padding-top:9px; } .more { background-position:right top; background-repeat:no-repeat; float:right; margin-right:-15px; padding-top:72px; text-align:right; } .more01 { background-image:url(../../images/web_2_0/character01.png); } .more02 { background-image:url(../../images/web_2_0/character02.png); } .more03 { background-image:url(../../images/web_2_0/character03.png); padding-top:95px; } .more04 { background-image:url(../../images/web_2_0/character04.png); } .more05 { background-image:url(../../images/web_2_0/character04.png); } /* Raise bottom buttons on shorter paragraphs */ body.admin.early_results div#main .content .more01, body.early_lessons div#main .content .more02, body.comprehension_lessons div#main .content .more02, body.comprehension_results .more02 { margin-top:-54px; } body.admin.early_results div#main .content .more01 { margin-top:0; } div#lessons { padding-left:32px; padding-top:18px; position:relative; } div#lessons h2 { padding-left:35px; } /* UPDATED 091002 */ div#lessons ul li { float:left; width:254px; padding-left:30px; padding-right:22px; overflow:hidden; margin-bottom:18px; } /* UPDATED 091002 */ div#lessons ul h5, div#lessons ul p { padding:0 7px 9px; margin-bottom:0; } div#lessons ul img { background-repeat:no-repeat; background-position:7px 4px; } div#lessons .more02 { clear:both; float:right; margin-right:72px; width:110px; } mission { background-color:#76b349; color:#fff; font-weight:bold; padding:18px; } h4.mission { font-size:1.17em; margin:0; padding-bottom:0; } p.mission { padding-top:9px; } .stage-left { position:absolute; left:72px; top:134px; } ul.about-team { list-style-image:url(../../images/web_2_0/bullet-link.gif); } body.press h4 { font-size:1.17em; } body.press .article { clear:left; width:100%; padding-top:18px; } body.press .logo { float:left; width:100px; } body.press .logo, body.press p.logo img { margin:0; padding:0; } body.press .pline { float:right; width:390px; } body.press .headline a, body.press .headline span { color:#3671bf; font-weight:bold; } div#share_email { background:url(../../images/web_2_0/share-bg.png) no-repeat left top; display:none; padding:0 0 0 9px; position:absolute; left:0; top:0; width:260px; height:99px; z-index:300; } div#share_email form p { margin-bottom:0; } div#share_email img { float:right; } div#share_email form { width:167px; float:left; padding:18px 0 0; } div#share_email form label, div#share_email form input { border:none; display:inline; font-size:11px; float:left; height:14px; line-height:14px; margin-bottom:9px; padding-top:2px; padding-bottom:2px; } div#share_email form label { color:#fff; width:27px; text-align:right; padding-right:9px; } div#share_email form input { color:#666; width:118px; padding-left:4px; padding-right:4px; } div#share_email form input.send { float:right; width:53px; height:12px; } div#share_email form input.hidden { display:none; visibility:hidden; } .downloads div { position:relative; width:auto; height:145px; } /* UPDATED 091001 */ .downloads div.last { height:auto; } .downloads div.indent { padding-left:36px; } .downloads div p { padding-left:18px; width:242px; } .downloads p.last { padding-left:18px; width:auto; } .downloads div h4 span { color:#3671bf; } .downloads a.download, .downloads .demo { position:absolute; top:0; } .downloads a.download { right:0; } .downloads .demo { right:125px; } /* = Home Main (nodes are in the nodes section) -------------------------------------------------------------- */ body.home div#header { height:117px; } body.home div#main .content { background:url(../../images/web_2_0/bg-content-home.png) no-repeat center top; width:100%; height:394px; } body.home div#main p.readingtest { background:url(../../images/web_2_0/home-readingtest-bg.png) no-repeat 30px 8px; clear:right; float:right; padding:56px 57px 0 0; } body.home div#main p.intro { background:url(../../images/web_2_0/home-intro3-bg.png) no-repeat right bottom; float:left; margin-bottom:0; padding:78px 0 0 66px; text-indent:-5000px; width:229px; height:149px; } body.home div#main p.getstarted { clear:left; float:left; padding:13px 0 0 1px; } body.home div#main p.getstarted a { background:url(../../images/web_2_0/home-getstarted.png) no-repeat left top; overflow:hidden; } body.home div#main p.getstarted a, body.home div#main p.getstarted a span { display:block; width:219px; height:48px; } body.home div#main p.getstarted a span { padding-top:48px; } body.home div#main p.getstarted a:hover { background-position:left -48px; } body.home div#main p.centerpiece { margin:0; position:absolute; left:256px; top:-6px; z-index:20; } /* = Slideshow -------------------------------------------------------------- */ /* Basis of gallery with or without JS */ .gallery, .gallery li { display:block; list-style:none; margin:0; padding:0; overflow:hidden; } /* JS slideshow */ .slideshow { position:relative; } .slideshow li { display:none; position:absolute; z-index:8; } .slideshow li.active { display:block; z-index:10; } .slideshow li.last-active { z-index:9; } /* customize */ #mainshow { background:url(../../images/web_2_0/slides-bg.png) no-repeat left bottom; float:right; width:280px; height:201px; padding:39px 69px 12px 12px; } #mainshow li { top:39px; left:12px; } #awardshow { width:200px; height:303px; } #awardshow li { width:100%; } /* = Nodes -------------------------------------------------------------- */ .nodes { background:url(../../images/web_2_0/bg-nodes.png) no-repeat center top; font-size:.92em; padding:36px 0 36px 40px; position:relative; z-index:30; } body.home .nodes { padding:0; } .node { background:url(../../images/web_2_0/node-divider.png) no-repeat left top; min-height:322px;height:auto!important;height:322px; } ul.snippets li, .node { float:left; padding:0 15px 0 25px; width:190px; } body.home .node { float:none; padding:0; width:auto; } .node p { width:190px; overflow:hidden; } body.home .node p { width:auto; } body.home .node, .first { background:none; } .node h3 { font-size:1.45em; text-align:center; } body.home .nodes .guarantee { background:url(../../images/web_2_0/node-guarantee-bg.png) no-repeat right top; position:absolute; left:41px; top:-45px; padding:72px 36px 18px 36px; width:254px; z-index:30; } body.home .nodes .guarantee h2 { display:none; visibility:hidden; margin:0; padding:0; text-indent:-5000px; width:0; height:0; } body.home .nodes .guarantee p.mission { border-bottom:1px #b0cc9a solid; margin-bottom:9px; padding-bottom:9px; } body.home .nodes .success h2, body.home .nodes .awards h2 { background-position:left top; background-repeat:no-repeat; text-indent:-5000px; width:184px; height:19px; } body.home .nodes .success h2 { background-image:url(../../images/web_2_0/node-success-h2.png); } body.home .nodes .awards h2 { background-image:url(../../images/web_2_0/node-awards-h2.png); } body.home .nodes .success, body.home .nodes .awards { float:right; padding-right:20px; padding-top:34px; } body.home .nodes .success { width:312px; } body.home .nodes .success img { margin:0 0 1em 1em; } body.home .nodes .success p.byline { color:#2d64ad; } body.home .nodes .awards { background:url(../../images/web_2_0/node-divider.png) no-repeat left 27px; display:block; padding-right:50px; padding-left:24px; } body.home .nodes .awards p { text-align:center; } body.home .nodes .awards img { float:none; text-align:center; width:133px; height:133px; margin:0 auto; } .nodes .aligncenter img { float:none; text-align:center; margin:0 auto; } .nodes .byline strong { color:#3671bf; } .nodes .byline span.title, .nodes .byline span.location { display:block; } .nodes .byline span.title { color:#76b349; } .nodes ul.howpay li { margin:0; padding:0; } .nodes .action, .nodes .action p { text-align:center; font-size:1.09em; } .nodes .action h3 { color:#3671bf; margin-bottom:0; } .nodes .action img { margin-top:-57px; margin-left:-5px; margin-bottom:12px; position:relative; } p.givegift, p.buynow, p.trial, p.trial2 { margin-bottom:9px; } p.givegift a, p.buynow a, p.trial a, p.trial2 a { margin:0 auto; overflow:hidden; } p.givegift a { background:url(../../images/web_2_0/btn-givegift.png) no-repeat left top; } p.buynow a { background:url(../../images/web_2_0/btn-buynow.png) no-repeat left top; } p.trial a { background:url(../../images/web_2_0/btn-trial.png) no-repeat left top; } p.trial2 a { background:url(../../images/web_2_0/btn-trial2.png) no-repeat left top; } p.trial2 a, p.trial2 a span, p.givegift a, p.givegift a span, p.buynow a, p.buynow a span, p.trial a, p.trial a span { display:block; width:173px; height:41px; text-align:center; } p.trial2 a span, p.givegift a span, p.buynow a span, p.trial a span { padding-top:41px; } p.trial2 a:hover, p.givegift a:hover, p.buynow a:hover, p.trial a:hover { background-position:left -41px; } body.parents_how p.buynow { margin-top:-12px; } body.parents_how p.buynow { margin-top:-12px; } .nodes p.description { text-align:left; } .nodes p.description span { font-weight:bold; color:#3671bf; } /* = Snippets -------------------------------------------------------------- */ div#main ul.snippets { background:#e3e3e3 url(../../images/web_2_0/bg-snippets.gif) repeat-x center top; color:#3671bf; display:block; margin:0 37px 38px; padding:4px 0 0; } div#main ul.snippets li { border-left:1px #d8d9da solid; padding-top:20px; padding-bottom:15px; position:relative; height:88px; } div#main ul.snippets li.first { border:none; } div#main ul.snippets li.last { background:url(../../images/web_2_0/bg-snippets-overlay.gif) no-repeat right bottom; width:191px; } div#main ul.snippets li a { background-position:left top; background-repeat:no-repeat; display:block; position:absolute; left:23px; bottom:15px; width:89px; height:30px; text-indent:-5000px; } div#main ul.snippets li a:focus, div#main ul.snippets li a:hover { background-position:right -30px; } div#main ul.snippets li a.learnmore { background-image:url(../../images/web_2_0/btn-snippet-learnmore.png); } div#main ul.snippets li a.email { background-image:url(../../images/web_2_0/btn-snippet-email.png); } div#main ul.snippets li a.view { background-image:url(../../images/web_2_0/btn-snippet-view.png); } div#main ul.snippets li a.join { background-image:url(../../images/web_2_0/btn-snippet-join.png); } div#main ul.snippets li a.answers { background-image:url(../../images/web_2_0/btn-snippet-answers.png); } div#main ul.snippets li a.review { background-image:url(../../images/web_2_0/btn-snippet-review.png); } div#main ul.snippets li a.readingtest { background-image:url(../../images/web_2_0/btn-snippet-readingtest.png); } div#main ul.snippets li a.buynow { background-image:url(../../images/web_2_0/btn-snippet-buynow.png); } div#main ul.snippets li a.pdf { background-image:url(../../images/web_2_0/btn-snippet-pdf.png); } div#main ul.snippets li a.viewreport { background-image:url(../../images/web_2_0/btn-snippet-viewreport.png); } div#main ul.snippets li a.freetrial { background-image:url(../../images/web_2_0/btn-snippet-freetrial.png); } /* = Site Map -------------------------------------------------------------- */ ul.sitemap a { display:block; } ul.sitemap li.page_item { list-style:none; list-style-image:none; } ul.sitemap li.page_item a { font-weight:bold; margin-bottom:9px; } ul.sitemap li.page_item li a{ font-weight:normal; margin-bottom:0; } /* = Navigation -------------------------------------------------------------- */ /* = Default IR */ ul.nav, ul.nav li, ul.nav ul, ul.nav a { display:block; } ul.nav { position:absolute; left:297px; top:68px; z-index:100; } ul.nav li { float:left; z-index:100; } ul.nav a, ul.nav a span { display:block; height:39px; } ul.nav a { cursor:pointer; overflow:hidden; } /* = Customize IR */ ul.nav a span { padding-top:39px; } ul.nav ul a span { padding-top:0; } ul.nav .administrators a { background-image:url(../../images/web_2_0/mi-administrators.png); width:180px; } ul.nav .teachers a { background-image:url(../../images/web_2_0/mi-teachers.png); width:124px; } ul.nav .parents a { background-image:url(../../images/web_2_0/mi-parents.png); width:116px; } ul.nav .administrators ul a, ul.nav .teachers ul a, ul.nav .parents ul a { background:none; padding:0; width:auto; height:auto; } ul.nav li:hover a, ul.nav li.hover a, ul.nav li.current_page_item:hover a, ul.nav li.current_page_item.hover a, ul.nav li.current_page_item a:hover, ul.nav li.current_page_item a, ul.nav a:hover { background-position: 0 -39px; } /* hover */ ul.nav li.current_page_item a { border-top-color:#036; background-position: 0 -78px; } /* selected */ /* = Default Dropdown */ ul.nav .jshide { left:auto; display:none; } ul.nav li ul { position:absolute; } ul.nav li ul ul { margin:0; } ul.nav li ul { left:-999em; } ul.nav li ul ul { left:auto; } ul.nav li.teachers ul { margin-left:-178px; } ul.nav li.parents ul { margin-left:-299px; } ul.nav li.teachers ul ul, ul.nav li.parents ul ul { margin-left:0; } ul.nav li:hover ul, ul.nav li.hover ul { left:auto; margin-top:0; } ul.nav li a { text-align:center; z-index:300; margin-bottom:8px; } ul.nav li li a { text-align:left; margin:0; } ul.nav li ul { height:auto; } ul.nav li li { background:none; } /* = Customize Dropdown */ /* style dropdown */ ul.nav li ul { background:url(../../images/web_2_0/mi-bg.png) no-repeat left bottom; font-family:Arial, Helvetica, sans-serif; margin-top:-20px; width:534px; /*height:468px;*/ z-index:100; } ul.nav li ul ul { background:none; padding:0; position:relative; width:auto; } ul.nav li ul li { } ul.nav li ul li li { float:none; padding:0; } ul.nav li ul .links, ul.nav li ul .content { background:url(../../images/web_2_0/mi-bg-top.png) no-repeat left top; margin-top:-9px; position:relative; } ul.nav li.administrators ul .links, ul.nav li.administrators ul .content { background-image:url(../../images/web_2_0/mi-bg-top-administrators.png); margin-top:-9px; } ul.nav li.teachers ul .links, ul.nav li.teachers ul .content { background-image:url(../../images/web_2_0/mi-bg-top-teachers.png); margin-top:-9px; } ul.nav li.parents ul .links, ul.nav li.parents ul .content { background-image:url(../../images/web_2_0/mi-bg-top-parents.png); margin-top:-9px; } ul.nav li ul .links { float:left; } ul.nav li ul .content { background-position:right top; float:right; font-size:1.5em; line-height:1.5; } ul.nav li ul .links ul { width:286px; padding:16px 0 16px 16px; overflow:hidden; } ul.nav li ul .content ul { width:184px; padding:34px 16px 16px 32px; overflow:hidden; } /* style the dropdown menu items */ ul.nav li ul, ul.nav li ul a { color:#375c1b; } ul.nav ul li a, ul.nav ul li a span { display:block; } ul.nav li ul .links a { background-color:#95df5e; font-weight:bold; font-size:1.15em; padding:3px 10px; text-decoration:none; width:auto; } ul.nav li ul .links a:hover { background-color:#e07f01; color:#fff; } ul.nav li ul .links p { padding:8px 5px; margin:0; } ul.nav li ul .links p a { background:none; font-weight:normal; font-size:1em; margin:0; padding:0; text-decoration:underline; width:auto; height:auto; } ul.nav li ul .links p a:hover { background:none; color:#fff; } ul.nav li ul .content a, ul.nav li ul .content p { text-align:center; } ul.nav li ul .content .call, ul.nav li ul .content .email a, ul.nav li ul .content .trial a, ul.nav li ul .content .readingtest a, ul.nav li ul .content .buy a, ul.nav li ul .content .email { color:#fff; font-weight:bold; } ul.nav li ul .content .email a { font-size:13px; } ul.nav li ul .content .call span{ display:block; } ul.nav li ul .content .call { border-bottom:1px #95df5e solid; } ul.nav li ul .content .trial, ul.nav li ul .content .buy { margin-bottom:0; } /* background color for hover and selected dropdown menu items */ ul.nav ul a:hover, ul.nav ul li.current_page_item a { } /* = Footer -------------------------------------------------------------- */ div#footer { background:url(../../images/web_2_0/bg-footer.jpg) no-repeat center top; clear:both; padding-top:223px; height:108px; } div#footer, div#footer p.design a { color:#8ab4eb; } div#footer a { text-decoration:none; } div#footer .content { margin:0 auto; width:926px; } div#footer p.copyright, div#footer p.design { float:left; margin-left:10px; } div#footer ul.links, div#footer ul.follow, div#footer p.copyright { padding-top:4px; } div#footer p.copyright { background:url(../../images/web_2_0/logo-footer.png) no-repeat left top; height:21px; padding-left:132px; } div#footer p.design { clear:left; width:260px; } div#footer ul.links, div#footer ul.links li { float:left; } div#footer ul.links { margin-left:45px; } div#footer ul.follow { float:right; margin-right:10px; } div#footer ul.follow li { margin-bottom:6px; } /* = Help Forms -------------------------------------------------------------- */ div#kbform table, td, th { vertical-align:top; } /* = Registration UPDATED 091029 -------------------------------------------------------------- */ /* Setup */ body.registration div#main .content { background:url(../../images/web_2_0/bg-registration.png) no-repeat center top; } body.registration div#main .content .wrap { padding:240px 280px 54px 100px; } /* For payment option pages - Updated 1/30/2010 by Clif */ body.registration div#main .content .wrap_options { padding:120px 280px 54px 100px; } /* body.registration div#main h1 { font-size:24px; text-align:left; top:45px; width:676px; } */ body.registration div#main h1 { font-size:24px; position:absolute; left:120px; top:45px; width:676px; } body.registration .sidebar { position:absolute; top:129px; left:770px; width:200px; } /* Countdown */ ul.countdown { position:absolute; top:129px; left:156px; width:480px; } ul.countdown li { background-repeat:no-repeat; background-position:0 0; float:left; overflow:hidden; text-indent:-5000px; width:118px; height:94px; } ul.countdown li.gift-info { background-image:url(../../images/web_2_0/countdown-01-get-info.png); position:relative; top:1px;} ul.countdown li.shipping { background-image:url(../../images/web_2_0/countdown-01-shipping.png); position:relative; top:1px;} ul.countdown li.billing-info { background-image:url(../../images/web_2_0/countdown-02-billing-info.png); position:relative; top:1px;} ul.countdown li.confirmation { background-image:url(../../images/web_2_0/countdown-03-confirmation.png); position:relative; top:1px;} ul.countdown li.receipt { background-image:url(../../images/web_2_0/countdown-04-receipt.png); position:relative; top:1px;} ul.countdown li.step1-account-off { background-image:url(../../images/web_2_0/steps_account_off.png); width:113px; height:100px; } ul.countdown li.step1-account-on { background-image:url(../../images/web_2_0/steps_account_on.png); width:113px; height:100px; } ul.countdown li.step1-login-off { background-image:url(../../images/web_2_0/steps_login_off.png); width:113px; height:100px; } ul.countdown li.step1-login-on { background-image:url(../../images/web_2_0/steps_login_on.png); width:113px; height:100px; } ul.countdown li.step2-billing-off { background-image:url(../../images/web_2_0/steps_billing_off.png); width:113px; height:100px; } ul.countdown li.step2-billing-on { background-image:url(../../images/web_2_0/steps_billing_on.png); width:113px; height:100px; } ul.countdown li.step2-confirmation-off { background-image:url(../../images/web_2_0/steps_confirmation_off.png); width:113px; height:100px; } ul.countdown li.step2-confirmation-on { background-image:url(../../images/web_2_0/steps_confirmation_on.png); width:113px; height:100px; } ul.countdown li.step2-shipping-off { background-image:url(../../images/web_2_0/steps_shipping_off.png); width:113px; height:100px; } ul.countdown li.step2-shipping-on { background-image:url(../../images/web_2_0/steps_shipping_on.png); width:113px; height:100px; } ul.countdown li.step3-receipt-off { background-image:url(../../images/web_2_0/steps_receipt_off.png); width:113px; height:100px; } ul.countdown li.step3-receipt-on { background-image:url(../../images/web_2_0/steps_receipt_on.png); width:113px; height:100px; } ul.countdown li.current_item { background-position:0 -94px; } /* Form Layout */ body.registration div#main div.radio p { clear:both; } body.registration div#main div.radio input { float:left; } body.registration div#main div.radio img { margin-left:15px; margin-right:30px; } body.registration div#main div.radio ul { float:right; width:350px; } body.registration div#main div.radio_plans p { clear:both; margin-left:240px;} body.registration div#main div.radio_plans input { float:left; } body.registration .registration_input { padding-left:50px; } body.registration .registration_confirmation { padding-left:83px; } body.registration .registration_confirmation p, body.registration .registration_input p { clear:both; color:#d57801; margin-bottom:9px; } body.registration .form_status { color:#d57801; font-weight:bold; } body.registration .registration_input h4 { padding:27px 0 18px; width:auto; text-align:center; } body.registration .registration_input label, body.registration .registration_input input, body.registration .registration_input textarea { color:#333; float:left; margin:0; padding:0 0px 0 0; } body.registration .registration_confirmation th, body.registration .registration_input label { font-weight:bold; text-align:right; width:185px; padding:0 18px 0 0; } body.registration .registration_input input, body.registration .registration_input textarea { width:175px; } body.registration .registration_input select { width:179px; } body.registration .registration_input p.registration_exp select { width:auto; } body.registration .registration_input textarea { height:60px; } body.registration .registration_input input { margin-right:9px; } body.registration table { margin-left:184px; } body.registration p.registration_notes { color:#999; padding-left:250px; font-size:12px; } body.registration .registration_input p.creditcards { padding-left:188px; } body.registration .registration_input p.creditcards img { float:none; margin:0 auto; } body.registration .registration_confirmation input.next, body.registration .registration_confirmation input.confirm, body.registration .registration_input input.next { margin-left:200px; width:98px; height:46px; margin-top:18px; } body.registration .registration_confirmation input.confirm { width:135px; margin-left:170px; } p.expander span { background:#2867bc url(../../images/web_2_0/btn-expand.png) no-repeat 9px 4px; color:#fff; display:block; font-weight:bold; line-height:18px; margin-left:30px; padding:3px 9px 4px 36px; width:auto; } body.registration .registration_confirmation table th, body.registration table .right th { text-align:right; } body.registration table .right th, body.registration table .expandable td { padding-left:9px; } body.registration table .right th, body.registration table .right td, body.registration table tr { border:none; } body.registration table .total th, body.registration table .total td { background-color:#ececec; border-bottom:2px #fff solid; } body.registration .registration_confirmation table { margin-left:0px; padding:18px 9px; } body.registration .registration_confirmation table th, body.registration .registration_confirmation table td { line-height:18px; padding:3px; } body.registration .registration_confirmation table th { border:none; font-weight:bold; padding-left:0; padding-right:9px; } body.registration .registration_confirmation table td { font-weight:normal; } body.registration a.edit { float:left; padding-right:18px; } body.registration table.purchase, body.registration table.billing-info, body.registration table.recipient-info { background-color:#ececec; width:454px; } body.registration table.purchase td { vertical-align:bottom; } /* UPDATED 091101 */ body.registration table.purchase tr.total td { border:none; } /* UPDATED 091101 */ body.registration .giftcard { margin:18px 0 9px 18px; text-align:center; } body.registration p.email span, body.registration p.charged span { font-weight:bold; } /* = Catalog UPDATED 091118 - Extends Registration -------------------------------------------------------------- */ body.catalog div#main .content .wrap { padding-top:120px; } /* UPDATED 091118 */ body.catalog .products { padding:0 24px; } body.catalog #product01 { padding-right:47px; border-right:1px #dadada solid; } body.catalog .product { width:238px; } body.catalog .product p, body.catalog .product h3 { margin-bottom:9px; } p.cost { color:#696969; font-size:14px; font-weight:bold; text-align:right; margin-bottom:0; width:100%; } p.cost span { font-size:24px; } p.cost a.details { float:right; margin:-3px -5px 0 0; position:relative; } body.catalog p.accessories, body.catalog p.live-chat { text-align:center; } body.catalog p.accessories img, body.catalog p.live-chat img { float:none; margin:0; } body.catalog p.description { clear:left; } body.catalog .product p.description { padding:9px; margin-bottom:0; } /* UPDATED 091230 */ /* Sidebar */ .previously-viewed p, .previously-viewed h4 { margin-bottom:4px; } .promo-main, .promo { margin-bottom:9px; } /* UPDATED 091230 */ .promo-main { margin-left:-2px; } /* Sidebar Promos ADDED 091230 */ .sidebar .promo { background:url(../../images/web_2_0/bg-promo1.gif) no-repeat left bottom; color:#696969; line-height:1.2em; padding-bottom:1px; width:165px; } .sidebar .promo2 { background-image:url(../../images/web_2_0/bg-promo2.gif); } .sidebar .promo3 { background-image:url(../../images/web_2_0/bg-promo3.gif); } .sidebar .promo h3 { background:url(../../images/web_2_0/bg-promo1-top.gif) no-repeat left top; color:#437cc6; font-weight:bold; margin-bottom:0; padding:9px 9px 0; } .sidebar .promo2 h3 { background-image:url(../../images/web_2_0/bg-promo2-top.gif); color:#69b034; } .sidebar .promo2-scout h3 { background-image:url(../../images/web_2_0/bg-promo2-top-scout.gif); margin:-23px 0 0 -8px; padding-top:50px; position:relative; height:24px; } .sidebar .promo3 h3 { background-image:url(../../images/web_2_0/bg-promo3-top.gif); color:#d87b01; } .sidebar .promo, .sidebar .promo h3, .sidebar .promo p { text-align:center!important; } .sidebar .promo p { margin-bottom:9px; padding:0 9px; } /* Customize Slideshow */ .productshow { background:url(../../images/web_2_0/bg-product-slideshow.png) no-repeat left top; float:left; margin:0 -5px 0 -3px; width:245px; height:178px; } .productshow li { top:8px; left:8px; } .productshow li { width:228px; height:161px; } /* #cart { background:url(../../images/web_2_0/cart-empty.gif) no-repeat right top; padding-top:10px; position:absolute; right:72px; top:70px; width:146px; } #cart.cart-full { background-image:url(../../images/web_2_0/cart-full.gif); } */ #cart { padding-top:10px; position:absolute; right:70px; top:70px; width:150px; } /*UPDATED 100111 */ #cart img { float:right; margin-top:-8px; } /*UPDATED 100111 */ #cart span.item-count { font-size:30px; font-weight:bold; line-height:30px; position:absolute; right:70px; top:0; } #cart span.item-count a { text-decoration:none; } /* = CART ITEM COUNT UPDATES 100111 -------------------------------------------------------------- */ #cart span.item-count-better { font-size:30px; font-weight:bold; line-height:30px; position:absolute; right:55px; top:0; } /*UPDATED 100106 */ #cart span.item-count-better a { text-decoration:none; } /* = Catalog UPDATES 091123 -------------------------------------------------------------- */ body.catalog-check #product01 { padding-right:5px; border-right:1px #dadada solid; margin-left:-30px; } body.catalog-check .product { width:360px; padding:0; } body.catalog-check #product02 { width:284px; margin-right:-20px; } body.catalog-check #product02 label { width:60px; } body.catalog-check #product01 p.instructions { padding-left:80px; } body.catalog-check .product p.instructions { clear:both; } body.catalog-check #product02 p.instructions { padding-left:30px; } body.catalog-check #product01 p.form_status { color:#d57801; font-weight:bold; padding-left:80px; } body.catalog-check #product02 p.form_status { color:#d57801; font-weight:bold; padding-left:30px; } body.catalog-check #product01 h4 { padding-left:80px; } body.catalog-check #product02 h4 { padding-left:30px; } body.catalog-check .product input.next { padding-left:165px; float:none; margin:18px 0 0; } body.catalog-check #product02 input.next { padding-left:120px; } body.catalog-check .registration_input { padding:0; } body.registration .sidebar { width:175px; } .order-total h4 { color:#d57801; } .order-total .total { font-size:20px; font-weight:bold; margin-bottom:9px; } body.catalog-check .registration_input label { width:150px; } body.catalog-check .registration_input fieldset.radio span { float:right; } body.catalog-check .registration_input fieldset.radio { position:relative; text-align:right; } body.catalog-check .registration_input fieldset.radio legend { font-weight:bold; width:210px; text-align:right; float:left; display:block; position:relative; } body.catalog-check .registration_input fieldset.radio label { width:18px; padding-right:18px; text-align:left; } body.catalog-check .registration_input fieldset.radio input { width:9px; } /**/ /* = Catalog UPDATES 091201 - confirmation -------------------------------------------------------------- */ body.catalog-confirm div#main .content .wrap { padding:240px 280px 54px 100px; } body.catalog-confirm div.confirmation, body.catalog-confirm div#main div.confirmation, body.catalog-confirm div#main table { background-color:#ececec; width:100%; margin:0; } body.catalog-confirm div#main table th, body.catalog-confirm div#main table td { line-height:10px; padding:9px; text-align:center; } body.catalog-confirm div#main table thead th, body.catalog-confirm div#main table tfoot td, body.catalog-confirm div#main table tfoot th, body.catalog-confirm div#main table td.edit { border:none; } body.catalog-confirm div#main table td.edit, body.catalog-confirm div#main table th.first, body.catalog-confirm div#main table td.first { text-align:left; } body.catalog-confirm div#main table td.last { text-align:right; } body.catalog-confirm div#main table tfoot th { text-align:right; } body.catalog-confirm div#main table tr.total th, body.catalog-confirm div#main table tr.total td { background-color:#e4e4e4; } body.catalog-confirm div#main div.confirmation { display:block; margin-top:18px; } body.catalog-confirm div#main table.address01 { float:left; width:309px; } body.catalog-confirm div#main table.address02 { float:right; width:309px; } body.catalog-confirm div#main table.address01 th, body.catalog-confirm div#main table.address02 th { text-align:right; } /* body.catalog-confirm div#main table.address02 th { padding-left:0; width:300px; } */ body.catalog-confirm div#main table.confirmation td { text-align:left; } body.catalog-confirm div#main table #review_message { height:129px; } body.catalog-confirm .order-total { margin-top:18px; } body.catalog-confirm p.submit { text-align:center; } body.catalog-confirm p.submit input { margin:18px auto; } div.sidebar p.live-chat, div.sidebar p.live-chat a img { float:none; text-align:center; } /**/ /* = Catalog UPDATES 091202 - product details -------------------------------------------------------------- */ div.product-images { float:left; width:492px; } div.product-images a.product-image-main { background:url(../../images/web_2_0/catalog-product-frame.png) no-repeat left top; display:block; float:left; padding:6px 9px 30px 7px; height:213px; } div.product-images ul.product-thumbnails, div.product-images ul.product-thumbnails li { list-style:none; list-style-image:none; padding:0; margin:0; } div.product-images ul.product-thumbnails { position:absolute; left:510px; top:158px; } div.product-images ul.product-thumbnails li { background:url(../../images/web_2_0/catalog-product-th-frame.png) no-repeat right top; padding:6px 9px 10px 7px; margin-bottom:3px; height:47px; } .product-image-enlarge { position:absolute; left:370px; top:370px; } div.product-info { float:right; } /* UPDATED 091228 */ div.product-info .productsubtitle { background:#9acdff; border:1px #336fbc solid; color:#fff; font-weight:bold; margin-top:9px; padding:0 4px; text-align:center; width:242px; height:17px; line-height:17px; } form.product-add { background:url(../../images/web_2_0/bg-promo-code.png) no-repeat left top; font-weight:bold; padding:6px 9px 10px 7px; padding:6px; margin-bottom:0px; width:266px; height:65px; } form.product-add input { margin:0; } form.product-add span { font-size:18px; padding-right:7px; } form.product-add #product_promo { width:184px; } form.product-add #product_qty { width:35px; } form.product-add p { float:left; margin-bottom:8px; } form.product-add p.price { margin-top:7px; } form.product-add p.submit { float:right; } p.options a { background-repeat:no-repeat; background-position:left center; margin-left:20px; padding-left:28px; } /* UPDATED 091230 */ p.options a.gift-card { background-image:url(../../images/web_2_0/icon-gift-card.gif); color:#d57900; } p.options a.payment-plan { background-image:url(../../images/web_2_0/icon-payment.gif); color:#7cc142; } p.options a.gift-card:hover, p.options a.payment-plan:hover { color:#3671bf; } /* ADDED 091230 */ .product-info p.options { margin-bottom:9px; } .product-info p.options a { margin-left:3px; margin-right:8px; } div.review-suggestions { background:url(../../images/web_2_0/bg-suggestions.png) no-repeat left 30px; clear:both; margin-top:36px; margin-left:-18px; min-height:142px;height:auto!important;height:142px; } div.review-suggestions .suggestion { position:relative; } div.review-suggestions ul.menu, div.review-suggestions ul.menu li { list-style:none; list-style-image:none; margin:0; padding:0; } div.review-suggestions ul.menu li { display:inline; } div.review-suggestions ul.tabs-1 li, /* Updated 091228 */ div.review-suggestions ul.menu li a { background:url(../../images/web_2_0/bg-suggestions-options.gif) repeat-x center top; border:1px #9b9b9b solid; border-right:none; color:#999; display:block; float:left; font-weight:bold; font-size:14px; text-decoration:none; text-transform:uppercase; text-align:center; width:212px; height:29px; line-height:29px; } /* Updated 091228 */ div.review-suggestions ul.tabs-2 li a { width:318px; } div.review-suggestions ul.tabs-2 li.first a { width:319px; } div.review-suggestions ul.tabs-1 li { width:638px; } div.review-suggestions ul.menu { border-right:1px #9b9b9b solid; margin-bottom:18px; width:auto; } div.review-suggestions ul.tabs-1 li, /* Updated 091228 */ div.review-suggestions ul.menu li a.selected{ background:#fff; border-bottom:#fff; color:#3671bf; } div.view-details { background:url(../../images/web_2_0/bg-details-popup.png) no-repeat left top; display:none; padding:30px 9px 9px 15px; position:absolute; left:125px; top:120px; width:327px; height:125px; z-index:500; } div.view-details h4 { color:#4d80c4; margin-bottom:0; } div.view-details p { margin:0; padding:9px; } div.sidebar { float:right; margin:36px -18px 0 0; } /* = Login UPDATES 091203 -------------------------------------------------------------- */ body.myheadsprout div#main .content .wrap { padding:140px 100px 54px; } body.myheadsprout div#main .content { background:url(../../images/web_2_0/bg-content-login.png) no-repeat center top; } body.myheadsprout .sidebar, body.login .sidebar { position:absolute; top:129px; left:770px; } body.myheadsprout ul.breadcrumbs li.current_page_item a { color:#f90; } #welcome-back { padding-top:10px; position:absolute; right:72px; top:54px; } p.login_status { color:#72c335; font-weight:bold; padding-left:88px; } form.login-form { background:url(../../images/web_2_0/bg-login-form.png) no-repeat left top; padding:55px 18px 0 130px; position:relative; width:311px; height:280px; } form.login-form p { margin-bottom:9px; } form.login-form p label { color:#2d6bbc; display:block; font-weight:bold; width:80px; } form.login-form input, form.login-form label { float:left; } form.login-form input#username, form.login-form input#password { width:185px; } form.login-form p.form_status { color:#900; position:absolute; left:130px; top:18px; } form.login-form p.summary { padding-left:80px; } form.login-form p.submit { float:none; padding-left:77px; } form.login-form p.instructions { clear:both; margin-top:18px; } .login-extra { padding-left:88px; width:370px; } .login-extra h4 { color:#d87b01; font-style:normal; } /* = Free Shipping Overlay UPDATES 091214 -------------------------------------------------------------- */ div#overlay { position:relative; width:426px; height:249px; } div.over-free-shipping { background:url(../../images/web_2_0/bg-over-free-ship.png) no-repeat left top; } div#overlay .over-submit{ position:absolute; right:50px; bottom:15px; } /* = ColorBox (for opening images) UPDATED 091214 -------------------------------------------------------------- */ /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{ background:url(../../images/web_2_0/colorbox/overlay.png) 0 0 repeat; } #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(../../images/web_2_0/colorbox/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(../../images/web_2_0/colorbox/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(../../images/web_2_0/colorbox/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(../../images/web_2_0/colorbox/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(../../images/web_2_0/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../../images/web_2_0/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../../images/web_2_0/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../../images/web_2_0/colorbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../../images/web_2_0/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../../images/web_2_0/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../../images/web_2_0/colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(../../images/web_2_0/colorbox/loading.gif) center center no-repeat;} /** /#cboxClose{position:absolute; bottom:0; right:0; background:url(../../images/web_2_0/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;}/**/ #cboxClose{ position:absolute; bottom:0; right:0; background:url(../../images/web_2_0/btn-over-close.gif) no-repeat left top; width:49px; height:10px; text-indent:-9999px; } /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/web_2_0/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/web_2_0/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/web_2_0/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/web_2_0/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/web_2_0/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/web_2_0/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/web_2_0/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/web_2_0/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} /**/ /* = Catalog UPDATES 091130 - review -------------------------------------------------------------- */ /* Setup */ body.review div#main .content { background:url(../../images/web_2_0/bg-content-clear.png) no-repeat center top; } body.review div#main .content .wrap { padding:140px 100px 54px 100px; } body.review div.discounts ul { color:#7bc743; font-weight:bold; } body.review div.discounts ul li { color:#4c4c4c; font-weight:normal; list-style:none; list-style-image:none; padding:0; margin:0; } table.review { width:100%; } table.review td, table.review th, table.review tr, table.review { border:none; padding:0; margin:0; text-align:center; } table.review td { background:#e9f0f8; height:39px; font-weight:bold; overflow:hidden; padding:24px 0 0; } table.review td.review-update { padding-top:14px; } table.review td.review-price, table.review td.review-total { font-size:18px; } table.review td.review-quantity input { text-align:right; width:24px; } table.review td.review-image { padding:0; } table.review td.review-image img { border:#666 1px solid; padding:0; margin:0; } table.review th { color:#3264d3; padding-bottom:9px; text-transform:uppercase; vertical-align:bottom; } table.review td.review-image { width:78px; } table.review td.review-times, table.review td.review-equals { color:#999; font-size:14px; width:36px; } table.review td.review-equals { font-weight:normal; } td.review-update ul, td.review-update ul li { list-style:none; list-style-image:none; padding:0; margin:0; } table.review td { border-bottom:#fff 6px solid; } div.review-total-cost { width:auto; border-bottom:#ccc 1px solid; padding:6px 0 18px 300px; margin-bottom:18px; } /* padding:6px 0 18px 370px */ div.review-total-cost p { float:left; padding:3px 0 0 0; width:160px; margin:0; } /* width:160px */ div.review-total-cost p span { font-size:18px; font-weight:bold; } div.review-total-cost p.shipping { width:160px; } /* width:140px */ div.review-total-cost p.total-cost { width:190px; } /* width:170px */ div.review-total-cost p.notes { font-size:10px; line-height:12px; padding:0; width:115px; } /* UPDATED 091228 */ div.review-suggestions .option .downloads, div.review-suggestions .option p, div.review-suggestions .option ul { padding:0 18px; } div.review-suggestions .option .suggestion p { padding:0; } div.review-suggestions { margin:36px auto 18px; width:640px; float:none; } /* UPDATED 091231 */ body.catalog-detail div.review-suggestions { margin:36px 0 18px -18px; float:left; } /* UPDATED 091231 */ div.review-suggestions p.title { background:url(../../images/web_2_0/review-suggestions-title-bg.gif) repeat-x left top; color:#fff; font-weight:bold; padding:0 18px; width:auto; height:37px; line-height:37px; } div.review-suggestions .suggestion { float:left; border-left:#ccc 1px solid; padding:15px; position:relative; width:182px; height:180px; } div.review-suggestions .suggestion.first { border-left:none; } div.review-suggestions .suggestion.row2 { background:url(../../images/web_2_0/bg-review-suggestions-row2.gif) no-repeat center top; } /* UPDATED 091231 */ div.review-suggestions .suggestion .product-thumb, div.review-suggestions .suggestion .product-cat { position:absolute; top:60px; } div.review-suggestions .suggestion .product-thumb { border:#666 1px solid; left:15px; } div.review-suggestions .suggestion .product-cat { right:15px; } div.review-suggestions .suggestion .more { margin:0; padding:9px 0 0; position:absolute; top:125px; right:16px; } div.review-suggestions .suggestion span.price { font-size:18px; font-weight:bold; float:right; padding-top:8px; } div.review-suggestions .suggestion p.add-cart { position:absolute; top:155px; left:13px; width:185px; } div.review-suggestions .suggestion p.add-cart img { float:left; padding:0; margin:0; } /* = Get Started UPDATES 091216 -------------------------------------------------------------- */ body.get_started div#main .content { background:url(../../images/web_2_0/bg-registration.png) no-repeat center top; } body.get_started div#main .content .wrap { padding:110px 280px 54px 100px; } body.get_started div#main h1 { font-size:24px; text-align:center; top:45px; width:676px; } div#main .content_centered p { text-align:center; } div#main .content_centered p img { float:none; margin:0 auto; } body.get_started div#main .content h2 { font-size:30px; margin-bottom:0px; text-align:center; } body.get_started .sidebar { width:175px; } /* = Free Trial UPDATES 091230 -------------------------------------------------------------- */ body.free_trial div#main .content p { text-align:center; } body.free_trial div#main .content p.submit img { float:none; margin:0 auto; } /**/ /* = Redeem Gift Card UPDATES 100108 -------------------------------------------------------------- */ div.redeem-area { background:url(../../images/web_2_0/bg-redeem-gift-card.png) no-repeat center top; margin-left:160px; padding:165px 0 0 157px; width:/*452*/328px; height:/*223*/58px; }