"/Users/rhampton/Documents/workspace/www.leapfrog.com"@CHARSET "UTF-8"; /* Style sheet gathering all used styles for leapfrog.com - imports should be replaced by SSI, if the number of requests becomes a performance issue - order does matter. - later style definitions for the same item overloading styles set before general settings for fonts, colors, etc. */ @import url(home.css); /* RESET -- neutralizes different default settings of browsers */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} body {line-height:1;} ol, ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;} /* remember to define focus styles! */ :focus {outline:0;} /* remember to highlight inserts somehow! */ ins {text-decoration:none;} del {text-decoration:line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse:collapse;border-spacing:0;} body {text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#666;margin:0;padding:0;background:#fff url(/etc/medialib/leapfrog/corporateimgs.Par.81616.Image.direct.gif) repeat-y top center;} a {color:#090;text-decoration:none;} a:hover, a:active {text-decoration:underline;} div {text-align:left;} input.box {font-family:Arial,Helvetica,sans-serif;font-size:11px;padding:3px 2px 0 3px;height:20px;border:1px solid #96C28F;border-right-color:#C7C7C7;border-bottom-color:#EAEAEA;border-left-color:#B9B9B9;background:#FFF url(../img/bg/input.gif);} form.select {margin:0;padding:0;position:relative;width:124px;height:18px;left:1px;border:1px solid #96C28F;overflow:hidden;} select {font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#666;margin:0;padding:0;width:128px;height:20px;top:-2px;left:-2px;background-color:#FFF;z-index:1;} .invisible {display:none !important;} div.clr {margin:0;padding:0;clear:both;} /* Draws a pipe (seperator) in front of list elements using inherited color. Note: if this appears too tall, its based on the height of the parent UL; its height may need to be adjusted and whitespace above/below provided by other means. */ ul.pipeDelimited li {border-left-style:solid;border-left-width:1px;padding:0 3px 0 4px;} /* JS function assignClassToFirstChild assigns this to turn off first pipe in a list. Also, removes styling from children. */ ul.pipeDelimited li.first, ul.pipeDelimited li.skip, ul.pipeDelimited li ul li {border-left-style:none;} /* Places plus sign in background for delimited items (i.e. on product detail and search). */ ul.enumPlus div {text-align:center;} ul.enumPlus li {background:url(../img/misc/plus.gif) no-repeat 133px 50px;} /* Remove plus sign background for nested elements and last element (as flagged by assignClassToLastChildren) */ ul.enumPlus li ul li, ul.enumPlus li.noMore {background-image:none;} /* default breadcrumb position assumes 1 column layout */ .breadcrumbs {padding:0 0 0 100px;letter-spacing:1px;} /* 2-column layout pages need breadcrumb bumped */ .col_2 .breadcrumbs {padding-left:0;margin-top:11px;margin-bottom:11px;} #page.searchResultsTrue .breadcrumbs {left:180px;position:relative;} img.floatLeft {float:left;} img.floatRight {float:right:} /* Styles specific to an individual component. Intended be overridden by page-specific directives so this should be read first and selectors as general as possible. Should be styled so they could appear on any page, even if they happen to only appear on one! */ /* Common styles for multiple components */ /* White text on green background header for recently viewed and promo modules */ div.recentlyViewed img.hd, .promoModule img.hd, .productViewer img.hd {margin:10px 0 0 0;padding:0;display:block;position:relative;top:2px;left:3px;background-image:none;} /* recentlyViewed is a special case here due to a page-specific h3 selector unintentionally overriding */ .promoModule h3, .recentlyViewed h3.hd, #page.productDetail .recentlyViewed h3.hd, #page.productDetail .promoModule h3, #page.searchResultTrue .promoModule h3, .productViewer h3, .quicklinks_expanded h3.hd, .quicklinks_colored h3 {font-size:14px;font-weight:bold;color:#FFF;margin:10px 0 0 0;padding:0;display:block;position:relative;top:0px;left:5px;background-image:none;} .promoModule h3 em, .recentlyViewed h3 em, .productViewer h3 em, .quicklinks_colored h3 em {font-size:18px;font-style:normal;font-weight:bold;} /* Recently viewed products. Appears on product detail page. */ div.recentlyViewed {width:472px;background:url(../img/bg/box1b.jpg) no-repeat;margin:0;padding:0;display:block;position:relative;height:230px;float:left;overflow:hidden;} div.recentlyViewed li {list-style-type:none;} div.recentlyViewed img {margin:0;padding:0;display:block;position:absolute;top:36px;left:3px;overflow:hidden;z-index:2;background-repeat:no-repeat;width:135px;height:104px;} div.recentlyViewed ul, div.productViewer ul {margin:0;padding:0;position:absolute;width:405px;height:190px;top:24px;left:32px;overflow:hidden;} div.recentlyViewed ul li {position:relative;width:135px;} div.recentlyViewed h4 {font-size:12px;line-height:13px;color:#393;margin:0 0 0 12px;padding:0;position:absolute;top:142px;left:0px;z-index:3;} div.recentlyViewed h4 small {font-size:10px;} div.recentlyViewed li {list-style-type:none;margin:0;padding:0;display:block;position:relative;height:230px;float:left;overflow:hidden;background-repeat:no-repeat;} /* left and right buttons shared between recentlyViewed and productViewer */ div.recentlyViewed button.left, div.recentlyViewed button.right, div.productViewer button.left, div.productViewer button.right {background-position:center;background-repeat:no-repeat;border:none;position:absolute;height:17px;width:17px;top:122px;} div.recentlyViewed button.left, div.productViewer button.left {background-image:url(../img/btn/cntL.gif);left:9px;} div.recentlyViewed button.right, div.productViewer button.right {background-image:url(../img/btn/cntR.gif);left:444px;} /* promoModules, used on various pages to call attention to a theme, product, campaign, etc. */ /* The view style (its stored atom value) used in CQ's design mode sets the class name of that promoModule's DIV, i.e. theme promo modules are selected with .promoModule .theme because "theme" is the atom value of ViewStyle. */ /* Common elements across promoModules */ .promoModule {margin:0;padding:0;display:block;position:relative;width:230px;height:230px;float:left;overflow:hidden;background:url(../img/bg/box2a.jpg) no-repeat;} .promoModule img.main {margin:0;padding:0;display:block;position:absolute;width:223px;height:190px;top:36px;left:3px;overflow:hidden;background-repeat:no-repeat;z-index:2;} /* boxedsnippet */ .promoModule .boxedsnippet h4 {font-size:13px;line-height:14px;color:#393;margin:0;padding:0;position:absolute;top:44px;left:12px;z-index:3;} .promoModule .boxedsnippet h4 small {font-size:11px;} .promoModule .boxedsnippet p.small {font-size:10px;line-height:14px;font-style:normal;color:#999;margin:0;padding:0;position:absolute;top:58px;left:12px;z-index:3;} /* .promoModule .boxedsnippet p.top, */ .promoModule .boxedsnippet p.desc, .promoModule .boxedsnippet p.link {font-size:12px;line-height:14px;color:#999;margin:0;padding:0;position:absolute;width:206px;top:44px;left:12px;z-index:3;} .promoModule .boxedsnippet p.desc {top:156px;} .promoModule .boxedsnippet p.link {top:208px;} .promoModule .boxedsnippet p a {font-weight:bold;} /* theme and split message, with link getting slightly different treatment */ .promoModule .theme p.link, .promoModule .theme p.desc, .promoModule .splitmessage p.link, .promoModule .splitmessage p.desc {font-size:12px;line-height:14px;color:#999;margin:0;padding:0;position:absolute;width:206px;top:44px;left:12px;z-index:3;} .promoModule .theme p.link {top:208px;} .promoModule .splitmessage p.link {top:196px;text-align:right;left:10px;} .promoModule .splitmessage p.link em {color:red;font-size:larger;font-style:normal;font-weight:bold;} .promoModule .theme p a, .promoModule .splitmessage p a {font-weight:bold;} .promoModule .splitmessage p.link a {color:#5AB439;} /* productViewer */ div.productViewer {margin:0;padding:0;display:block;position:relative;width:472px;height:230px;float:left;background:url(../img/bg/box1b.jpg) no-repeat;} div.productViewer ul li {margin:0;padding:0;display:block;position:relative;height:190px;float:left;left:4px;top:11px;} div.productViewer ul li div.productSnippet {text-align:left;margin:0;padding:0;display:block;position:relative;width:402px;height:190px;} div.productViewer ul li div.productSnippet img {margin:5px 0 0 0;padding:0;position:relative;width:220px;height:170px;bottom:0;float:left;} div.productViewer ul li div.productSnippet h4 {font-size:14px;line-height:15px;color:#3f9735;margin:0;padding:30px 0 0 0;display:block;position:relative;width:auto;} div.productViewer ul li div.productSnippet h4 small {font-size:11px;} div.productViewer ul li div.productSnippet p {font-size:11px;line-height:14px;color:#666;margin:0;padding:12px 0;display:block;position:relative;width:auto;} div.productViewer ul li div.productSnippet a {text-align:left;font-size:11px;font-weight:bold;margin:0;padding:0;display:block;position:relative;width:auto;} div.productViewer ul li div.productSnippet a:hover {color:#5AB439;text-decoration:none;} /* RelatedCategorySearch component, a folder-tabbed style navigational element used on the product detail and search result pages. Requires JS hack to get IE to work. */ .relatedCategorySearch {list-style:none;margin:0;padding:4px 0 0 10px;position:relative;display:block;width:auto;height:30px;overflow:visible;border: 1px solid #D1D1D1;background:#f3f3f3 url(/global/img/bg/bg_searchresult.jpg) repeat-x 0 -60px;} .relatedCategorySearch li {list-style:none;text-indent:-16px;margin:0 0 0 0;padding:5px 0 10px 16px;display:block;position:relative;width:auto;top:1px;float:left;background:url(../img/misc/tabproffL.gif) no-repeat left top;} .relatedCategorySearch li.selected {list-style:none;text-indent:-16px;display:block;position:relative;width:auto;top:1px;float:left;background:url(../img/misc/tabpronL.gif) no-repeat left top;z-index:1;} .relatedCategorySearch li a {font-weight:bold;color:#393;margin:0;padding:5px 38px 10px 0;display:inline;position:relative;top:0;left:16px;background:url(../img/misc/tabproffR.gif) no-repeat right top;} .relatedCategorySearch li.results {text-indent:0;padding:10px 10px 0 0;display:block;position:relative;width:auto;height:auto;float:right;background-image:none;} .relatedCategorySearch li.results a {color:#393;margin:0;padding:0;left:0;background-image:none;} .relatedCategorySearch li, .relatedCategorySearch li.selected {font-size:12px;line-height:14px;text-indent:0;margin:5px 0 0 0;padding:0;background:transparent none;} .relatedCategorySearch li a {font-weight:normal;color:#666;margin:0;padding:0 10px;border:none;background:transparent none;} .relatedCategorySearch li.selected a {font-weight:bold;color:#393;margin:0;display:inline;position:relative;top:0;left:16px;text-decoration:none;} .relatedCategorySearch li a:hover {color:#f93;text-decoration:underline;} .productDetailSearch .relatedCategorySearch {border:none; border-bottom: 1px solid #D1D1D1;} /* HOME PAGE */ #page.home #features div.featuredContent, #page.home #features div.featuredFlashContent {margin:0;*margin-right:-10px;padding:0;display:block;position:absolute;width:690px;height:285px;top:0;right:0;float:right;z-index:1;} #page.home #features #hero-meta {display:none;} /* Features - Quickfinder */ #page.home #features div.quickfinder {margin:16px 0 0 8px;padding:0;display:block;position:relative;width:264px;height:260px;top:0;float:left;border:1px solid #BBB;background:#c7d9f1 url(../img/bg/bg_giftfinder.gif) no-repeat left bottom;} * html #page.home #features div.quickfinder {margin:16px 0 0 0;left:8px;} #page.home #features div.quickfinder h2 {font-size:18px;line-height:22px;font-weight:normal;color:#FFF;margin:0;padding:6px 8px 2px 8px;border:none;background:#BBB url(../img/bg/fadeSRhd.gif) repeat-x left top;} #page.home #features div.quickfinder form {margin:12px 16px 0 16px;*margin-top:8px;padding:0;display:block;position:relative;width:auto;height:auto;} #page.home #features div.quickfinder form fieldset {margin:0;padding:4px 0 2px 0;*padding:4px 0;display:block;position:relative;width:auto;height:auto;border:none;background:none;} #page.home #features div.quickfinder form fieldset legend {font-size:15px;line-height:18px;font-weight:bold;color:#7eabba;text-indent:0;margin:0;*margin:0 0 0 -6px;padding:0 0 2px 0;display:block;position:relative;height:auto;} #page.home #features div.quickfinder form fieldset ol {list-style:none;margin:0;padding:0;} #page.home #features div.quickfinder form fieldset ol li {line-height:20px;margin:0;padding:0 0 8px 0;*padding-bottom:4px;width:100%;float:left;clear:left;} html>body #page.home #features div.quickfinder form fieldset ol li {*padding-bottom:8px;} #page.home #features div.quickfinder form fieldset ol li label {font-size:11px;color:#7eabba;text-align:right;padding:0;display:block;width:44px;float:left;} #page.home #features div.quickfinder form fieldset ol li select {font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:20px;color:#666;margin:0;padding:0;position:relative;height:18px;left:1px;border:1px solid:#96C28F;} * html #page.home #features div.quickfinder form fieldset ol li select {height:20px;} #page.home #features div.quickfinder form fieldset ol li select#age {width:100px;} #page.home #features div.quickfinder form fieldset ol li select#skills {width:180px;} * html #page.home #features div.quickfinder form fieldset ol li select#skills {width:174px;} #page.home #features div.quickfinder form fieldset ol li select#products, #page.home #features div.quickfinder form fieldset ol li select#interested {width:228px;} #page.home #features div.quickfinder form fieldset ol li span {margin:0;padding:1px;display:inline;position:relative;float:right;top:0;border:1px solid #e7edf3;*border:none;background-color:#cdd9d9;*background-color:#e7edf3;} #page.home #features div.quickfinder form fieldset ol li span input {font-size:12px;font-weight:bold;text-decoration:none;text-transform:uppercase;color:#FFF;margin:0;padding:1px 7px;display:block;position:relative;width:auto;height:auto;border:1px solid #FFF;*border:1px solid #cdd9d9;background:#FFF url(../img/bg/btGrn.gif) repeat-x center center;} #page.home #features div.quickfinder form fieldset ol li span input:hover, #page.home #features div.quickfinder form fieldset ol li span input.ieHover {background-position:center -2px;} /* Main Section - Quick Links */ #page.home #mainSection div.quicklinks_expanded {display:block;position:relative;width:230px;height:466px;left:0;float:left;overflow:hidden;background:#5abc4d url(../img/bg/box3a.jpg) no-repeat 0 0;} #page.home #mainSection div.quicklinks_expanded img.hd {margin:10px 0 0 0;padding:0;display:block;position:relative;top:2px;left:3px;background-image:none;} #page.home #mainSection div.quicklinks_expanded ul {list-style-type:none;margin:10px 5px 0 5px;padding:0;width:220px;} #page.home #mainSection div.quicklinks_expanded ul li div.invisible {font-size:11px;line-height:14px;color:#666;margin:0;padding:1px 0;width:220px;height:35px;} #page.home #mainSection div.quicklinks_expanded ul li div.visible {margin:0;padding:0;height:243px;background:url(../img/bg/box3hd_open.jpg) no-repeat 0px -27px;} #page.home #mainSection div.quicklinks_expanded ul li h3 {font-size:15px;line-height:35px;color:#999;text-indent:14px;margin:0;padding:0;background:url(../img/bg/box3hd.jpg) no-repeat left top;} #page.home #mainSection div.quicklinks_expanded ul li h3 a, #page.home #mainSection div.quicklinks_expanded ul li h3 a:hover {color:#393;text-decoration:none;} #page.home #mainSection div.quicklinks_expanded ul li h3 a.myMore {position:relative;left:6px;font-size:13px;} #page.home #mainSection div.quicklinks_expanded ul li div.invisible div.featuredProduct {display:none;} #page.home #mainSection div.quicklinks_expanded ul li div.visible div.featuredProduct {margin:0;padding:0;display:block;top:0;clear:both;} #page.home #mainSection div.quicklinks_expanded ul li div.visible div.featuredProduct div.productSnippet {margin:0 5px 0 15px;padding:0;top:0;} #page.home #mainSection div.quicklinks_expanded ul li div.visible div.featuredProduct div.productSnippet img {margin:14px 0;width:91px;height:70px;float:right;clear:right;} #page.home #mainSection div.quicklinks_expanded ul li div.visible div.featuredProduct div.productSnippet h4 {font-size:12px;line-height:14px;color:#393;margin:0;padding:10px 0 6px 0;} #page.home #mainSection div.quicklinks_expanded ul li div.visible div.featuredProduct div.productSnippet h4 small {font-size:11px;} #page.home #mainSection div.quicklinks_expanded ul li div.visible div.featuredProduct div.productSnippet p {font-size:10px;line-height:14px;margin:0 0 6px 0;padding:0;} #page.home #mainSection div.quicklinks_expanded ul li div.visible div.featuredProduct div.productSnippet ul {line-height:14px;margin:0;padding:0;display:inline;} #page.home #mainSection div.quicklinks_expanded ul li div.visible div.featuredProduct div.productSnippet ul li {line-height:14px;margin:0;padding:0;display:inline;background:none;} #page.home #mainSection div.quicklinks_expanded ul li div.visible div.featuredProduct div.productSnippet ul.pipeDelimited li {line-height:12px;margin:0;padding:0 4px 0 8px;border-color:#393;} #page.home #mainSection div.quicklinks_expanded ul li div.visible div.featuredProduct div.productSnippet ul.pipeDelimited li.first {padding-left:0;} #page.home #mainSection div.quicklinks_expanded ul li div.visible div.featuredProduct div.productSnippet ul li a {line-height:14px;margin:0;padding:0;} #page.home #mainSection div.quicklinks_expanded ul li div.visible div.featuredProduct div.productSnippet ul li.overview, #page.home #mainSection div.quicklinks_expanded ul li div.visible div.featuredProduct dl, #page.home #mainSection div.quicklinks_expanded ul li div.visible div.featuredProduct div.submitBtn {display:none;} /* Shop by age */ #page.home #mainSection div.quicklinks_colored {display:block;position:relative;height:230px;float:left;overflow:hidden;background-repeat:no-repeat;width:230px;background-image:url(../img/bg/box2c.jpg);} #page.home #mainSection div.quicklinks_colored img.hd {margin:10px 0 0 0;padding:0;display:block;position:relative;width:230px;height:24px;top:2px;left:3px;background-image:none;} #page.home #mainSection div.quicklinks_colored ul {list-style-type:none;margin:6px 5px 0 5px;padding:0;width:220px;} #page.home #mainSection div.quicklinks_colored ul li {font-size:11px;line-height:27px;font-weight:bold;color:#FFF;text-align:left;vertical-align:baseline;margin:1px 1px 2px 1px;padding:0 5px 0 0;display:block;} #page.home #mainSection div.quicklinks_colored ul li a {color:#FFF;padding:0 5px 0 0;display:block;width:209px;height:27px;border:1px solid #FFF;background-color:#393;background-repeat:no-repeat;background-position:left bottom;} #page.home #mainSection div.quicklinks_colored ul li a:hover {background-image:none;text-decoration:none;} #page.home #mainSection div.quicklinks_colored ul li a em {font-size:18px;line-height:27px;font-weight:normal;font-style:normal;text-indent:5px;display:block;position:relative;} #page.home #mainSection div.quicklinks_colored ul li#q-infant a {background:#fdb158 url(../img/bg/ql_fdb158.gif);} #page.home #mainSection div.quicklinks_colored ul li#q-toddler a {background:#89caf2 url(../img/bg/ql_89caf2.gif);} #page.home #mainSection div.quicklinks_colored ul li#q-preschool a {background:#91d698 url(../img/bg/ql_91d698.gif);} #page.home #mainSection div.quicklinks_colored ul li#q-k2 a {background-color:#c9c url(../img/bg/ql_cc99cc.gif);} #page.home #mainSection div.quicklinks_colored ul li#q-35 a {background:#8bd8d8 url(../img/bg/ql_8bd8d8.gif);} #page.home #mainSection div.quicklinks_colored ul li#q-612 a {background:#c74552 url(../img/bg/ql_c74552.gif);} /* The imgGallery provides a horizontally-scrolling list of (product) thumnbnails. Currently used on product detail page only. */ div.imgGallery {margin:0 auto;padding:0;width:320px;overflow-x:scroll;} div.imgGallery div.galleryListProdDetail {white-space:nowrap;list-style:none;margin:0;padding:0;width:640px;height:64px;background-image:none;} div.imgGallery {scrollbar-face-color:#f0f0f0;scrollbar-shadow-color:#f0f0f0;scrollbar-highlight-color:#f0f0f0;scrollbar-3dlight-color:#fafafa;scrollbar-darkshadow-color:#848484;scrollbar-track-color:#f6f6f6;scrollbar-arrow-color:#393;} div.imgGallery div.galleryListProdDetail img {margin:0 4px;padding:0;width:70px;height:54px;float:left;border:1px solid #CCC;background-color:#FFF;} div.imgGallery div.galleryListProdDetail img.selected {border-color:#F93;} .lf-selectList {width:150px;height:21px;vertical-align:middle;} #comparator.lf-selectList {margin:5px 0 0 3px;} #qf-ages.lf-selectList {width:100px;} #qf-skills.lf-selectList {width:180px;} #qf-products.lf-selectList {width:229px;} #qf-types.lf-selectList {width:229px;} .lf-selectList .lf-listBox table{width:100%;vertical-align:middle;overflow:hidden;} .lf-selectList .lf-listBox table tr {background:url("../img/bg/btTan.gif") repeat-x;height:21px;} .lf-selectList .lf-listBox .lf-listBoxHead {font-family:Arial;font-size:12px;background:url("../img/bg/slctBtn.gif") no-repeat 99%;padding:1px 20px 1px 5px;white-space:nowrap;border:1px solid #96c28f;} .lf-dropDown {position:inherit;z-index:1000;} .lf-dropDown table {overflow:hidden;background-color:#FFF;border:1px solid #666;border-top-width:0;width:inherit;} .lf-dropDown .lf-dropDownItem {height:18px;white-space:nowrap;} .lf-dropDown .lf-dropDownItem-selected {background:#5cb43a url("../img/bg/navtli.jpg") left no-repeat;color:#FFF;} .hero-panel {width:690px;height:284px;} /* general layout settings section defintions as for header, footer, content, columns */ #header {margin:0 auto;padding:0;display:block;position:relative;width:974px;height:110px;clear:both;background:url(../img/bg/navt.jpg) no-repeat left top;overflow:visible;z-index:999;} #page, #page.home, #page.home2008, #page.productDetailSearch, #page.searchResults, #page.myAcctEdit {margin:0 auto;display:block;position:relative;width:974px;height:100%;background:none;z-index:1;} #page.international, #page.internationalDist, #page.productDetail, #page.productSubmit, #page.productTestimonial, #page.siteMap {background:url(../img/bg/fade.jpg) no-repeat;} #page.productDetail {background-position:right 28px;} #page.international, #page.internationalDist, #page.productSubmit {background-position:right 14px;} #page.international, #page.internationalDist, #page.productSubmit, #page.productTestimonial, #page.siteMap {background-position:right top;} div.col_1, div.col_2, div.columnSingle {display:block;position:relative;height:auto;overflow:hidden;} div.col_1 {width:240px;top:24px;float:left;} div.col_2 {width:700px;min-height:250px;float:right;} div.columnSingle {width:810px;left:100px;} /* overrides for theme pages which still have a col_2 for consistency */ #page.theme2 div.col_2, #page.theme1 div.col_2 {width:auto;float:none;} /* temp hack for theme1 pages to hide col_1 in IE7 that is displayed erroneously*/ *:first-child+html #page.theme1 div.col_1 {margin:0;padding:0;width:0;} *:first-child+html #page.theme1 div.col_2 {width:974px;} /* overrides for product detail page since two column layout is nested inside another element */ #page.productDetail div.col_1 {width:450px;float:left;} #page.productDetail div.col_2 {width:494px;float:right;} #page.international div.col_1, #page.internationalDist div.col_1, #page.productSubmit div.col_1, #page.myAcctEdit div.col_1 {margin:0;padding:0;height:auto;top:14px;} #page.productDetailSearch div.col_2 {margin-top:10px;} div.centered {text-align:center;} #footer {margin:18px auto;display:block;width:974px;height:48px;z-index:999;} /* PAGES */ #page.content div.col_1 ul.nav {font-family:Arial,Helvetica,sans-serif;border:1px solid #eaeaea;text-indent:0;list-style-type:none;margin:0;padding:2px 0 0 0;display:block;position:relative;left:0;background:none;} #page.content div.col_1 ul.nav li {font-size:11px;line-height:20px;font-weight:normal;color:#666;text-indent:0;margin:0;padding:0;} #page.content div.col_1 ul.nav li a {font-weight:bold;color:#393;text-decoration:none;margin:0;padding:0 4px 0 16px;display:block;position:relative;height:20px;} #page.content div.col_1 ul.nav li h3 {font-size:14px;line-height:24px;color:#393;text-indent:0;margin:0;padding:0;display:block;position:relative;border-bottom:1px solid #DDD;} #page.content div.col_1 ul.nav li h3 a {padding:1px 4px 1px 16px;} #page.content div.col_1 ul.nav li.hasMore ul a {padding:0px 4px 1px 5px;border:none;} #page.content div.col_1 ul.nav li h3 a {color:#393;height:24px;} #page.content div.col_1 ul.nav li h3 a:hover {color:#FFF;text-decoration:none;} #page.content div.col_1 ul.nav li a:hover, #page.content div.col_1 ul.nav li ul li a:hover, #page.content div.col_1 ul.nav li.selected ul li a:hover, #page.content div.col_1 ul.nav li ul li ul li a:hover, #page.content div.col_1 ul.nav li ul li.selected ul li a:hover {color:#FFF;text-decoration:none;background:#5AB439 url(../img/bg/navtli.jpg) repeat-y left top;} #page.content div.col_1 ul.nav li ul, #page.content div.col_1 ul.nav li ul li ul {margin:0;padding:0;height:auto;border:none;} #page.content div.col_1 ul.nav li ul li, #page.content div.col_1 ul.nav li ul li.inactive {text-indent:12px;padding:0 0 0 -12px;} #page.content div.col_1 ul.nav li ul li a, #page.content div.col_1 ul.nav li ul li ul li a, #page.content div.col_1 ul.nav li.selected ul li a, #page.content div.col_1 ul.nav li.selected ul li ul li a, #page.content div.col_1 ul.nav li ul li.selected ul li a {color:#393;text-decoration:none;} #page.content div.col_1 ul.nav li ul li ul li.inactive, #page.content div.col_1 ul.nav li.selected ul li ul li {text-indent:24px;padding:0 0 0 -24px;} #page.content div.col_1 ul.nav .selected, #page.content div.col_1 ul.nav .selected a, #page.content div.col_1 ul.nav .selected a:hover {color:#f93;background:none;} #page.content div.col_1 ul.nav .selected a:hover {color:#ffbb55;} #page.content div.col_1 ul.nav .selected li a:hover {color:#393;text-decoration:none;} #page.content div.col_1 ul.nav .selected li a:hover {color:#5AB439;text-decoration:none;} #page.content div.col_1 ul.nav .inactive, #page.content div.col_1 ul.nav .inactive a, #page.content div.col_1 ul.nav .inactive a:hover {color:#999;text-decoration:none;} #page.content div.col_1 ul.nav li span {display:block;position:relative;border-top:1px solid #DDD;} #page.content div.col_1 ul.nav li span h4, #page.content div.col_1 ul.nav li span p {font-size:11px;line-height:14px;font-weight:normal;color:#666;text-indent:0;margin:0;padding:0 4px 0 16px;border:none;} #page.content div.col_1 ul.nav li span h4 {padding-top:6px;border-top:1px solid #FFF;} #page.content div.col_1 ul.nav li span p a {font-weight:normal;color:#393;margin:0;padding:0;display:inline;} #page.content div.col_1 ul.nav li span p a:hover {color:#5AB439;text-decoration:underline;background:none;} /* main content */ /* Fix IE drop-down menu