/* ========= 1.0 UNIVERSAL RESETS 2.0 GENERIC CLASSES 3.0 GENERAL STRUCTURE 4.0 HEADINGS 5.0 BRANDING 6.0 LINKS 7.0 PARAGRAPHS 8.0 BLOCKQUOTES AND CITATIONS 9.0 FORMS 10.0 LISTS 11.0 TABLES 12.0 MISC PRESENTATION ELEMENTS 13.0 IMAGES 14.0 META 15.0 ACCESSIBILITY 16.0 PAGE SPECIFIC light green: #7FB833 dark green: #588123 blue gray: #535D58 ========= */ /* 1.0 UNIVERSAL RESETS ------------------------------------------ */ /* 2.0 GENERIC CLASSES ------------------------------------------ */ /* 3.0 GENERAL STRUCTURE ------------------------------------------ */ /* Dropdowns */ .selectedText {background-image: url(/images/home/bg-dropdown.gif);} .selectedText .selectedTextInner { background-image: url(/images/home/bg-dropdownArrow.gif); } #flashWrapper {margin-left:2px;} #tabsOuter {margin:0; padding: 12px 0 0 16px; line-height:1.5em;} #tabNav {position:relative;} #outerWrapper {width:931px; background-image:url(/images/home/tabsWrapper.gif); background-repeat:repeat-y; background-position:top left; } #newsBottom {width:931px; background-image:url(/images/home/newsBottom.gif); background-repeat:no-repeat; background-position:bottom right;} #fadeWrapper {float:left; width:624px; } #tabTop {width:624px; height:6px; background-image:url(/images/home/tabTop.gif); background-repeat:no-repeat; background-position: top left;} #tabInner {position:relative; width:612px; } #newsBottom #tabInner { padding: 20px 0; } #tabBottom {width:624px; height:14px; background-image:url(/images/home/tabBottom.gif); background-repeat:no-repeat; background-position:top left;} #newsroom {float:left; width:307px; min-height:435px;} #newsTop {width:307px; height:44px; background-image:url(/images/home/newsTop.gif); background-repeat:no-repeat; background-position:top left;} #tabInner #leftCol {float:left;width:239px; padding:15px 28px 3px 28px;} #tabInner #rightCol {float:left;width:267px; padding:15px 0 3px 28px; background-image:url(/images/gui/bg-ourStoryVertRule.gif); background-repeat:no-repeat; background-position:left 10px;} #inspirationTab #rightCol { padding-right: 0; width: 267px; } #fromOurBlogs {padding-bottom:10px;} #ourstoryTab #rightCol, #communityTab #rightCol, #inspirationTab #rightCol, #innovationTab #rightCol {min-height:348px;} #subcategoryBox { position:relative; left:-80px; font-size: 80%; } #subcategoryBox .menuTitle { background: #FFF url(/images/products/bg-subcategoryTitle.gif) no-repeat 0 0; width: 74px; height: 20px; } #subcategoryBox .selectedText { position: absolute; top: -2px; left: 78px; width: 142px; } #bloggerProfile {display:block; margin:10px 0;} #features {padding:5px 0 4px 16px; } #features #newProducts {float:left; margin-right:3px;} #features #sundayCircular {float:left; margin-right:3px;} #features #anIdea, #features #needHelp {float:left; margin-right:3px;} #features #anIdea { } #features #needHelp { } #rightCol .blogBlurb { font-size: 90%; line-height: 1.5em; } #rightCol span.blogSubject{display:block; font-weight:bold; font-size:12px;} #rightCol span.blogBlurb{font-weight:normal; margin:10px 0 14px 0; text-decoration:none;} /* 4.0 HEADINGS ------------------------------------------ */ #tabInner h2#allAboutYou, #tabInner h2#youInspireUs, #tabInner h2#realInnovations, #tabInner h2#communityAtInsignia {height:29px; margin:0 0 0 26px;} #tabInner h2#allAboutYou {width:261px; background:transparent url(/images/gui/bg-h1-allAboutYou.gif) no-repeat 0 0;} #tabInner h2#youInspireUs {width:339px; background:transparent url(/images/gui/bg-h1-inspireUs.gif) no-repeat 0 0;} #tabInner h2#realInnovations {width:426px; background:transparent url(/images/gui/bg-h1-realInnovations.gif) no-repeat 0 0;} #tabInner h2#communityAtInsignia {width:233px; height:26px; background-image:url(/images/home/h1/communityAtInsignia.gif); background-repeat:no-repeat; background-position: top left;} #tabInner h3#inspiredMinds {margin-bottom:10px; width:243px; height:24px; background:transparent url(/images/gui/bg-h2-inspiredMinds.gif) no-repeat 0 0;} #tabInner h3#involved {width:191px; height:14px; margin:7px 0 15px 0; background-image:url(/images/home/h2/getInvolved.gif); background-repeat:no-repeat; background-position: top left;} #tabInner h3#discussions {width:208px; height:14px; margin:25px 0; background-image:url(/images/home/h2/viewDiscussions.gif); background-repeat:no-repeat; background-position: top left;} #tabInner h3#fromBlogs {display:block; float:left; width:150px; height:21px; background-image:url(/images/home/h2/fromOurBlogs.gif); background-repeat:no-repeat; background-position: top left;} #bloggerProfile h3, #bloggerProfile h4 {position:relative; top:10px;} #newsroom h2#fromNewsroom {width:307px; height:44px; background:transparent url(/images/home/newsTop.gif) no-repeat top left;} #newsroom h3#inTheNews {width:110px; height:20px; margin:15px 0 15px 17px; background: transparent url(/images/home/inTheNews.gif) no-repeat top left;} #newsroom h3#pressReleases {width:130px; height:20px; margin:15px 0 15px 17px; background-image:url(/images/home/h2/pressReleases.gif); background-repeat:no-repeat; background-position: top left;} #features #newProds h3 {width:0; height:0;} /* 5.0 BRANDING ------------------------------------------ */ /* 6.0 LINKS ------------------------------------------ */ #ourstoryLink, #communityLink, #inspirationLink, #innovationLink {width:97px; height:26px; display:block; background-image:url(/images/home/ourStoryTabsNav.gif); background-repeat:no-repeat; position: relative;} #tabNav a#ourstoryLink {background-position:0 0; z-index:13;} #tabNav a#communityLink {background-position:-98px 0; z-index:12;} #tabNav a#inspirationLink {background-position:-196px 0; z-index:11;} #tabNav a#innovationLink {background-position:-294px 0; z-index:10;} #tabNav a#ourstoryLink:hover {background-position:0 -34px;} #tabNav a#communityLink:hover {background-position:-98px -34px;} #tabNav a#inspirationLink:hover {background-position:-196px -34px;} #tabNav a#innovationLink:hover {background-position:-294px -34px;} #tabNav a.selected#ourstoryLink {background-position:0 -68px;} #tabNav a.selected#communityLink {background-position:-98px -68px;} #tabNav a.selected#inspirationLink {background-position:-196px -68px;} #tabNav a.selected#innovationLink {background-position:-294px -68px;} #os_bbylink {display:block; width:252px; height:138px; background:transparent url(/images/story/best-buy-insignia.gif) no-repeat 0 0;} #ourstoryTab .wide_joinTheCommunity, #ourstoryTab .wide_innovateNow, #ourstoryTab .wide_beInspired, #inspirationTab #os_inspirelink, #innovationTab #os_innovatelink {background: transparent url(/images/gui/bg-ourStoryLinks.gif) no-repeat 0 0; width:257px; height:27px; margin-top:10px; } #ourstoryTab .wide_joinTheCommunity {background-position:0 0; margin-top:20px;} #ourstoryTab .wide_beInspired {background-position:-261px 0;} #ourstoryTab .wide_innovateNow {background-position:-524px 0;} #inspirationTab #os_inspirelink {width:183px; background-position:-261px -54px;} #innovationTab #os_innovatelink {width:183px; background-position:-524px -54px;} #ourstoryTab .wide_joinTheCommunity:hover {background-position:0 -29px;} #ourstoryTab .wide_beInspired:hover {background-position:-261px -29px;} #ourstoryTab .wide_innovateNow:hover {background-position:-524px -29px;} #inspirationTab #os_inspirelink:hover {background-position:-261px -83px;} #innovationTab #os_innovatelink:hover {background-position:-524px -83px;} #communityTab a#engageOthers {display:block; width:100px; height:53px; background-image:url(/images/home/engageOthers.gif);} #communityTab a#engageUs {display:block; width:100px; height:53px; background-image:url(/images/home/engageUs.gif);} #communityTab a#shareYourStory{display:block; width:100px; height:53px; background-image:url(/images/home/shareStory.gif);} #communityTab a#participate {display:block; width:100px; height:53px; background-image:url(/images/home/participate.gif);} #communityTab #rightCol #viewAll, #innovationTab #rightCol #viewAll {display:block; position:relative; top:7px; left:10px; float:left; width:56px; height:10px; background-image:url(/images/home/viewAll.gif);} #communityTab a#joinTheConversation {display:block; width:184px; height:28px; background: transparent url(/images/gui/bg-joinTheConversation.gif) no-repeat 0 0;} #communityTab a#joinTheConversation:hover {background-position:0 -29px;} #inspirationTab a#watchMoreVideos {position:relative; top:10px; color:#535D58; text-decoration:none;} #newsroom #newsViewAll { position:absolute; top:53px; left:860px; text-decoration:none; color:#fff; } #newsroom ul li a {color:#525D58;} #newsroom ul li a:hover {color:#7FB833;} #features a {display:block;} #features #anIdea a, #features #needHelp a {background: transparent url('/images/featureLinks.gif') no-repeat 0 0; width:309px; height:112px;} #features #sundayCircular a {background: transparent url('/images/sundayCircular.gif') no-repeat 0 0; height:112px;width:309px;} #features #sundayCircular a:hover {background-position: 0 -121px;} #features #newProducts a {background: transparent url('/images/featureLinks.gif') no-repeat -4px -3px; width:309px; height:111px;} #features #newProducts a:hover {background-position: -4px -118px;} #features #anIdea a {background-position:-320px -3px;} #features #needHelp a {background-position:-636px -3px;} #features #anIdea a:hover {background-position: -320px -118px;} #features #needHelp a:hover {background-position: -636px -118px;} a.blogLink {text-decoration:none; color:#525D58;text-decoration:underline;} a.blogLink:hover { color: #7FB833; } a.blogLink span.blogSubject {} span.dateStamp {text-decoration:none; display: block; margin-bottom: 1em;} /* 7.0 PARAGRAPHS ------------------------------------------ */ #ourstoryTab p, #communityTab p, #inspirationTab p, #innovationTab p, #newsroom p {margin-bottom:1em; position:relative;} /* 8.0 BLOCKQUOTES AND CITATIONS ------------------------------------------ */ /* 9.0 FORMS ------------------------------------------ */ /* 10.0 LISTS ------------------------------------------ */ #tabNav ul {width:500px; height:26px; list-style: none;} #tabNav ul li {float: left; display: inline; margin-right: -7px;} #ourstoryTab ul li, #communityTab ul li{list-style-type:none;} #communityTab ul li {display:block; float:left;} #newsroom ul {padding: 0 17px; list-style: none; } #newsroom ul li {margin-bottom:15px;} #subcategoryMenu { list-style: none; position: absolute; top: 21px; left: 80px; border: 1px solid #BDBBBD; background: #FFF url(/images/products/bg-thumbGradientGray.jpg) repeat-x left bottom; width: 112px; display: none; } #subcategoryMenu li { padding: 0; } #features #newProds ul {list-style-type:none; display:block; width:100px;} #features #newProds ul li {display:block; height:68px; width:290px; float:left; margin:0 8px 0 6px;} /* 11.0 TABLES ------------------------------------------ */ /* 12.0 MISC PRESENTATION ELEMENTS ------------------------------------------ */ .linkTitle { display: block; font-weight: bold; } .linkDesc { margin-left: 55px; } .pseudoH4 {display:block;font-weight:bold;line-height:1.3em; } .pseudoP {line-height:1.3em;} #tabInner hr.horzRule, #tabInner hr.horzRule2 { width: 239px; margin: 1em 0; } hr.horzRule, hr.horzRule2 {border:0; background-color: #FFF; width:264px; height:1px; margin-left:20px; background-image:url(/images/home/hr.gif); background-position: 50% 50%;} hr.horzRule2 {margin:0 0 15px 0;} .dateStamp {display:block; font-size:9px; font-style:italic; color:#535D58; text-decoration:none;} #communityTab p.hasStamp, #newsroom p.hasStamp {width:260px; margin:0 0 14px 16px;} /* 13.0 IMAGES ------------------------------------------ */ #bloggerPortrait {display:block; float:left; margin:0 10px 0 0;} #newsroom ul li img {float:left; display: block; margin:0 18px 5px 0; } /* 14.0 META ------------------------------------------ */ /* 15.0 ACCESSIBILITY ------------------------------------------ */ /* 16.0 PAGE SPECIFIC ------------------------------------------ */