/* ----------------------------------------------------------------------- Blueprint CSS Framework 0.7.1 http://blueprintcss.googlecode.com * Copyright (c) 2007-2008. See LICENSE for more info Colours: ---------- Below is a listing of the common colours used throughout the site, and their descriptions. - Green #4b7619 - Pastel Green #d1e3b6 - Dark Green #365512 - Orange #d97b15 - Blue #516868 =============================================================== Includes: ---------- This section includes all of the other files for the website. ----------------------------------------------------------------------- */ @import "src/reset.css"; /* reset.css: reverts all browsers to a common look and feel */ @import "src/typography.css"; /* typography.css: includes all typographic styles */ /*@import "src/grid.css"; /* grid.css: provides classes for grid alignment */ @import "src/forms.css"; /* forms.css: provides styles and classes for forms */ /* Typographical Styles */ h1, h2, h3, h4 { font-size: 18pt; color:#4b7619; font-weight: bold; font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif; } h2, h3 { font-size: 12pt; } h3 { color: #d97b15; } h4 { color: #666; font-size: 11pt;} h5 { color: #333; } p, li { font-size: 9pt; font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif; color: #666;} blockquote { font-size: 10pt; font-family: "Hoefler Text", Palatino, "Palatino Linotype", Baskerville, Georgia, Times, "Times New Roman", serif; } a { color: #444; outline: none; } a:hover { text-decoration: none; color: #444; } #aside h3 { margin: 0 0 15px 10px;} textarea { font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif; } dfn { cursor: help; } /* HTML Styles */ body { margin: 0; padding: 0;} fieldset, #search #results { border: 1px solid #ccc; padding: 0; } fieldset h2, #search #results h2 { background: url('images/bg_wishlistH2.gif') left top repeat-x #516868; color: #fff; padding: 2px 5px; border-bottom: 1px solid #333; margin: 0 0 20px 0;} legend { padding: 0 5px; margin: 0; } fieldset ul { list-style: none; margin: 0 20px 20px 20px; padding: 0; } fieldset p { padding: 0 20px;} fieldset ul li { margin: 0 0 5px 0; } fieldset ul li span { font-size: 8pt; color: #aaa; } label { display: block; font-weight: normal; color: #666; font-size: 8pt; float: left; min-width: 100px; width: auto!important; width: 100px; margin: 0 5px 0 0; } fieldset input, fieldset select, fieldset textarea { background: #eee; border: 1px solid; border-color: #333 #ccc #ccc #333; color: #666; font-size: 8pt; padding: 2px 5px; margin: 0 5px 0 0;} fieldset select { padding: 0; } fieldset #prefix, fieldset #province { width: 75px; } fieldset option { padding: 2px 5px; } fieldset textarea { width: 500px; height: 150px; font-size: 9pt; padding: 0; } form table { padding: 0 20px 20px; } form table textarea { width: 300px; } form table textarea#comments { width: 500px; } form table td { padding: 2px 5px; border: none; vertical-align: top; } form table td.element { width: 160px; } form table { margin: 0; } form table td.buttons { text-align: center!important; } form ul.errors { width: 150px; margin: 2px 0 0 5px; border: 2px solid #f00; background: #fcc; padding: 2px 15px 2px 20px; list-style: disc; text-align: left; } form ul.errors li { color: red!important; font-size: 8pt; margin: 0; } /* ID Styles */ #container, #header, #main, #footer, #legals { width: 786px; } #header, #main, #aside, #content, #crosslinks, #footer, #legals { float: left; } #container { margin: 0 auto; } #header { position: relative; height: 185px; background: url('images/bg_header.jpg') left top no-repeat #4c771a;} #header h1 a { font-size: 42pt; width: 700px; height: 80px; float: left; position: relative; color: #fff; top: 45px; left: 40px; padding: 10px 0 0 0; text-indent: -9999px; } #header h1 span.tagline { font-size: 20pt; } #main { background: url('images/bg_main.gif') left top repeat-y;} #aside { width: 205px; padding: 5px 0 0 3px; } #content { padding: 15px 10px; width: 545px; } #crosslinks { width: 545px; height: 150px; } #crosslinks, #homeMidLt span { cursor: pointer; } #footer { height: 33px; background: url('images/bg_footer.gif') left top no-repeat #ccc; position: relative; } #legals { text-align: center; padding: 10px 0 0 0; } #legals span { cursor: pointer; } #legals p { margin-bottom: 10px; } #location-box { width: auto; border: 2px solid #2446ad; padding: 5px 0; background: #dae0f3; } #location-box .container { width: 786px; margin: 0 auto; position: relative; } #location-box .button { position: absolute; right: 0; top: 0; display: block; background: #2446ad; color: #fff; font-size: 9px; padding: 2px 5px; text-decoration: none; } #location-box .button:hover { background-color: #656565; } #location-box p { margin-bottom: 0; padding-left: 30px; padding-right: 125px; color: #2446ad; background: url('images/icon_info.png') left top no-repeat; } #postal-code-box { width: auto; border: 2px solid #ccc; background: url('images/bg_postal_code_box.png') 20px 15px no-repeat #eee; padding: 15px; margin: -14px -20px 15px -14px; position: relative; } #postal-code-box .button { position: absolute; right: 0; top: 0; display: block; background: #ccc; color: #fff; font-size: 9px; padding: 2px 5px; text-decoration: none; } #postal-code-box p { font-size: 1.4em; padding: 5px 10px; margin-left: 50px; margin-right: 75px; border-bottom: 1px solid #ccc; } #postal-code-box .text-input { font-size: 1.6em; color: #888888; } #postal-code-box .button-input { font-size: 1.2em; margin-left: 1em; } #postal-code-box label { font-size: 1.6em; margin-right: 1em; float: none; display; -moz-inline-block; display: inline-block; } #postalcode1,#postalcode2 { width: 40px; } #utilitiesNavigation ul, #primaryNavigation { list-style: none; margin: 0; padding: 0; float: left;} #utilitiesNavigation { float: left; position: absolute; top:5px; right: 8px; background: url('images/bg_unav_right.gif') right top no-repeat; padding: 0 5px 0 0;} #utilitiesNavigation ul { height: 34px; min-width: 199px; position: relative; background: url('images/bg_unav_left.gif') left top no-repeat; padding: 0 0 0 14px;} #primaryNavigation { width: 770px; height: 36px; padding: 0 8px; position: absolute; top: 150px; left: 0; background: url('images/bg_pnav.gif') top left no-repeat;} #utilitiesNavigation li, #primaryNavigation li { float: left; } #utilitiesNavigation li a, #utilitiesNavigation li span { display: block; color: #fff; padding: 8px; background: url('images/bg_unav.gif') left top repeat-x; text-decoration: none; font-size: 8pt; cursor: pointer;} #utilitiesNavigation li.active, #utilitiesNavigation li:hover { background: url('images/bg_unav_left_active.gif') left top no-repeat; color: #333; } #utilitiesNavigation li.active a, #utilitiesNavigation li:hover a, #utilitiesNavigation li:hover span { background: url('images/bg_unav_right_active.gif') right top no-repeat; color: #333; } /* Primary Navigation Items */ #primaryNavigation li a, #primaryNavigation li span { display: block; width: 110px; height: 35px; background: #4c771a; text-indent: -9999px; outline: none; background-image: url('images/bg_primaryNavigation.png'); background-repeat: no-repeat;} /* Link */ #shopLink a, #shopLink span { background-position: 0px 0px !important; cursor: pointer;} #promotionsLink a, #promotionsLink span { background-position: -110px 0px !important; cursor: pointer;} #financeLink a, #financeLink span { background-position: -220px 0px !important; cursor: pointer;} #serviceLink a, #serviceLink span { background-position: -330px 0px !important; cursor: pointer;} #contactLink a, #contactLink span { background-position: -440px 0px !important; cursor: pointer;} #locationsLink a, #locationsLink span { background-position: -550px 0px !important; cursor: pointer;} #careersLink a, #careersLink span { background-position: -660px 0px !important; cursor: pointer;} /* Hover */ #shopLink a:hover, #shopLink span:hover { background-position: 0px -35px !important; cursor: pointer;} #promotionsLink a:hover, #promotionsLink span:hover { background-position: -110px -35px !important; cursor: pointer;} #financeLink a:hover, #financeLink span:hover { background-position: -220px -35px !important; cursor: pointer;} #serviceLink a:hover, #serviceLink span:hover { background-position: -330px -35px !important; cursor: pointer;} #contactLink a:hover, #contactLink span:hover { background-position: -440px -35px !important; cursor: pointer;} #locationsLink a:hover, #locationsLink span:hover { background-position: -550px -35px !important; cursor: pointer;} #careersLink a:hover, #careersLink span:hover { background-position: -660px -35px !important; cursor: pointer;} /* Active, Focus */ #shopLink a:active, #shopLink a:focus, #shopLink span:active, #shopLink span:focus { background-position: 0px -70px !important; } #promotionsLink a:active, #promotionsLink a:focus, #promotionsLink span:active, #promotionsLink span:focus { background-position: -110px -70px !important; } #financeLink a:active, #financeLink a:focus, #financeLink span:active, #financeLink span:focus { background-position: -220px -70px !important; } #serviceLink a:active, #serviceLink a:focus, #serviceLink span:active, #serviceLink span:focus { background-position: -330px -70px !important; } #contactLink a:active, #contactLink a:focus, #contactLink span:active, #contactLink span:focus { background-position: -440px -70px !important; } #locationsLink a:active, #locationsLink a:focus, #locationsLink span:active, #locationsLink span:focus { background-position: -550px -70px !important; } #careersLink a:active, #careersLink a:focus, #careersLink span:active, #careersLink span:focus { background-position: -660px -70px !important; } /* Active class */ #shopLink a.active, #shopLink span.active { background-position: 0px -105px !important; } #promotionsLink a.active, #promotionsLink span.active { background-position: -110px -105px !important; } #financeLink a.active, #financeLink span.active { background-position: -220px -105px !important; } #serviceLink a.active, #serviceLink span.active { background-position: -330px -105px !important; } #contactLink a.active, #contactLink span.active { background-position: -440px -105px !important; } #locationsLink a.active, #locationsLink span.active { background-position: -550px -105px !important; } #careersLink a.active, #careersLink span.active { background-position: -660px -105px !important; } #shopNavigation, #shopNavigation li ul, #asideNavigation, #asideNavigation li ul { margin: 0; padding: 0; width: 205px; background: url('images/sNav_underLayer.gif') left top repeat-y #333; } #shopNavigation li, #asideNavigation li { list-style: none!important; font-size: 10pt;} #shopNavigation li.category a, #shopNavigation li.category span, #asideNavigation li.category a { height: 24px; display: block; padding: 6px 0 0 20px; text-decoration: none; color: #4c771a; background: url('images/bg_sNav.png') left top no-repeat #ccc; cursor:pointer; } #shopNavigation li.category a:hover, #shopNavigation li.category span:hover, #asideNavigation li.category a:hover { color: #fff; background-color: #888; background-position: right top; } #shopNavigation li.category a:active, #shopNavigation li.category a:focus, #shopNavigation li.category span:active, #shopNavigation li.category span:focus, #asideNavigation li.category a:active, #asideNavigation li.category a:focus { color: #fff; background-color: #d97b15; background-position: left bottom; } #shopNavigation li.active a, #shopNavigation li.active a:hover, #shopNavigation li.active a:active, #shopNavigation li.active a:focus, #shopNavigation li.active span, #shopNavigation li.active span:hover, #shopNavigation li.active span:active, #shopNavigation li.active span:focus, #asideNavigation li.active a, #asideNavigation li.active a:hover, #asideNavigation li.active a:active, #asideNavigation li.active a:focus { color: #fff; background-color: #d97b15; background-position: right bottom; } #shopNavigation li ul, #asideNavigation li ul { border-top: 1px solid #333; margin-right: 5px; width: 200px; display: none;} #shopNavigation li.active ul, #asideNavigation li.active ul { display: block; } #shopNavigation li ul li, #asideNavigation li ul li { font-size: 8pt; padding-left: 25px;} #shopNavigation li ul li.active, #asideNavigation li ul li.active { padding-left: 35px; background: url('images/sNav_groupActive.gif') 25px center no-repeat #4b7619; } #shopNavigation li ul li a, #shopNavigation li ul li span, #asideNavigation li ul li a { height: auto!important; padding: 0!important; background: none!important; color: #fff!important; } #shopNavigation li ul li a:hover, #asideNavigation li ul li a:hover { text-decoration:underline; } #aside form { margin: 0 5px 0 0; } #aside fieldset { border: none; padding: 0; margin: 0; } #aside form .buttons { margin: 0 0 20px 0; padding: 0; } #aside p { font-size: 8pt; margin: 0 15px 15px 15px; } #boxList, #tabBox { margin: 0; padding: 1px; list-style: none; float: left; width: 543px; } #boxList li { float: left; width: 150px; height: 135px; margin:5px; padding: 20px 10px 10px 10px; background: url('images/bg_productList.png') left bottom no-repeat #fff; text-align: center; font-size: 8pt; line-height: 1.2em; font-weight: bold; color: #888; display: inline; overflow-y:hidden;} #boxList li a { color: #888; text-decoration: none; } #boxList li a:hover { color: #d97b15; text-decoration: none; } #boxList li img { margin: 0 0 5px 0; } #boxList li strong { display: block; } /* index page listings */ #itemIndex { margin: 0; padding: 1px; list-style: none; float: left; width: 543px; } #itemIndex li { float: left; width: 130px; height: 140px; margin: 5px; padding: 20px 20px 10px 20px; background: url('images/bg_productList.png') left bottom no-repeat #fff; text-align: left; font-size: 9pt; line-height: 1.2em; font-weight: bold; color: #444; display: inline; overflow-y:hidden; } #itemIndex li a { color: #666; text-decoration: none; } #itemIndex li a:hover { color: #d97b15; text-decoration: underline; } #itemIndex li ul { margin: 5px 0; list-style: none; } #itemIndex li ul li { font-size: 8pt; background: none; font-weight: normal; width: auto; height: auto; overflow: visible; border: none; margin: 0 0 2px 5px; padding: 0; display: block; float: none; } #itemIndex li.clearance { font-weight: normal; text-align: center; font-size: 8pt; color: #333; width: 148px; height: 124px; padding: 30px 10px 10px; margin: 7px 5px 8px 5px; background: url('images/bg_sticky_callout.jpg') top left no-repeat #ffedd9; } #itemIndex li.clearance strong { display: block; font-size: 12pt; margin: 0 0 10px 0; } #itemIndex li.clearance a { color: #333; text-decoration: underline; } #itemIndex li a:hover { color: #d97b15; text-decoration: none; } #tabShelf { height:40px;/*25px;*/ background: url('images/bg_subGroupTabs.png') left top no-repeat #ccc; position: relative; overflow: auto;margin: 0 0 20px 0;} #tabWidth { display:block; float: left; } #tabBox li { float: left; background: url('images/bg_subGroupTabs_green_left.png') left top no-repeat; margin-left: 5px; position: relative; top: 6px; font-size: 8pt;} #tabBox li a { display: block; float: left; height:19px; color: #fff; padding: 1px 5px 0 5px; background: url('images/bg_subGroupTabs_green_right.png') right top no-repeat; text-decoration: none; } #tabBox li a:hover { text-decoration: underline; } #tabBox li.active { background-image: url('images/bg_subGroupTabs_white_left.png')!important;} #tabBox li.active a { background-image: url('images/bg_subGroupTabs_white_right.png')!important; color: #666!important;} #rightButton, #leftButton { display: block; text-align: center; padding: 5px 0 0 0; width: 46px; height: 20px; position: absolute; color: #fff; cursor:pointer;} #rightButton { background: url('images/bg_subGroupTabs_rightButton.png') no-repeat; right: 0; } #leftButton { background: url('images/bg_subGroupTabs_leftButton.png') no-repeat; left: 0; } #flashContent { margin: 0 0 20px 0; } #footer ul { width: 195px; margin: 7px 0 0 5px; padding: 0; list-style: none; float: left; } #footer li { float: left; font-size: 8pt; padding: 0px 6px 0 5px; background: url('images/footerDividerWhite.gif') right no-repeat; } #footer #utilities li { background-image: url('images/footerDividerGrey.gif'); } #footer li.last { background: none!important; } #footer li a, #footer li span, #southShoreLink { text-decoration: none; cursor: pointer; } #footer li a:hover, #footer li span:hover { text-decoration: underline; } #footer #footerNav, #footer #legalNav { width: auto!important; } #footer #footerNav li a, #footer #footerNav li span, #footer #legalNav li a, #footer #legalNav li span { color: #fff!important; } #footer #legalNav { float: right; margin: 7px 5px 0 0; } /* Class Styles */ .testimonial { background: url('images/bg_testimonialTop.png') left top no-repeat; width: 180px; margin: 10px 0; padding: 0; } .testimonial blockquote { background: url('images/bg_testimonialBottom.png') left bottom no-repeat; margin:0; padding: 10px 10px 20px 30px; display:block; } .testimonial blockquote:first-letter { font-weight: bold; color: #d97b15; font-size: 12pt; } .column { width: 245px; margin: 0 0 10px 0; text-align: center; float: left; } .column h2, .column h3, .column p { text-align: left; } .w300 { width: 300px!important; } .w235 { width: 235px!important; } .note { text-align: center; font-size: 8pt;} .note a { color: #d97b15; } .border { border-right: 1px solid #666; padding-right:20px; margin-right: 20px; } #wishlist .column { width: 235px; } #wishlist .border { border-right-color: #fff; padding-right: 15px; margin-right: 15px;} .buttons { text-align: center; border: 1px solid #ccc; padding: 20px; margin: 0 0 20px 0;} .buttons input, #searchButton { padding: 2px 10px; border: 1px solid; border-color: #ccc #333 #333 #ccc; background: url('images/bg_wishlistH2.gif') left top repeat-x #516868; color: #fff; font-family: "Trebuchet MS", Tahoma, Verdana sans-serif; font-weight: bold; font-size: 12pt; } .buttons input:active, #searchButton:active { border-color: #333 #ccc #ccc #333; background: #516868; padding: 3px 10px 1px 10px; } #searchButton { background: url('images/bg_searchH2.gif') #4b7619; } #searchButton:active { background: #4b7619; } .checkbox { background: none; border: none; padding: 0; margin: 0 5px 0 0; } .optin { width: auto!important; } .sort { float: right; position: absolute; right: 10px; bottom: 5px;} .sort label { display: block; float: left; width: 50px; } .sort select { width: 75px; font-size: 8pt; } .wishlistControls { float: right; margin: 0 0 10px 0; padding:0; list-style: none; } .error, .messages { border: 3px solid #ccc; background: #fff; margin: 0; padding: 0; margin-bottom: 20px; background: url('images/bg_warning.jpg') no-repeat 35px 55px;} .messages { background-image: url('images/bg_confirm.jpg'); } .error h1, .messages h1 { background: #ccc; color: #333!important; font-weight: normal!important; padding: 5px 10px;} .error ul, .messages ul { margin: 20px 30px; list-style: disc; padding: 0 0 0 100px; min-height: 50px; height: auto!important; height: 50px;} .error p, .messages p { margin: 0 30px 10px 30px; padding: 0 0 0 100px;} .error li, .messages li { color: #333; font-size: 9pt;} .listings { position: absolute; right: 5px; top: 5px; text-align: right; font-size: 9pt; font-weight: normal; } .item { border-bottom: 1px solid #ccc; margin: 0 10px -1px 10px; padding: 10px 0;} .recent { border: 1px solid #eee; margin: -15px 15px 10px 10px; padding: 10px 10px 10px 25px; background: #666; font-weight: bold; } .recent li, .recent li a { color: #ccc; } .alignRight { float: right; margin: 0 0 15px 10px; } .alignLeft { float: left; margin: 0 10px 15px 0; } .center { text-align: center; clear: both; } .right { text-align: right!important; vertical-align: bottom; } .green { color: #4b7619!important;} .orange { color: #d97b15!important;} .report { width:550px; overflow:auto; border: 1px solid #ccc; } .report pre { margin: 5px; } /* Page Styles */ /* wishlist */ #wishlist h1, #contact h1 { color: #516868; } #wishlist p.notice { font-size: 8pt; margin: 10px 20px 20px;} #default, #hub #headline { width: 510px; height: 249px; float: left; margin: 0 0 20px 0; padding: 20px;} #hub #headline { background: url('images/bg_wishlistHubHeadline.jpg') left top no-repeat; position: relative; height: 43px; margin: 0 0 20px 0; overflow-y:hidden;} #default { background: url('images/bg_wishlistDefault.jpg') left top no-repeat; } #hub { background: url('images/bg_wishlistHub.gif') left top repeat-y; float: left; width: 550px;} #hub #items { background: url('images/bg_wishlistHubBottom.gif') left bottom no-repeat; padding: 20px; position: relative; float: left; width: 510px;} #hub #items h2 { color: #516868; } #hub #items.empty { text-align: center; } #default h1, #hub h1 { background: url('images/txt_YourDufresneWishlist.gif') left top no-repeat; width: 343px; height: 27px; text-indent: -9999px; } #hub #headline h2, #hub label { color: #fff; } #hub label { width: auto!important; } #default p { color: #fff; } #introCopy { margin-right: 115px; font-size: 9pt; line-height: 1.2em; } #default input.imgButton { outline: none; } #wishlistItems { width: 100%; } #wishlistItems td { vertical-align: middle; font-weight: normal; } #wishlistItems img { margin:0; } #wishlistItems p { font-size: 8pt; margin: 0; } #wishlistItems h5 { margin:0; } #itemInfo img { margin: 0 0 10px 0!important; } #wishlistItems .controls { text-align: right; } /* mini search form in utilities */ #miniSearch { background: #d1e3b6; width: 200px; display: block; padding: 5px; border-bottom: 2px solid #365512; position: absolute; right: 15px; top: 40px; text-align: center;} #miniSearch input { margin-right: 5px; font-size: 8pt;} #miniSearch #submitSearch { margin: 0; background: #4b7619; color: #fff; border: 1px solid; border-color: #d1e3b6 #000 #000 #d1e3b6; } /* search */ #search fieldset h2, #search #results h2 { background: url('images/bg_searchH2.gif') #4b7619; } #search #results h2 { margin: 0; position:relative; } #search #results h4 { font-size: 10pt; margin:0; color: #666; } #search #results h4 a { color: #666; } #search #results h4 a:active { color: #666; } #search #results p { margin: 0; } /* sitemap */ #sitemap #sitemapList, #sitemap #sitemapList ul { list-style: none; background:url('images/bg_sitemapHierarchy.gif') 7px top repeat-y; margin-bottom: 0; } #sitemap #sitemapList li { padding: 0 0 0 20px; background:url('images/icon_page.gif') no-repeat; font-size: 9pt;} #sitemap #sitemapList li.pdf { background-image:url('images/icon_pdf.gif'); } #sitemap #sitemapList a, #sitemap #sitemapList span { color: #d97b15; text-decoration: none; font-weight: bold; cursor: pointer;} #sitemap #sitemapList a:hover, #sitemap #sitemapList span:hover { text-decoration: underline; } /* faqs */ #answers { background: #ccc; padding-bottom: 1px; border: 1px solid; border-color: #eee #aaa #aaa #eee; margin-bottom: 20px; } #answers p { color: #444; margin: 0; } #answers p.q { padding: 5px 20px; border: 1px solid; border-color: #fff #aaa #aaa #fff; cursor: pointer;} #answers p.q:hover { background: #eee; color: #d97b15; } #answers div.slider { background: #ddd; display: block;} #answers div.a { padding: 0 20px; margin: 0 20px;background: #eee; color: #666; border: 1px solid #666; position: relative; display: block;} #answers div.a p { margin: 10px 0; } * html #answers div.blockquote { height: 1%; } /* finance */ #goldCard { background: url('images/bg_goldCard.jpg') right top no-repeat; min-height: 188px; height: auto!important; height: 188px; padding: 20px 20px 20px 0; margin: 0 0 -80px 0; } #goldCard h3 { font-size: 16pt; font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;} #goldCard p { padding-right: 180px; } /* service */ #CustomerServiceNumbers { float: right; background: #eee; border: 1px solid #ccc; padding: 10px; margin: 0 0 10px 10px; } #CustomerServiceNumbers h4 { text-align: center; border-bottom: 1px solid #ccc; } #CustomerServiceNumbers table { margin: 0; } #CustomerServiceNumbers table tr:hover { background: #fff; } #CustomerServiceNumbers table td { padding: 5px 10px; font-size: 9pt; color: #666; } /* Press Releases */ #pressReleases h2, #pressReleases h3, #pressReleases #content p, #timeline h2 { font-family: "Hoefler Text", "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif; } #pressReleases h2 { color: #aaa; font-size: 36pt; text-align: center; border-bottom: 1px solid #ccc;} #pressReleases h3 { font-variant: small-caps; font-style: normal; font-size: 11pt; font-weight: normal; color: #333; border-bottom: 1px solid #ccc; padding-bottom: 10px; } #pressReleases blockquote h3 { border-bottom: none; margin: 0 0 5px 0; padding: 0; } #pressReleases #content blockquote { border: 3px solid #ddd; padding: 10px; margin: 0 0 20px 0; background: #eee;} #pressReleases p.via { margin: 0 0 10px 0; padding: 0 0 10px 20px; border-bottom: 3px solid #ddd; } /* Locations*/ #locations h2 { clear: both; } .storeContainer { width: 260px; float: left; margin: 0 0 10px 10px; text-align: center;} table.stores { font-size: 8pt; margin: 0 auto; width: 100%; } table.stores thead th { font-size: 12pt; text-align: center; border-bottom: 2px solid #bbb; color: #888; } table.stores tbody th { background: #ccc; padding: 2px 5px; border-bottom: 2px solid #bbb; border-left: 2px solid #bbb;} table.stores tbody th.center { text-align: center; } table.stores tbody td { padding: 2px 5px; text-align: center; border-right: 1px solid #ccc; width: 180px; } /* Locations */ div.firstloc { padding-right: 30px; margin-bottom: 20px; width: 256px; float: left; } div.lastloc { width: 256px; margin-bottom: 20px; float: left; } div.loc h2 { padding-left: 5px; border-top: 1px solid #777; border-bottom: 1px solid #777; margin-top: 10px; background: #f5f5f5; font-size: 15pt; line-height: 30px; height: 30px; } div.loc h3 { margin-bottom: 0; color: #4B7619;} div.loc ul { padding-left: 5px; margin: 0; list-style-type: none; } div.loc ul ul { padding-left: 0; } div.loc h4 { margin-bottom: .10em; font-size: 9pt; line-height: 10pt; font-weight: normal; width: 160px; float: left; clear: both; } div.loc p { margin-bottom: .10em; font-size: 9pt; line-height: 10pt; } div.loc a { text-decoration: none; } div.loc div { padding: 5px 0 0 5px; border: 1px solid #fff; margin-top: .1em; } div.loc div:hover { border: 1px solid #000; background: #f18628; cursor: pointer; } div.loc div:hover a { color: #fff; } div.loc a:hover { text-decoration: underline; } div.storeDetails h2 { padding: 2px 0 0 10px; border-top: 1px solid #777; border-bottom: 1px solid #777; margin-top: 20px; background: #f5f5f5; } div.storeDetails div.storeImage img { border: 1px solid #777; } div.storeDetails h3 { padding-left: 10px; margin-bottom: 5px; color: #000; } div.storeDetails p { padding-left: 10px; margin-bottom: 5px; clear: both; } div.storeDetails p span { width: 120px; float: left; } div.storeDetails div.lt { width: 255px; float: left; } div.storeDetails div.map { border: 1px solid #000; margin: 20px 10px 0 0; width: 275px; float: left; } /* About */ .testimony { background: url('images/bg_quote.gif') 20px 20px no-repeat #eee; padding: 10px; margin: 0 0 20px 0; min-height: 75px; height:auto!important; height: 75px; border: 5px solid #ccc;} .testimony p { margin: 0; margin-left: 100px; font-family: "Hoefler Text", "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif; font-size: 10pt; } .testimony p:first-letter { font-weight: bold; font-size: 18pt; line-height: 1em; } .testimony p.via { margin: 25px 0 0 120px; font-size: 12pt; color: #aaa; } .testimony p.via:first-letter { font-weight: normal; font-size: 12pt; } #timeline h2 { font-size: 36pt; color: #d97b15; margin: 0; line-height: 1em; color: #aaa;} #timeline ul { margin-left: 50px; } /* Careers */ #careers .column p, #careers .column ul { text-align: left; } #careerPaths td, #careerPaths th { vertical-align: middle; padding-left: 10px; } #careerPaths td { background: left no-repeat; } #careerPaths ul { margin-bottom: 0; margin-right: 0; } #careerPaths li, #careerPaths p { font-size: 8pt; line-height: 1.2em; } #careerPaths td.stage1 { background-image: url('images/bg_CareerPath_stage1.png'); background-color: #cfffc3; } #careerPaths td.stage2 { background-image: url('images/bg_CareerPath_stage2.png'); background-color: #c3ffd9; } #careerPaths td.stage3 { background-image: url('images/bg_CareerPath_stage3.png'); background-color: #c3fff8; } #careerPaths td.stage4 { background-image: url('images/bg_CareerPath_stage4.png'); background-color: #c4eaff; } /* Shop */ #itemDetails .column { text-align: left; } #itemDetails .w235 { margin-left: 10px; } #itemDetails .module { margin: 0 0 10px 0; } #itemDetails img { margin: 0; } #itemDetails h5 { margin-bottom: 0; } #itemDetails p, #itemDetails li { margin: 0; line-height: 1.2em; font-size: 8pt; } #itemImage p { text-align: center; } #itemImage img { margin: 0 0 10px 0; } #collection img, #relatedSeries img { margin: 0; clear: none; } #collectionItems td, #relatedSeries td { border: none; vertical-align: middle; } #bomItems, #dimensionItems, #otherConfigItems { color: #666; font-size: 8pt; font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif; width: 100%; } #bomItems td, #otherConfigItems td, #dimensionItems td { padding: 2px; } #bomItems tr.total td { border-top: 1px solid #ccc; } #bomItems td.sale { color: #4b7619; font-size: 12pt; border-bottom: none; font-weight: bold;} #bomItems td.package { border-top: 1px solid #333; border-bottom: none; color: #333; font-size: 9pt; font-weight: bold;} #webfeature { width: 525px; padding: 0 10px 10px 10px; text-align: center; margin: 20px 0; background: url('images/bg_webfeature.png') left bottom no-repeat; float: left;} #empty { text-align: center; margin: 0 0 100px 0; } #empty h3 { line-height: 1.3em; } /* Maintenance */ #noStore { width: 545px; } #noStore h1, #noStore p { margin: 0 0 .5em 170px; font-family: Helvetica, "Lucida Grande", Lucida, Arial, Tahoma, Verdana, sans-serif; color: #888; line-height: 1.2em; text-indent: -999999px;} #noStore h1 { font-size: 16pt; margin-top: 90px; } #noStore p { font-size: 12pt; } #noStore #branding { width: 550px; height: 150px; } #noStore #maintenance { width: 510px; height: 160px; padding: 20px; background: url('images/icon_storeMaintenance.png') left top no-repeat; margin: 0 auto; } /* Promotions */ div#promo_body { padding-top: 20px; } div#promo_body li { list-style-type: none; } div#promo_body h2 { padding-bottom: 0; margin-bottom: 0; } div#flyers { width: 270px; float: left; } div#media { padding-left: 20px; width: 200px; float: left; } div#flyers ul, div#media ul { margin-left: 0; } div#promotions_page { margin: 20px auto; width: 486px; } div#print { padding-bottom: 10px; text-align: right; } div#print img { padding-right: 5px; margin-bottom: -6px; } /* Air Miles */ div#airmilesContent { padding: 480px 40px 0 40px; background: url('images/airmilesBg.jpg') top left no-repeat; width: 465px; } /* Makeover Contest */ #contestHeader { padding-bottom: 10px; } #contest fieldset { border: none; } #contest fieldset ol { margin-left: 0; } #contest fieldset li { padding-bottom: 10px; list-style-type: none; clear: both; } #contest li ul.errors li { padding-bottom: 0; clear: none; } /* SEO Touch Ups */ ul#shopNavigation h4 { margin-bottom: 1em; font-weight: normal; font-size: 1em; line-height: 1.50em; } div#crumb { padding-bottom: 20px; color: #52aa54; } div#crumb span { color: #f28b15; } /* Home Middle Below Promo Rotator */ div#content div#homeMid { padding: 10px 0; width: 545px; } div#content div#homeMidLt { width: 290px; float: left; } div#content div#homeMidRt { width: 255px; float: left; } div#content div#homeMidRt img { margin: 0; padding: 0; display: block; } /* Promo Rotator */ div#wrap { width: 545px; height: 306px; } .feature { height: 300px; position: absolute; width: 545px; overflow: hidden; } .feature img { border:none; } .tabs { padding: 2px 0 0 1px; border: 0; margin: -2px 0 0 0; font-weight: bold; background: #6c8c39; width: 545px; height: 25px; } .tabs li { margin: 1px 2px 1px 2px; float: left; list-style-type: none; } .tabs a { padding: 4px 2px 1px 2px; border: 2px solid #fff; background: #fff; line-height: 10px; color: #000; text-align: center; text-decoration: none; width: 16px; height: 12px; display: block; } .tabs .active a, .tabs a:hover { background: #d97b15; color: #fff; display: block; } .tabs .viewFlyer { width: 121px; height: 18px; } .tabs .viewFlyer a { padding-left: 0; text-align: center; width: 90px; } /* Promotions Video Modal */ div.overlay { padding:40px; width:576px; display:none; background-image:url(../images/white.png); } div.overlay div.close { background:url(../images/close.png) no-repeat; position:absolute; top:2px; right:5px; width:35px; height:35px; cursor:pointer; } div.overlay a { height:450px; display:block; } behavior:url("csshover3.htc"); * html #shopNavigation li, * html #shopNavigation li a, * html #asideNavigation li, * html #asideNavigation li a { display: block; } * html #shopNavigation li ul li, * html #asideNavigation li ul li { display: block; float: left; width: 165px;} * html #shopNavigation li ul li a, * html #asideNavigation li ul li a { height: 1px; display: block;} * html #default, * html #hub, * html #register, * html #login { overflow-x: hidden; } /* End of IE 6 Fix */ /* Debug Styles */ /* Product Content */ .content-item { position: relative; } div#makeover_banner { padding-top: 15px; } table.additional td { text-align: left !important; } table.additional td.element label { display: inline !important; float: none; } table.additional td.element label[for="primary_focus-children"], table.additional td.element label[for="primary_focus-women"], table.additional td.element label[for="primary_focus-healthcare"], table.additional td.element label[for="primary_focus-other"] { display: block !important; float: left !important; } table.additional td br { display: none !important; } h1#charity_header { background: url(/promotion/charity.jpg) top left no-repeat; text-indent: -9999px; width: 545px; height: 134px; }