* { padding: 0; margin: 0; } .clear { clear: both; height: 1px; line-height: 1px; font-size: 1px; } .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .clearfix { display: block } .show { display: inline; } .hide { display: none; } body, .ms-WPBody { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; line-height:18px; } body.home { background: url(../images/bg_shadow.jpg) repeat-x 0 547px; } body.home { background-position: 0 557px; } p { margin: 8px 0; } a:link, a:visited, .ms-WPBody a:link, .ms-WPBody a:visited { color: #46ADE6; text-decoration: none; } a:active, a:hover, .ms-WPBody a:active, .ms-WPBody a:hover { text-decoration: none; color: #003f82} h1 { margin: 0 0 20px 0; } h2, .ms-WPBody h2, .ms-TPBody h2 { margin: 10px 0; font-size: 16px; font-weight: bold; color: #003f82; } h3, .ms-WPBody h3, .ms-TPBody h3 { margin: 10px 0; font-size: 14px; font-weight: normal } h3.strong { font-weight: bold; } h4 { font-size: 12px; margin: 6px 0; } h5 { font-size: 11px; } .largeText { font-size: 16px; } .normalText { font-size: 11px; } .smallText { font-size: 10px; } .noTop, #layout .noTop, .sidebarModule .noTop { margin-top: 0; } .normal { font-weight: normal; } .dkBlue { color: #003f82 } .pink { color: #e781af; } .black { color: #000000; } blockquote { margin: 10px 15px; } a img, img, map, area { border: none; } .inlineArrow { margin: 0 0 -1px 0; } .inlineBtn { margin: -15px 0 0 0; } .rightBlock, .leftBlock {background: none; } .rightBlock { float: right; text-align: right; } .leftBlock { float: left; } .textLeft { text-align: left; } .floatRt { float: right; } .floatLt { float: left; } .reg { font-size: 9px} #layout ul, .modal ul { margin: 5px 5px 5px 2px; } #layout li, .modal li { margin: 2px 0 2px 12px; |margin-left: 15px; } select, input, textarea { font-size: 11px; } textarea { width: 200px; height: 100px; } option { padding: 0 10px 0 0 } .errorContainer { padding: 0 0 0 160px; } /*label { width: 150px; text-align: right; margin: 0 10px 10px 0; float: left; }*/ label { width: 165px; text-align: right; margin: 0 10px 0 0; float: left; } label.wide { width: 170px; } label.contactForm { width: 195px; } label.inlineMargin { margin-top: 10px; _margin-top: 5px; } .formButtons { margin: 10px 0 15px 160px; } .labelSpacer { margin: 0 0 0 160px; } fieldset { padding: 0 0 20px 0; margin: 0 0 15px 0; border: none; } input.text, input.password { width: 200px; } input.date, input.date.text { width: 30px;} input.button, input.reset, input.submitBtn, input.cancel, input.submit, input.go, input.btn, .button { border: none; } input.submitBtn { background: url(../images/submit_btn.gif) no-repeat 0 0; width: 65px; height: 18px; } input.btn, input.button, .button { height: 18px; } input.reset { background: url(../images/clear_btn.gif) 0 0 no-repeat; height: 18px; width: 63px; } input.clear { background: url(../images/clear_btn.gif) 0 0 no-repeat; height: 18px; width: 63px; } input.cancel { background: url(../images/btn_cancel.gif) 0 0 no-repeat; height: 18px; width: 63px; } input.print { background: url(../images/print_btn.gif) 0 0 no-repeat; height: 18px; width: 48px; border: none } input.print.submit { border: none} input.search { background: url(../images/search_btn.gif) 0 0 no-repeat; height: 18px; width: 65px; } input.clearFilters { background: url(../images/btn_clearFilters.gif) 0 0 no-repeat; width: 76px; } input.contact { background: url(../images/btn_contact.gif) 0 0 no-repeat; height: 18px; width: 76px; } input.orderRepParts { background: url(../images/orderReplacementParts_btn.gif); width: 142px; } input.sendProdContact { background: url(../images/sendProductContactUs_btn.gif); width: 142px; margin: 5px 0 0 0; } input.edit { background: url(../images/edit_btn.gif); width: 38px; cursor:pointer } input.editProd { background: url(../images/edit_btn.gif); width: 38px; } input.update { background: url(../images/btn_update.gif); width: 64px; } input.addToShpgCart { background: url(../images/addToShoppingCart_btn.gif); width: 131px; } input.regAProd { background: url(../images/registerAproduct_btn.gif); width: 111px;} input.regAnotherProd { background: url(../images/registerAnotherProduct_btn.gif); width: 134px;} input.stop { background: url(../images/stop_btn.gif); width: 39px; } input.manageEmailPrefs { background: url(../images/manageEmailPrefs_btn.gif); width: 150px; } input.closeAcct { background: url(../images/closeAccount_btn.gif); width: 85px; } input.go, a.go { background: url(../images/btn_go.gif) 0 0 no-repeat; height: 18px; width: 33px; } input.sendToMobilePhone { background: url(../images/btn_sendMobilePhone.gif) 0 0 no-repeat; width: 142px; } input.fwdToFriend { background: url(../images/btn_fwdToFriend.gif) 0 0 no-repeat; width: 129px; } input.fullVersion { background: url(../images/btn_fullVersion.gif) 0 0 no-repeat; width: 76px; } input.abbrevVersion { background: url(../images/btn_abbrevVersion.gif) 0 0 no-repeat; width: 130px; } input.continueCreateAccount { background: url(../images/btn_continueCreateAccount.gif) 0 0 no-repeat; height: 18px; width: 182px; } input.button:hover, input.btn:hover, input.reset:hover, input.submit:hover, input.submitBtn:hover, input.cancel:hover, input.go:hover { background-position: 0 -18px; } input.printNow { background: url(../images/printNow_btn.gif) 0 0 no-repeat; width: 114px; height: 40px;border: none; } input.printNow:hover { background-position: 0 -39px; } input.viewCatalog { background: url(../images/btn_viewCatalog.gif) 0 0 no-repeat; width: 137px; height: 38px; } input.downloadPdf { background: url(../images/btn_downloadPDF.gif) 0 0 no-repeat; width: 137px; height: 38px; } input.viewCatalog:hover, input.downloadPdf:hover { background-position: 0 -38px;} input.searchAnotherModel { background: url(../images/btn_searchAnotherModel.gif) 0 0 no-repeat; width: 129px; } input.searchAnotherModel:hover { background-position: 0 -17px; } input.visitGracobaby { background: url(../images/btn_visitGracobaby.gif) 0 0 no-repeat; width: 210px; height: 39px; } input.visitGracobaby:hover, input.submitLarge:hover { background-position: 0 -39px; } input.submitLarge { background: url(../images/btn_submitLarge.gif) 0 0 no-repeat; width: 114px; height: 39px; _margin-top: 5px; } input.continue { background: url(../images/btn_continueLg.gif) 0 0 no-repeat; width: 126px; height: 39px; } input.continue:hover { background-position: 0 -38px; } input.close { background: url(../images/btn_close.gif) 0 0 no-repeat; height: 18px; width: 49px; } input.close.submit:hover { background-position: 0 -18px; } .editProd{float:right; position:relative; right:280px; top:0px;} a.editBtn { background: url(../images/edit_btn.gif); width: 38px; height:18px; text-indent:-9999px; } a.editBtn:hover {background-position:0 -18px;} a.submitBtn, #emailFormWrapper a.submitBtn { background: url(../images/btn_arrow2.gif) no-repeat 0 0; width: 23px; height: 23px;} a.submitBtn:hover, a.submitBtn:active, #emailFormWrapper a.submitBtn:hover, #emailFormWrapper a.submitBtn:active { background-position: 0 -23px} a.submitBtn, #emailFormWrapper a.submitBtn { position: absolute; right: 0px;} .roundedTextbox .left { background: url(../images/input_left.gif) 0 0 no-repeat; width: 12px; height: 24px; display: block; position: absolute} .roundedTextbox input.textbox { background: url(../images/bg_form2.gif) repeat-x 0 0; border: 0; width: 173px; float: left; height: 24px; position: absolute; left: 12px; font-size: 11px; padding: 5px 0 0 0;line-height:24px; color:#003f81; } hr { border: none; height: 1px; background: #ffffff; border-bottom: 1px dotted #cccccc; margin: 15px 0; |margin: 7px 0; } a.under { text-decoration: underline; } a.under:hover, a.under:active { text-decoration: none; } .error, .alert, a.alert, a.error { color: #CC0000; font-weight: bold; } a.error:active, a.error:hover { color: #CC0000; } .dkBlue { color: #0d619e; } .dkRed { color: #a8004c; } hr { height: 3px; background: url(../images/bg_line.gif) repeat-x 0 0; border: none; } .hr { height: 3px; background: url(../images/bg_line.gif) repeat-x 0 0; border: none; clear: both; margin: 15px 0; _margin: 7px 0; |margin: 7px 0; font-size: 1px; } #topContainer { background: url(../images/bg_pageShadowUpper.jpg) repeat-x 0 bottom; /*_margin-bottom: -20px;_background-position: 0 97%;*/ } #container { margin: auto; width: 940px; position: relative } #topContainer, #container { height: 100%; } body.home #container { width: 990px; } #homeModal { height: 101%; width: 100%; z-index: 1000; position: absolute; margin: 0; top: 0; left: 0; display: none; } #introVideo { z-index: 9999; } #flashContainer, #homeFlash { z-index: 0; height: 416px; width: 990px; } /* Header */ #header { position: relative; height: 112px; width: 940px; *z-index:5;} body.home #header { padding: 0 0 0 25px; } #logo { padding: 13px 0 0 0; width: 144px; } #search, #search * { z-index: 1;} #search { position: absolute; top: 107px; right: 0; } #searchWrapper { width: 192px; position: relative; height: 23px; } #searchWrapper .left { background: url(../images/input_left.gif) 0 0 no-repeat; width: 12px; height: 24px; display: block; position: absolute} #searchWrapper .left { background: url(../images/textbox_leftGlass.gif) 0 0 no-repeat; width: 28px; height: 23px;display: block; position: absolute} #searchWrapper input.textbox { width: 141px; left: 28px } #searchWrapper input.btn { background: url(../images/btn_arrow.gif) no-repeat 0 0; width: 24px; height: 24px;position: absolute; right: 0; border: 0; } .roundedTextbox { position: relative; clear: both; height: 24px; } .roundedTextbox input.submit { background: url(../images/btn_submit2.gif) no-repeat 0 0; width: 52px; height: 24px; position: absolute; right: 0; border: 0;} #utilityNav { position: absolute; right: 0; top: 45px; width: 630px; text-align: right; } #utilityNav .textLinks { width: 470px; color: #16619E; margin: 3px 13px 0 0; float: left; position: relative } #utilityNav .textlinks .dividerLine { color:#46ade6;} #utilityNav .textLinks a { font-weight: normal;} #utilityNav .textLinks a:hover, #utilityNav .textLinks a:active { text-decoration: none; color: #003f82} #utilityNav .textLinks #signInBox, #utilityNav .textLinks .signInBox { text-align: left; width: 400px; height: 125px; position: absolute; left: 25px; top:25px; z-index: 10000; color:#666666; font-size: 10px; } #utilityNav .textLinks #signInBox .top, #utilityNav .textLinks .signInBox .top {height: 5px; background: url(../images/subnav_topLeftCorner.gif) 0 0 no-repeat; padding: 0 0 0 8px; _margin-bottom: -8px; border: none; } #utilityNav .textLinks #signInBox .top span, #utilityNav .textLinks .signInBox .top span { display: block; height: 5px; background: url(../images/subnav_topRightCorner.gif) top right no-repeat;} #utilityNav .textLinks #signInBox .bottom, #utilityNav .textLinks .signInBox .bottom { height: 5px; background: url(../images/subnav_btmLeftCorner.gif) 0 0 no-repeat; border: none; padding: 0 0 0 8px; |margin-top: -8px; } #utilityNav .textLinks #signInBox .bottom span, #utilityNav .textLinks .signInBox .bottom span { display: block; height: 5px; background: url(../images/subnav_btmRightCorner.gif) top right no-repeat;} #signInBox .content, .signInBox .content { border: 1px solid #a3d6f3; border-width: 0 1px; background: #ffffff; padding: 10px 15px 8px 15px; } .signInBox label { text-align: left; width: 50px; margin: 0 5px 0 0; } #utilityNav .textLinks #signInBox input.text, #utilityNav .textLinks #signInBox input.password, #utilityNav .textLinks .signInBox input.text, #utilityNav .textLinks .signInBox input.password { width: 180px; margin-right: 10px; } #utilityNav .textLinks #signInBox p.buttons, #utilityNav .textLinks .signInBox p.buttons { width: 300px; } #utilityNav .divider { width: 1px; height: 22px; background: #cccccc; display: block; float: left; } #utilityNav .utilIcon { margin: 0 0 0 8px; width: 60px; } #utilityNav .utilIcon a { padding: 4px 0 1px 20px; height: 20px; } #utilityNav .utilIcon a {background-position: 0 0; background-repeat: no-repeat; } #utilityNav #review, #utilityNav .review { width: 55px; } #utilityNav #cart, #utilityNav .cart { margin: 0 0 0 0;} #utilityNav #rewards { display: none; } #utilityNav #rewards a {background-image: url(../images/icon_regRewards.gif); |padding-top: 0px; background-position: 0 -1px; } #utilityNav #rewards a, #utilityNav #review a { height: 19px;} #utilityNav #review a, #utilityNav .review a {background-image: url(../images/icon_writeReview.png); |background-position: 0 2px;} #utilityNav #cart a, #utilityNav .cart a { background-image: url(../images/icon_shoppingCart.gif); padding: 3px 0 0 27px; |padding-top: 0px; } #utilityNav .utilIcon a:hover, #utilityNav .utilIcon a:active, #utilityNav #cart a:hover, #utilityNav #cart a:active { background-position: 0 -19px;} #utilityNav #rewards a:hover, #utilityNav #rewards a:active { background-position: 0 -20px;} #utilityNav #review a:hover, #utilityNav #review a:active { background-position: 0 -19px; |background-position: 0 -17px; } #utilityNav #cart a:hover, #utilityNav #cart a:active { background-position: 0 -19px;} /* Footer */ #footerContainer { background: #ffffff url(../images/bg_blogRoll.jpg) repeat-x 0 0; display: block; |height: 100%;} #footerContainer { background: #ffffff url(../images/bg_shadow.jpg) repeat-x 0 -12px; display: block; |height: 100%;} #footerContainer * { z-index: 0;} body.home #footerContainer { background: none; } #footerContainer a:link, #footerContainer a:visited { color: #16619e; } #footer { margin: auto; } #footer { padding: 0 0 0 22px; width: 918px; } #footer #enterEmail { margin-top: 20px; } #footer #emailFormWrapper { width: 193px; position: relative; } #footer #emailFormWrapper input.textbox { width: 158px; } #footer #promo { height: 41px; padding: 27px 0 0 0; background: none; font-size: 14px; } #footer #promo { padding: 15px 0 0 0; text-align: center} body.home #footer #promo { padding: 15px 0 0 0; } body.home #footer #promo { padding: 23px 0 0 0; } #footer #promo span { } #footer #promo a { } #footer #promo.dailyDots { text-align: center} #footer #promo.heartToHeart { color: #426194; } #footer #promo.heartToHeart, #footer #promo.heartToHeart a { color: #e973aa; } #footer #promo.heartToHeart a:hover, #footer #promo.heartToHeart a:active { color: #46ADE6; } #footer #promo.dailyDots a { color: #e580ad; } #footer #promo.dailyDots a:hover, #footer #promo.dailyDots a:active { color:#ea2e63; text-decoration: none; } #footer #promo.dailyDots span { height: 22px; display: block } #footer #promo.dailyDots p { background: url(../images/text_dailyDots.gif) no-repeat 0 0; height: 22px; padding: 3px 0 3px 245px; } #footer #promo #dotsImage { margin-bottom: -5px; } #footer .copyright { color: #cccccc; font-size: 10px; color: #999999} #footer .copyright a:link, #footer .copyright a:visited { color: #46ADE6;} #footer .copyright a:hover, #footer .copyright a:active { color: #16619e; } #footer .links { padding: 20px 0 0 0; } #footerCallouts { margin: 20px 0; } #footerCallouts .callout { width: 192px; float: left; margin: 0 35px 0 0; } #footerCallouts .callout p { line-height: 16px;} #footerCallouts a { display: block; background-position:right 20px; background-repeat: no-repeat; } #footerCallouts a:hover, #footerCallouts a:active { /*background-image: url(../images/arrow_dkBlue.gif);*/ } #footerCallouts .callout h3 { margin-top: 0; } #footerCallouts #replacement { margin: 0 20px 0 0; width: 202px; } #footerCallouts #replacement a { background-image: url(../images/gfx_buyReplacementUp.gif); } #footerCallouts #replacement a:hover, #footerCallouts #replacement a:active { background-image: url(../images/gfx_buyReplacementOv.gif); } /* New Buy Rep Parts Call out */ #footerCallouts #buyRepParts { margin: 0 20px 0 0; width: 120px; background:url(../images/carseat2.jpg) 0 0 no-repeat; height: 120px; padding: 20px 0 0 82px; } #footerCallouts #buyRepParts a { display: block; width: 120px; height: 120px; } #footerCallouts #buyRepParts a:hover, #footerCallouts #buyRepParts a:active { background-position: 0 -31px; } /* Back up for Buy Rep Parts Call out */ /* #footerCallouts #buyRepParts { margin: 0 20px 0 0; width: 120px; background:url(../images/gfx_buyReplacement.gif) 0 0 no-repeat; height: 76px; padding: 20px 0 0 82px; } #footerCallouts #buyRepParts a { background: url(../images/text_buyReplacement.gif) 0 0 no-repeat; display: block; width: 122px; height: 31px; } #footerCallouts #buyRepParts a:hover, #footerCallouts #buyRepParts a:active { background-position: 0 -31px; } */ #footerCallouts #getCatalog { padding: 20px 0 0 0; background:url("../images/brusale2.jpg") 0 0 no-repeat; height: 127px; width: 200px; margin: 0 5px 0 0; } #footerCallouts #getCatalog a { display: block; width: 200px; height: 131px; } #footerCallouts #getCatalog a:hover, #footerCallouts #getCatalog a:active { background-position: 0 -31px; } #footerCallouts #safety { padding: 12px 0 0 0; width: 225px; margin: 0 15px 0 0; } #footerCallouts #safety a { background-image: url(../images/gfx_safetyRecallUp.gif);background-position: right 10px; } #footerCallouts #safety a:hover, #footerCallouts #safety a:active { background-image: url(../images/gfx_safetyRecallOv.gif); } #footerCallouts #catalog { padding: 5px 0 0 0; width: 215px; margin: 0 48px 0 0; _margin-right: 44px; } #footerCallouts #catalog a { background-image: url(../images/gfx_catalogUp.gif); background-position: right 15px; } #footerCallouts #catalog a:hover, #footerCallouts #catalog a:active { background-image: url(../images/gfx_catalogOv.gif); } #footerCallouts #recall { width: 190px; margin: 0 48px 0 25px; _margin-right: 44px; } #footerCallouts #recall ul { list-style: none; } #footerCallouts #recall li { background: url(../images/arrows_dblGray.gif) 0 7px no-repeat; padding: 0 0 0 10px; } #footerCallouts #recall li a { display: inline; } #footerCallouts #recall li a:link, #footerCallouts #recall li a:visited, #footerCallouts h3 a:link, #footerCallouts h3 a:visited { color: #46ade6;} #footerCallouts #recall li a:hover, #footerCallouts #recall li a:active, #footerCallouts h3 a:hover, #footerCallouts h3 a:active { color:#16619E } #footerCallouts .last { margin: 0;} #footerCallouts #receiveNews h3, #footerCallouts #recall h3 { color: #46ade6; } /* Main Navigation */ #nav, #nav ul { list-style: none; z-index: 100;} #nav { width: 700px; } #nav { background: white; height: 30px; margin-left: 22px; } body.home #nav { margin-left: 34px; margin-left: 48px;} #nav a { display: block; color: #7C6240; text-decoration: none; } #nav li { float: left; /*position: relative;*/ } #nav a.top { background-position: 0 0; background-repeat: no-repeat; display: block; height: 19px; padding: 0; width: auto; } #nav a.top:hover, #nav a.top:active, #nav li.over a.top { background-position: 0 -23px;} #nav li.level-1 { margin-right: 10px; background: url(../images/nav_dot.gif) right 5px no-repeat; } #nav li#products, #nav li#products a.top { width: 95px; } #nav li#products a.top { background-image: url(../images/nav_products.gif); } #nav li#whereToBuy, #nav li#whereToBuy a.top { width: 139px; } #nav li#whereToBuy a.top { background-image: url(../images/nav_whereToBuy.gif); } #nav li#register, #nav li#register a.top { width: 215px; } #nav li#register a.top { background-image: url(../images/nav_registerProduct.gif); } #nav li#help { width: 105px; background: none; } #nav li#help a.top { background-image: url(../images/nav_helpCenter.gif); } #nav a.top span { display: none; } /* 2ND LEVEL */ #nav li ul { /*display: none; left: 0;*/ left: -999em; position: absolute; z-index: 1000;} #nav li ul { height: auto; width: 150px; font-weight: normal; width: 220px;} #nav li.over ul.dropdown { /*, #nav li:hover ul.dropdown*/ left: auto; } #nav ul li.top {height: 5px; background: url(../images/subnav_topLeftCorner.gif) 0 0 no-repeat; padding: 0 0 0 8px; _margin-bottom: -8px;} #nav ul li.top span { display: block; height: 5px; background: url(../images/subnav_topRightCorner.gif) top right no-repeat;} #nav ul li.bottom { height: 5px; background: url(../images/subnav_btmLeftCorner.gif) 0 0 no-repeat; border: none; padding: 0 0 0 8px; z-index: 0;} #nav ul li.bottom span { display: block; height: 5px; background: url(../images/subnav_btmRightCorner.gif) top right no-repeat;} #nav ul li a.last { border: none;} #products ul.dropdown li.top span, #products ul.dropdown li.bottom span { width: 142px; width: 187px; } ul#registerDrop { width: 180px; } ul#registerDrop li.top span, ul#registerDrop li.bottom span { width: 172px; } #nav ul#registerDrop li { width: 180px; } #nav ul#productsDrop, #nav ul#productsDrop li { width: 195px; } #nav ul#helpDrop, #nav ul#helpDrop li { width: 250px; } #nav ul#helpDrop a span { width: 218px;} ul#helpDrop li.top span, ul#helpDrop li.bottom span { width: 242px; } #nav ul.dropdown li a { border-right: 1px solid #a3d6f3; border-left: 1px solid #a3d6f3; } #nav ul.dropdown { margin: 0 0 0 -5px; } #nav li li { padding: 0; width: 150px; background: url(../images/bg_subnav2.gif) 0 0 repeat-y; background: white; width: 180px; } #nav li ul a { width: 13em; w\idth: 9em; width: auto; padding: 9px 0 0 28px; height: 19px; background: url(../images/bg_subnavRolloverWide2.gif) 0 0px repeat-x; border-bottom: 1px solid #e6e6e6; } #nav li li a:hover, #nav li li a:active, #nav li li.over a { background-position: 0 -28px; } /* THIRD LEVEL / FLYOUT */ #nav li.over ul.dropdown ul { left: -999em; } #nav ul.dropdown li.over ul { /*, #nav ul.dropdown li:hover ul display: block; z-index: 100000;*/ left: auto; } #nav li ul ul { margin: -20px 0 0 130px; width: 165px; z-index: 100000; } #nav li li li { width: 165px; z-index: 100000; } #nav li ul ul li a, #nav li.over li li a { padding: 2px 5px 2px 18px; height: auto; border-bottom: none; background: #ffffff; } #nav li li li a:hover, #nav li.over li li a:hover { background: url(../images/arrow_nav.gif) no-repeat scroll 5px 7px; font-weight: bold; } /* #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.over ul ul, #nav li.over ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } */ #nav #products ul li li.top span, #nav #products ul li li.bottom span { width: 157px} #nav ul li li.bottom span { } #nav ul li a span { background-repeat: no-repeat; background-position: 0 0; width: 115px; height: 15px; display: block; width: 130px; } #nav #products ul li a span { background-image: url(../images/subnav_productsLinks.gif); width: 160px; } #nav #register ul li a span { background-image: url(../images/subnav_registerLinks.gif); } #nav #help ul li a span { background-image: url(../images/subnav_helpCenterLinks.gif); } #nav ul li a span#byCategory, #nav ul li a span#carSeat, #nav ul li a span.sub1 { background-position: 0 -15px; } #nav ul li.over a span#carSeat, #nav ul li a:hover span.sub1, #nav ul li a:active span.sub1, #nav ul li.over a span.sub1 { background-position: 0 0px; } #nav ul li a:hover span#byCategory, #nav ul li a:active span#byCategory, #nav ul li.over a span#byCategory { background-position: 0 0px; } #nav ul li a span.sub2 { background-position: 0 -45px; } #nav ul li a:hover span.sub2, #nav ul li a:active span.sub2, #nav ul li.over a span.sub2 { background-position: 0 -30px; } #nav ul li a span#byAge { background-position: 0 -45px; } #nav ul li a:hover span#byAge, #nav ul li a:active span#byAge, #nav ul li.over a span#byAge { background-position: 0 -30px; } #nav ul li a span#byStyle, #nav ul li a span.sub3 { background-position: 0 -75px; } #nav ul li a:hover span#byStyle, #nav ul li a:active span#byStyle, #nav ul li.over a span#byStyle, #nav ul li.over a span.sub3, #nav ul li a:hover span.sub3, #nav ul li a:active span.sub3 { background-position: 0 -60px; } #nav ul li a span#byRetailer, #nav ul li a span.sub4 { background-position: 0 -105px; } #nav ul li a:hover span#byRetailer, #nav ul li a:active span#byRetailer, #nav ul li.over a span#byRetailer, #nav ul li.over a span.sub4, #nav ul li a:hover span.sub4, #nav ul li a:active span.sub4 { background-position: 0 -90px; } #nav ul li a span.sub5 { background-position: 0 -135px; } #nav ul li a:hover span.sub5, #nav ul li a:active span.sub5, #nav ul li.over a span.sub5 { background-position: 0 -120px; } #nav ul li a span.sub6 { background-position: 0 -165px; } #nav ul li a:hover span.sub6, #nav ul li a:active span.sub6, #nav ul li.over a span.sub6 { background-position: 0 -150px; } #nav ul li a span.sub7 { background-position: 0 -195px; } #nav ul li.over a span.sub7, #nav ul li a:hover span.sub7, #nav ul li a:active span.sub7, #nav ul li.over a span.sub7 { background-position: 0 -180px; } #nav ul li a span.sub8 { background-position: 0 -225px; } #nav ul li.over a span.sub8, #nav ul li a:hover span.sub8, #nav ul li a:active span.sub8, #nav ul li.over a span.sub8 { background-position: 0 -210px; } #nav ul li a span.sub9 { background-position: 0 -255px; } #nav ul li.over a span.sub9, #nav ul li a:hover span.sub9, #nav ul li a:active span.sub9, #nav ul li.over a span.sub9 { background-position: 0 -240px; } #nav ul li a span.sub10 { background-position: 0 -285px; } #nav ul li.over a span.sub10, #nav ul li a:hover span.sub10, #nav ul li a:active span.sub10, #nav ul li.over a span.sub10 { background-position: 0 -270px; } /* #nav ul li a span.sub10 { background-position: 0 -285px; } #nav ul li.over a span.sub10 { background-position: 0 -270px; } */ #nav ul li a span.sub11 { background-position: 0 -315px; } #nav ul li.over a span.sub11 { background-position: 0 -300px; } #nav ul li a span.sub12 { background-position: 0 -345px; } #nav ul li.over a span.sub12 { background-position: 0 -330px; } #nav ul li a span.sub13 { background-position: 0 -375px; } #nav ul li.over a span.sub13 { background-position: 0 -360px; } #nav ul li a span.sub14 { background-position: 0 -405px; } #nav ul li.over a span.sub14 { background-position: 0 -390px; } #nav ul li a span.sub15 { background-position: 0 -435px; } #nav ul li.over a span.sub15 { background-position: 0 -420px; } #nav ul li a span.sub16 { background-position: 0 -465px; } #nav ul li.over a span.sub16 { background-position: 0 -450px; } #nav ul li a span.sub17 { background-position: 0 -495px; } #nav ul li a:hover span.sub17, #nav ul li a:active span.sub17, #nav ul li.over a span.sub17 { background-position: 0 -480px; } #nav ul li a:hover span, #nav ul li a:active span, #nav ul li a.hover span, #nav ul li.over a span, #nav ul li a:hover span#byCategory { } /*Breadcrumb */ .breadcrumb, .breadcrumb a { color: #999999; } .breadcrumb a:link, .breadcrumb a:visited { text-decoration: underline; } .breadcrumb a:hover, .breadcrumb a:active { text-decoration: none; } .breadcrumb, .pageHeader { margin-left: 22px; } /*Page Titles */ .pageHeader { background: url(../images/bg_pageHeader.gif) no-repeat 0 18px; height: 32px; padding: 14px 0 0 50px; background: #ffffff; padding: 14px 0 0 0; } .pageHeader img { clear: both; display: block; } /*.pageHeader h1 { color: #003f82; font-weight: normal; font-size: 28px; height: 32px; padding: 0 0 0 55px; background: url(../images/bg_pageHeader.gif) 0 0 no-repeat; }*/ .pageHeader h1 span { background: #ffffff; padding: 0 5px 0 0; } .pageHeader .title { background: #fff; padding: 0 10px; float: left; } .pageHeader .title.product { margin: 5px 0 0 0; } .pageHeader .product_templateD { width: 177px; height: 19px; background: url(../images/title_capsTemplateD.gif) 10px 0 no-repeat; } .pageHeader .title.info_templateD { background: url(../images/title_TemplateD.gif) 14px 0 no-repeat; width: 182px; height: 29px; padding: 0 14px; } .pageHeader .info_templateE { background: url(../images/title_TemplateE.gif) 10px 0 no-repeat; height: 29px; width: 179px; } .pageHeader .title.product_templateE { background: url(../images/title_capsTemplateE.gif) 14px 0 no-repeat; width: 177px; height: 19px; } .pageHeader .info_templateF { background: url(../images/title_TemplateF.gif) 10px 0 no-repeat; height: 29px; width: 178px; } .pageHeader .whereToBuy { background: #ffffff url(../images/title_WhereToBuy.gif) 10px 0 no-repeat; height: 29px; width: 212px; } /* Layouts */ #layout { margin: 0 0 40px 22px; height: 100%; clear: both; *position:relative; *z-index:2;} #layout #col1 { width: 692px; float: left; margin: 26px 0 0 0; *margin: 0; *padding: 26px 0 0; *overflow: visible; *position: relative; *z-index: 100; } #layout #col2 { width: 193px; float: right; margin: 26px 0 0 0;} #layout.oneColLeftnav #col1 { width: 918px;} #layout.oneColLeftnav #col1 .content { width: 660px; float: right} #layout.oneColLeftnav #col1 .content.grid, #layout.oneColLeftnav #col1 .content.productPage, #layout.oneColLeftnav .content.grid, #layout.oneColLeftnav .content.productPage { width: 704px; float: right; } #layout #col1.tabs { width: 710px; } #layout.bg { margin-bottom: 0; } #layout.Img1 { background: url(../images/bgImg_girlGlasses.jpg) 355px bottom no-repeat; |background-position: 355px 104%; _background-position: 355px 97%; padding: 0 0 100px 0; } #layout.Img2, .Img2 { background: url(../images/bg_motherHoldingBaby.jpg) 600px bottom no-repeat; |background-position: right 101%; _background-position: right 95%; padding: 0 0 180px 0; _padding-bottom: 220px; } #layout.Img3, .Img3 { background: url(../images/bg_motherHoldingBabyLg.jpg) 10px bottom no-repeat;_background-position: 10px 94%; padding: 0 0 100px 0;} #layout.Img4, .Img4 { background: url(../images/bg_motherHoldingBabyLg.jpg) 370px bottom no-repeat; |background-position: 370px 101%; _background-position: 370px 96%; padding: 0 0 100px 0; } #layout.Img10, .Img10 { background: url(../images/BLP0034288_Veer2.jpg) 10px bottom no-repeat; padding: 0 0 100px 0; } #layout.Img11, .Img11 { background: url(../images/BLP0034288_Veer2.jpg) 400px bottom no-repeat; padding: 0 0 100px 0; } #layout.Img12, .Img12 { background: url(../images/BLP0034288_Veer2.jpg) 550px bottom no-repeat; padding: 0 0 250px 0; } #layout.Img13, .Img13 { background: url(../images/DVP4988258_Veer.jpg) 550px bottom no-repeat; padding: 0 0 250px 0; } #layout.Img14, .Img14 { background: url(../images/DVP4988258_Veer.jpg) 500px bottom no-repeat; padding: 0 0 200px 0; } #layout.Img15, .Img15 { background: url(../images/DVP4942828_Veer2.jpg) 10px bottom no-repeat; padding: 0 0 50px 0; } #layout.Img16, .Img16 { background: url(../images/MWP0012854_Veer.jpg) 650px bottom no-repeat; padding: 0 0 50px 0; } #layout.Img17, .Img17 { background: url(../images/PDP0962161_Veer2.jpg) 560px bottom no-repeat; padding: 0 0 100px 0; } #layout.Img18, .Img18 { background: url("../images/AYP0788519_Veer.jpg") 670px bottom no-repeat; padding: 0 0 100px 0; } #layout.Img19, .Img19 { background: url(../images/OJP0001151_Veer.jpg) 400px center no-repeat; padding: 0 0 100px 0; } #layout.Img20, .Img20 { background: url(../images/RBP9014847_Veer.jpg) 200px bottom no-repeat; padding: 0 0 200px 0; } #layout.Img21, .Img21 { background: url(../images/OJP0001151_Veer.jpg) 550px bottom no-repeat; padding: 0 0 100px 0; } #layout.Img22, .Img22 { background: url(../images/PDP0943903_Veer.jpg) 700px bottom no-repeat; padding: 0 0 100px 0; } #col1 .subCol { float: left; margin-right: 10px; } #col1 .subCol.last { margin-right: 0;} #col1.twoSubCols .subCol { width: 340px;} #col1.twoSubCols label { width: 140px; } #col1.twoSubCols input.text { width: 180px;} #col1.twoSubCols .clear { line-height: 1px; } #col1.threeSubCols .subCol { width: 224px; float: left; margin-right: 10px; } #col1.threeSubCols .subCol.last { margin-right: 0; } /* Sidebar Callouts/ Modules */ .sidebarModule { margin: 0 0 15px 0; } .sidebarModule .content, #layout.productPage #col1 #leftnav .sidebarModule .content { padding: 0 13px 10px 13px; background: url(../images/bg_sidebarMod.gif) 0 0 repeat-y; } .sidebarModule .top { background: url(../images/bg_sidebarTop.gif) 0 0 no-repeat; width: 192px; height: 36px; } .sidebarModule .top h3 { font-size: 12px; font-weight: bold; margin: 0; padding: 10px 0 0 18px; } .sidebarModule .bottom { background: url(../images/bg_sidebarBtm.gif) 0 0 no-repeat; height: 14px; } .sidebarModule h2, .sidebarModule h2 a { color: #e781af; font-size: 14px; margin: 0; padding: 5px 0; } .sidebarModule p, .sidebarModule li { line-height: 16px; font-size: 10px; padding: 2px 0 0 0; margin: 0; } .sidebarModule hr, .sidebarModule div.hr { margin: 10px 0; } .sidebarModule p a { /*background: url(../images/arrow_small_ltBlue.gif) right 2px no-repeat; padding-right: 8px; */ } .sidebarModule p a:hover, .sidebarModule p a:active { text-decoration: none; } .sidebarModule input.text { width: 100px; } /* for left rail callout */ #layout.oneColLeftnav #col1 .sidebarModule .content { float: none; width: 166px; } .sidebarModule h4 { margin-top: 0; padding: 5px 0 0 0; } .sidebarModule .content p, .sidebarModule .content h2, .sidebarModule .content h4 { padding-right: 5px; padding-left: 5px;} .sidebarModule.alert .top { background-image: url(../images/bg_alert_sidebarTop.gif); color: #ffffff; text-transform:uppercase;} .sidebarModule.alert .content { background-image: url(../images/bg_alert_sidebarMod.gif); color:#666666; } .sidebarModule.alert .bottom { background-image: url(../images/bg_alert_sidebarBtm.gif) } .sidebarModule.alert .content h4 { color: #a8004c; } .sidebarModule p.thumb { text-align: center; padding-top: 10px; } /* .sidebarModule.alert .content h4, .sidebarModule.alert .content a { color: #b10b0b; } .sidebarModule.alert p a { background: url(../images/arrow_red.gif) right 3px no-repeat; padding-right: 8px; } .sidebarModule.alert p { margin: 2px 0 8px 0;} .sidebarModule.alert .content h5 { margin: 10px 0 0 0;} */ .sidebarModule.mktg .top { background-image: url(../images/bg_sidebarTopBlue.gif); color: #1365a0; } .sidebarModule.mktg .content { background-image: url(../images/bg_sidebarModBlue.gif) } .sidebarModule.mktg .bottom { background-image: url(../images/bg_sidebarBtmBlue.gif) } .sidebarModule.mktg .content h4 { color: #70c6f0; } .sidebarModule.editorial .top { background-image: url(../images/bg_sidebarTopGreen.gif); color: #63741e; } .sidebarModule.editorial .content { background-image: url(../images/bg_sidebarModGreen.gif) } .sidebarModule.editorial .bottom { background-image: url(../images/bg_sidebarBtmGreen.gif); } .sidebarModule.editorial .content h4 { color: #b2d234 } .sidebarModule.editorial .top.motherBaby { background-image: url(../images/bg_sidebarTopGreenMotherBaby.gif); height: 107px;} .sidebarModule.recent .top { background-image: url(../images/bg_sidebarTopPink.gif); color: #a8004c; } .sidebarModule.recent .content { background-image: url(../images/bg_sidebarModPink.gif); } .sidebarModule.recent .bottom { background-image: url(../images/bg_sidebarBtmPink.gif); } .sidebarModule.recent .dkRed { color: #a8004c; font-weight: bold; } .sidebarModule.recent .content h4 { color:#e781af; } .sidebarModule p.registryIcon { background: url(../images/icon_circleGiftbox.gif) 0 10px no-repeat; padding: 17px 0 8px 55px; } .sidebarModule p.preferencesIcon { background: url(../images/icon_gears.gif) 0 10px no-repeat; padding: 10px 0 0 63px; } .recallModRt { clear: both; margin: 15px 0; background: url(../images/bg_recallModRt.gif) 0 0 no-repeat; text-align: center; width: 200px; height: 96px; padding: 5px 0 0 0; } #col1 #leftNav .recallModRt h3 { margin: 5px 0; } #layout.productPage #col1, #layout.productPage #col2 { margin-top: 44px; _padding-bottom: 22px;} #layout.infoPage #col1, #layout.infoPage #col2 { margin-top: 38px; } #layout.productPage #col1 .content { width: 470px; float: right;} #layout.infoPage #col1 .content { width: 433px; float: right;} #col1 #leftNav, #leftNav { float: left; width: 214px; margin: 0 0 0 0; } #col1 #leftNav h3, #leftNav h3 { color: #003f82; margin: -5px 0 10px 0; font-weight: bold } #layout ul.vertNav { list-style: none; margin: 0 0 15px 1px; clear: both; } #layout ul.vertNav li { margin: 0; border-bottom: 1px solid #e5e5e5; float: left; } #layout ul.vertNav, #layout ul.vertNav li { width: 210px; width: 200px; } #layout ul.vertNav li.last { border-bottom: none; } .vertNav a { color: #003f82; font-size: 12px; display: block; padding: 2px 5px 3px 10px} .vertNav a:link, .vertNav a:visited { background: url(../images/arrow_ltBlue2.gif) 0 6px no-repeat; } .vertNav a:hover, .vertNav a:active { background: url(../images/bg_leftNavArrow.gif) 0 3px no-repeat; } .vertNav a { padding: 3px 0 3px 18px; } .vertNav a:link, .vertNav a:visited { background: url(../images/arrow_circleLtBlue.gif) 1px 6px no-repeat; } .vertNav a:hover, .vertNav a:active, .vertNav a.selected, .vertNav.product li.over a { background: url(../images/bg_leftNavCircle.gif) 0px 5px no-repeat} #layout ul.vertNav ul.subList ul li a:hover, #layout ul.vertNav ul.subList ul li a:active, #layout ul.vertNav ul.subList ul li a.selected { color: #0D619E; } #layout ul.vertNav ul.subList, #layout ul.vertNav ul.subList ul { display: block; background: none; border: none; list-style: none; } #layout ul.vertNav ul.subList, #layout ul.vertNav ul.subList ul, #layout ul.vertNav ul.subList li { margin: 0; } #layout ul.vertNav ul.subList ul { padding: 0 0 10px 0; clear: both; background: #f8f8f8; border-top: 1px solid #ffffff; } #layout ul.vertNav ul.subList li a { margin: 0; background: #efefef; font-size: 11px; color: #0d619e; font-weight: bold; border-bottom: 1px solid #cccccc; } #layout ul.vertNav ul.subList ul li { background: #f8f8f8; width: 185px; margin: 0; } #layout ul.vertNav ul.subList ul li a { font-size: 11px; background: url(../images/arrow_ltBlue2.gif) 5px 8px no-repeat; font-weight: normal; color: #666666; border: none; } #layout ul.vertNav ul.subList li li { padding: 0 0 0 15px; } #layout ul.vertNav ul.subList li, #layout ul.vertNav ul.subList a { border: none; background: none; color: #000000; } #layout ul.vertNav.product, #layout ul.vertNav.product li {/*width: 193px; */ width: 200px; } #layout .vertNav.product li { z-index: 0; } #layout .vertNav.product li li { z-index: 10000;} .vertNav.product a { padding: 3px 0 3px 18px; /*white-space: nowrap; */} .vertNav.product a:link, .vertNav.product a:visited { background: url(../images/arrow_circleLtBlue.gif) 1px 6px no-repeat; } .vertNav.product a:hover, .vertNav.product a:active, .vertNav.product li.over a, .vertNav.product a.selected { background: url(../images/bg_leftNavCircle.gif) 0px 5px no-repeat} #layout .vertNav ul li { border-left: 1px solid #A3D6F3; border-right: 1px solid #A3D6F3; background: #ffffff} #layout .vertNav ul li.top {height: 5px; background: url(../images/subnav_topLeftCorner.gif) 0 0 no-repeat; padding: 0 0 0 8px; _margin-bottom: -8px; border: none; } #layout .vertNav ul li.top span { display: block; height: 5px; background: url(../images/subnav_topRightCorner.gif) top right no-repeat;} #layout .vertNav ul li.bottom { height: 5px; background: url(../images/subnav_btmLeftCorner.gif) 0 0 no-repeat; border: none; padding: 0 0 0 8px;} #layout .vertNav ul li.bottom span { display: block; height: 5px; background: url(../images/subnav_btmRightCorner.gif) top right no-repeat;} #col1 .content { width: 484px; float: left;} #layout .vertNav.product ul { left: -999em; position: absolute; z-index: 1000; list-style: none; } #layout .vertNav.product ul li { z-index: 1000; border-bottom: none; } #layout .vertNav.product ul, #layout .vertNav.product ul li { width: 170px; } #layout .vertNav.product ul li a { background: none; padding: 0; font-size: 11px; } #layout .vertNav.product ul li a:link, #layout .vertNav.product ul li a:visited { color: #46ADE6; } #layout .vertNav.product ul li a:active, #layout .vertNav.product ul li a:hover { color: #003f82 } #layout .vertNav.product li.over ul { left: auto; margin: -20px 0 0 130px; } #layout .vertNav.product ul li.top, #layout .vertNav.product ul li.bottom { width: 164px; } #layout .vertNav.product ul li p { margin: 8px 5px; } #layout .vertNav.product ul li .closeFlyout { text-align: center; float: right; margin: 0 3px 0 0; border: 1px solid #000000; cursor:pointer } #layout .vertNav li.parentNavItem li span { } #layout .vertNav.product ul .col { float: left; margin: 0 5px 0 13px; padding: 5px 0;} #layout .vertNav.product ul .col .checkbox { float: left; width: 17px; } #layout .vertNav.product ul .col span { width: 120px; float: right; } #layout .vertNav.product ul.flyout2Cols, #layout .vertNav.product ul.flyout2Cols li { width: 320px; } #layout .vertNav.product ul.flyout2Cols { background: #fff; } #layout .vertNav.product ul.flyout2Cols li.top, #layout .vertNav.product ul.flyout2Cols li.bottom { width: 314px; } #layout .vertNav.product ul.flyout2Cols .col, #layout .vertNav.product ul .col { width: 140px; } #layout .vertNav.product ul.flyout2Cols ul { width: 135px; float: left; position: relative} #layout .vertNav.product ul.flyout2Cols ul li { width: 135px;} #layout .vertNav.product ul.flyout3Cols, #layout .vertNav.product ul.flyout3Cols li { width: 480px; } #layout .vertNav.product ul.flyout3Cols li.top, #layout .vertNav.product ul.flyout3Cols li.bottom { width: 474px; } fieldset#acctContactPrefs p { margin-left: 70px; } img.left { margin: 0 5px 0 0; float: left; } .contactCol { float: left; width: 330px; } .contactCol p { margin: 15px 0; } /* Product Grid */ /* .productGrid.collection .image { margin: 20px 0 0 0; height: 155px; } .productImageBlock { width: 170px; height: 257px; float: left; text-align: center; margin: 0 7px 10px 0; _margin-right: 7px; z-index:-1} .productGrid .last { margin-right: 0; } .productImageBlock { background: url(../images/bg_productImage.gif) 0 0 no-repeat; padding: 2px 0 0; height: 260px; display:block } .productImageBlock .image { text-align: center; margin: 10px 0 5px 0; height: 155px; position:relative; } .productImageBlock .image .imgvideocallout{position:absolute;top:-9px;right:7px;z-index:0;} .productImageBlock p { margin: 0; } .productImageBlock h4 { margin: 2px 0; font-size: 11px; line-height: 14px; height: 30px; margin: auto} .productImageBlock table { margin: auto; } .productImageBlock td { vertical-align: middle; height: 42px; font-size: 10px; line-height: 14px; text-align: center; font-weight: bold; text-align: center; } .productImageBlock .detail { font-size: 10px; color: #666666; line-height: 12px; clear: both} .productImageBlock .viewDetail { color: #003f82; background: url(../images/arrow_small_ltBlue.gif) no-repeat right 3px; padding-right: 10px; font-weight: bold; margin: auto; } .productImageBlock a:link, .productImageBlock a:visited { display: block; } .productImageBlock:hover, .productImageBlock:active { background-position: 0 -262px; } .productImageBlock a:link h4, .productImageBlock a:visited h4, .productImageBlock a:link td, .productImageBlock a:visited td { color: #636467; } .productImageBlock a:hover h4, .productImageBlock a:active h4 , .productImageBlock a:hoverk td, .productImageBlock a:active td{ color: #990033; } */ /* commented on 3/13/15 and added below section. Ticket #16562 .productGrid.collection .image { margin: 20px 0 0 0; height: 155px; } .productImageBlock { width: 170px; height: 257px; float: left; text-align: center; margin: 0 7px 10px 0; _margin-right: 7px; z-index:-1;/*position:relative;*/} /* .productGrid .last { margin-right: 0; } .productImageBlock { background: url(../images/bg_productImage.gif) 0 0 no-repeat; padding: 2px 0 0; height: 260px; display:block } .productImageBlock .image { text-align: center; margin: 10px 0 0 0; height: 155px; position:relative; } .productImageBlock .image .imgvideocallout{position:absolute;top:-9px;right:7px;z-index:0;} .productImageBlock p { margin: 0; } .productImageBlock h4 { margin: 2px 0; font-size: 11px; line-height: 14px; height: 30px; margin: auto} .productImageBlock table { margin: auto; } .productImageBlock td { vertical-align: middle; height: 42px; font-size: 10px; line-height: 14px; text-align: center; font-weight: bold; text-align: center; } .productImageBlock .detail { font-size: 10px; color: #666666; line-height: 12px; position:absolute;width:100%;bottom:32px;left:0;} .productImageBlock .viewDetail { color: #003f82; background: url(../images/arrow_small_ltBlue.gif) no-repeat right 5px; padding-right: 10px; font-weight: bold; margin: auto;bottom: 15px;left: 45px;position: absolute;} .productImageBlock .view {background: url("../images/arrow_small_ltBlue.gif") no-repeat scroll right 3px rgba(0, 0, 0, 0);color: #003F82;font-weight: bold;margin: auto;padding-right: 10px;} .productImageBlock a:link, .productImageBlock a:visited { display: block;height: 100%;position: relative;cursor:pointer;} .productImageBlock:hover, .productImageBlock:active { background-position: 0 -262px; } .productImageBlock a:link h4, .productImageBlock a:visited h4, .productImageBlock a:link td, .productImageBlock a:visited td { color: #636467; } .productImageBlock a:hover h4, .productImageBlock a:active h4 , .productImageBlock a:hoverk td, .productImageBlock a:active td{ color: #990033; } .productImageBlock h3 { margin: 0;font-size:10px;font-weight:bold; } */ .productGrid.collection .image { margin: 20px 0 0 0; height: 155px; } .productImageBlock { width: 170px; height: 257px; float: left; text-align: center; margin: 0 7px 10px 0; _margin-right: 7px; z-index:-1;/*position:relative;*/} .productGrid .last { margin-right: 0; } .productImageBlock { background: url(../images/bg_productImage.gif) 0 0 no-repeat; padding: 2px 0 0; background-size: 170px 576px; height: 283px; display:block } .productImageBlock .image { text-align: center; margin: 10px 0 0 0; height: 155px; position:relative; } .productImageBlock .image .imgvideocallout{position:absolute;top:-5px;right:7px;z-index:0;} .productImageBlock p { margin: 0; } .productImageBlock h4 { margin: 2px 0; font-size: 11px; line-height: 14px; height: 30px; margin: auto} .productImageBlock table { margin: auto; } .productImageBlock td { vertical-align: middle; height: 42px; font-size: 10px; line-height: 14px; text-align: center; font-weight: bold; text-align: center; } .productImageBlock .detail { font-size: 10px; color: #666666; line-height: 12px; width:100%; left:0;} .productImageBlock .viewDetail { color: #003f82; background: url(../images/arrow_small_ltBlue.gif) no-repeat right 5px; padding-right: 10px; font-weight: bold; margin: auto;bottom: 15px;left: 45px;position: absolute;} .productImageBlock .view {background: url("../images/arrow_small_ltBlue.gif") no-repeat scroll right 3px rgba(0, 0, 0, 0);color: #003F82;font-weight: bold;margin: auto;padding-right: 10px;} .productImageBlock a:link, .productImageBlock a:visited { display: block;height: 100%;position: relative;cursor:pointer;} .productImageBlock:hover, .productImageBlock:active { background-position: 0 -291px; } .productImageBlock a:link h4, .productImageBlock a:visited h4, .productImageBlock a:link td, .productImageBlock a:visited td { color: #636467; } .productImageBlock a:hover h4, .productImageBlock a:active h4 , .productImageBlock a:hoverk td, .productImageBlock a:active td{ color: #990033; } .productImageBlock .msrp {font-weight:bold; font-size:10px; color:#666; } .productImageBlock .price {display:inline; color:#96a82f; font-size:10px; } .productImageBlock h3 { margin: 0;font-size:10px;font-weight:bold; display:inline;} .gridControls { margin: 0 0 10px 0; width: 703px; } .gridControls .leftControls { float: left; width: 300px; } .gridControls .rightControls { float: right; width: 500px; text-align: right; } .resultCount { float: left; width: 105px; padding: 0 0; font-size: 14px; font-weight: bold; text-align:right; margin-top:0px } .paginationContainer { width: 116px; position: relative; float: right; height: 20px; margin-right:10px; } a.viewAll { display:block; position:relative; float:right;} .content.grid .gridControls { margin-top:8px; } #layout #sortBy, #layout #sortBy ul { list-style: none; margin: 0; } #layout #sortBy { width: 113px; } #sortBy li.parentNavItem { background: url(../images/btn_sortBy.gif) 0 0 no-repeat; height: 18px; } #layout #sortBy li { float: left; width: 113px; margin: 0;} #layout #sortBy ul { position: absolute; left: -9999em; width: 111px; background: #ffffff; border: 1px solid #46ade6; } #layout #sortBy li:hover ul, #layout #sortBy li.over ul { left: auto; margin: 17px 0 0 0; } #layout #sortBy li li { background: #ffffff; margin: 0; width: 111px; } #layout #sortBy li li a { padding: 2px 5px; width: 100px; display: block; } #layout #sortBy a:hover, #layout #sortBy a:active { color: #16619E; } #selectPage { position: absolute; left: 18px; width: 80px; } #layout ul#selectPage, #layout #selectPage ul, #layout ul#selectPage li { list-style: none; margin: 0;} #layout ul#selectPage a { display: block; width: 70px; } ul#selectPage { border: 1px solid #46ade6; border-width: 1px 0; } ul#selectPage li { float: left; line-height: 16px; height: 17px; background: url(../images/arrow_ltBlueDown.gif) 65px 6px no-repeat; } ul#selectPage ul { position:absolute; left: -9999em; z-index: 100000; } #layout ul#selectPage li:hover ul, #layout ul#selectPage li.over ul { left: auto; background: #fff; border: 1px solid #46ade6; margin: 0 0 0 -5px; |margin: 15px 0 0 -49px; } #layout ul#selectPage li, #layout ul#selectPage ul, #layout ul#selectPage ul li { width: 80px; text-align: left; } #layout ul#selectPage li, #layout ul#selectPage ul li { padding: 0 5px; width: 70px; } a.paginationArrow { width: 18px; height: 19px; display: block; position: absolute;} ul#selectPage li li { background: #fff; } #layout #selectPage a:hover, #layout #selectPage a:active { color: #16619E; } ul#selectPage li.parentNavItem { } a.paginationArrow.right:link, a.paginationArrow.right:visited { background: url(../images/btn_arrow_small.gif) 0 0 no-repeat; right: 0; } a.paginationArrow.left:link, a.paginationArrow.left:visited { background: url(../images/btn_arrowLeft_small.gif) 0 0 no-repeat; left: 0;} a.paginationArrow.right:hover, a.paginationArrow.right:active, a.paginationArrow.left:hover, a.paginationArrow.left:active { background-position: 0 -19px;} /* Where to Buy */ #findByZip { position: relative; margin: 10px 0 50px 0; } #findByZipInput { width: 200px; position: absolute; left: 480px; top: -2px; } .enterZip { width: 120px; height: 23px; position: relative} #findByZip input { width: 85px; } .retailerName { font-size: 12px; font-weight: bold; } .retailerName a, .mapLink a, .emailLink a { text-decoration: underline; } #retailersList a { text-decoration: underline; } /*#col1.threeSubCols table .subCol { float: none; }*/ #whereToBuyLogos .subCol .retailerLogo img { padding-top: 30px;} .retailerLogo.featured img { padding-top: 65px;} #whereToBuyLogos .subCol .retailerLogo { width: 224px; background: url(../images/bg_retailerLogo.gif) 0 0 no-repeat; height: 120px; margin: 0 0 15px 0; text-align: center; position: relative} .retailerLogo.featured { background-image: url(../images/bg_retailerLogoFeatured.gif); height: 143px; } .retailerLogo * { z-index: 1; } .retailerLogo .hoverBg { width: 224px; height: 118px; background:url(../images/bg_over_retailerLogo.gif) 0 0 no-repeat; position: absolute; top: 1px; left: 1px; z-index: 10000; padding: 3px 0 0 0; display: none; filter: alpha(opacity=75);-moz-opacity: 0.75; opacity: 0.75; } .retailerLogo .retailerLinks { width: 224px; height: 118px; position: absolute; top: 1px; left: 1px; z-index: 100000; padding: 8px 0 0 0; display: none; } .retailerLogo.featured .hoverBg { width: 211px; height: 107px; background:url(../images/bg_over_retailerLogoFeat.gif) 0 0 no-repeat; position: absolute; top: 27px; left: 7px; filter: alpha(opacity=75);-moz-opacity: 0.75; opacity: 0.75; z-index: 10000; padding: 5px 0 0 0; } .retailerLogo.featured .retailerLinks { width: 211px; height: 107px; position: absolute; top: 27px; left: 7px; z-index: 100000; padding: 5px 0 0 0; display: none; } .retailerLogo.over .hoverBg, .retailerLogo.featured.over .hoverBg, .retailerLogo.over .retailerLinks, .retailerLogo.featured.over .retailerLinks { display: block; } .retailerLogo .link { background:url(../images/bg_retailerLogoLink.gif) 0 0 no-repeat; width: 107px; height: 30px; margin: auto; filter: alpha(opacity=100);-moz-opacity: 1.0; opacity: 1.0; padding: 5px 0 0 0; z-index: 1000000; } .retailerLogo.featured .link { background-image:url(../images/bg_retailerLogoLinkFeat.gif ); } .link a { padding: 0 7px 0 0; background: url(../images/arrow_ltBlue_tiny.gif) right 4px no-repeat; } .retailerLogo img.paddingTop { vertical-align:middle; padding: 35px 0 0 0; } .retailerLogo img.short { padding: 15px 0 0 0; } .retailerLogo.featured img.toysRUs, .retailerLogo.featured img.short { vertical-align:middle; padding: 50px 0 0 0; } #whereToBuyLogos { margin: 30px 0 0 0; } #whereToBuyLogos .subCol { position: relative; } /* Scrolling widget */ #scrollbar_container { position:relative; height:267px; background: url(../images/bg_horizScrollerContainer2.gif) -1px 0 no-repeat; width: 704px; margin: 0 0 15px 0; } #scrollbar_container h2 { text-transform:uppercase; color: #ffffff; margin-bottom: 10px; |margin-bottom: 10px; padding-top: 10px; |padding-top: 0; padding-left: 20px; } #scrollbar_container h4 { text-transform:uppercase; color: #ffffff; margin-bottom: 14px; |margin-bottom: 14px; padding-top: 10px; |padding-top: 0; padding-left: 20px; } #scrollbar_track { position:absolute; top:233px; left:13px; padding: 0 17px; width:610px; height:20px; /*background: url(../images/bg_horizScroller.gif) -1px 0 no-repeat;*/ cursor: auto } #scrollbar_handle { width:36px; background: url(../images/bg_horizScrollerHandle.gif) 0 0 no-repeat; cursor: pointer; height: 13px; margin-top: 4px} #scrollbar_content { overflow:hidden; width:674px; height:185px; margin: 0 13px;} .accordion #scrollbar_container { height: auto; /*background-image: url(../images/bg_scrollerTop.gif);*/ background: none; } .accordion #scrollbar_container .accordion_child { padding: 35px 15px 0 15px; } .accordion #scrollbar_container.module .top { background-image: url(../images/bg_moduleTopRt_pink.gif); } .accordion #scrollbar_container.module .top span { background-image: url(../images/bg_moduleTopLt_pink.gif); } /* bg_scrollerTop.gif */ .accordion #scrollbar_container .header { background: #a19f9f; height: 24px; } .accordion #scrollbar_container .header h4 { color: #ffffff; text-transform:uppercase; margin: 0; padding: 5px 2px; } .accordion #scrollbar_container.module .header h4 { padding: 0 0 0 10px; } .accordion #scrollbar_container .spacer { height: 20px; background: none} .accordion #scrollbar_container.module .contentContainer { } .accordion #scrollbar_container #scrollbar_content { margin: 0 20px 0 8px; } .accordion #scrollbar_container #scrollbar_track { left: 10px; top: 240px; background: url(../images/bg_scrollBar.gif) 0 0 no-repeat; width: 645px; } .accordion #scrollbar_container #scrollbar_handle { padding-right: 33px; margin: 5px 0 0 0; } .block { width: 110px; height: 180px; margin: 2px 3px; float: left; cursor:pointer; } .block:hover, .block.selected { } .block .thumb { height: 110px; padding: 0 0 10px 0; width: 90px; margin: auto; } .block .thumb img { } .block a, .block a:link, .block a:visited { display: block; padding: 20px 0 20px 0; height: 140px; text-align: center; background: url(../images/bg_horizScrollerBlock.gif) 0 0 no-repeat; text-transform:uppercase; color: #9a9a99; font-weight: bold; font-size: 10px; line-height: 15px;} .block a:hover, .block a:active, .block a.selected, .block a:visited.selected { background:url(../images/bg_horizScrollerBlockOn.gif) 0 0 no-repeat; color: #6d6e71;} #scrollbar_container.favorites { width: 672px; background: url(../images/bg_horizScrollerContainer3.gif) 0 0 no-repeat;} #scrollbar_container.favorites #scrollbar_content { width: 642px; } #scrollbar_container.favorites #scrollbar_track { width: 580px; } #scrollbar_container.favorites #scrollbar_handle { margin-top: 2px; } #scrollbar_container.favorites .block a, #scrollbar_container.favorites .block a:link, #scrollbar_container.favorites .block a:visited { text-transform:none; line-height: 12px; } #scrollbar_container.favorites .thumb { padding: 0 0 8px 0; } /* Tabs */ #tabWidget { } #tabWidget .tabContent { background: #ccc url(../images/bg_tabWidgetBorders.gif) 0 0 repeat-y; padding: 0 2px; } #tabWidget .tabContent .inner { background: url(../images/bg_tabWidgetContent.gif) 1px bottom repeat-x; padding: 15px 15px; min-height: 200px; } #tabWidget .bottom { background: url(../images/bg_tabWidgetBtm.gif) 0 0 no-repeat; height: 16px; } #tabWidget label { width: 180px; text-align: left; margin-left: 10px; } #tabWidget select { width: 200px; } #tabWidget option { padding: 2px; } #tabWidget .brandNameBox { width: 300px; height: 150px; border: 1px solid #003F82; float: left; background: #ffffff; overflow: auto } #tabWidget .brandNameBox ul, .awardBox ul { list-style: none; margin: 5px 0; } #tabWidget .brandNameBox li, #layout #tabWidget .brandNameBox li, .awardBox li { background: url(../images/arrow_ltBlue_tiny.gif) 0 7px no-repeat; margin: 2px 0 2px 5px; padding: 0 0 0 3px; } #tabWidget .brandNameBox a, .awardBox a { display: block; _display:inherit; padding: 0 5px; _padding-bottom: -5px; } #tabWidget .brandNameBox a:hover, #tabWidget .brandNameBox a:active, .awardBox a:hover, .awardBox a:active{ /*background: #003F82; color: #ffffff; text-decoration: underline; */ } #layout ul.subsection_tabs { list-style: none; height: 48px; background: url(../images/bg_tabWidgetTabs.gif) 0 bottom no-repeat; margin: 25px 0 0 0; position: relative} /*-------------Change start-------------- #layout .subsection_tabs li { float: left; height: 48px; margin: 0 10px 0 0; } --------------Change End---------------------*/ #layout .subsection_tabs li { float: left; height: 48px; margin: 0 0 0 0; } #layout .subsection_tabs li#pixel { float: none; position: absolute; width: 1px; height: 1px; background: #e7e7e8; left: 0; top: 47px;} .subsection_tabs li a { display: block; width: 225px; height: 33px; text-align: center; padding: 15px 0 0 0; background: url(../images/bg_tabOff.gif) 0 0 no-repeat; text-transform: uppercase; color: #bcbdc0; font-weight: bold; } .subsection_tabs li a.active { background: url(../images/bg_tabActive.gif) no-repeat 0 0; } .subsection_tabs li a.active, .subsection_tabs li a:hover, .subsection_tabs li a:active { color: #003f82; } #tabWidget .searchByType { width: 180px; float: left; padding: 0 10px 0 10px; } #tabWidget .searchByType ul, .awardType ul { list-style: none; margin: 0; } #tabWidget .searchByType li, .awardType li { background: url(../images/arrow_ltBlue_tiny.gif) 0 7px no-repeat; padding-left: 8px; margin: 2px 0; } #tabWidget.acct { width: 707px; /*background: url(../images/bg_tabWidgetImg.gif) 0 bottom no-repeat; padding: 0 0 13px 0;*/} #tabWidget.acct .bottom { background-image: url(../images/bg_tabWidgetBtm2.gif); height: 13px; } #tabWidget.acct .tabContent { background: url(../images/bg_tabWidgetBorders2.gif) 0 0 repeat-y; padding: 0 2px; } #tabWidget.acct .tabContent .inner { background: #ffffff; } #tabWidget.acct .tabContent .tabBg { background: url(../images/bg_motherHoldingBaby2.jpg) 10px bottom no-repeat; padding-bottom: 0;} #tabWidget.acct .tabContent .tabBg2 { background: url(../images/bg_motherHoldingBaby2.jpg) 10px bottom no-repeat; padding-bottom: 230px;} #tabWidget.acct .tabContent .inner .leftCol { width: 320px; float: left; height: 100%; } #tabWidget.acct .tabContent .inner .rightCol { width: 316px; float: right } #tabWidget.acct .tabContent .inner .leftCol .leftBlock, #tabWidget.acct .tabContent .inner .rightCol .leftBlock { width: 200px; } #tabWidget.acct .tabContent .inner .leftCol .rightBlock, #tabWidget.acct .tabContent .inner .rightCol .rightBlock { width: 111px; padding: 8px 0 0 0; height: 20px;} #tabWidget.acct .tabContent .inner .leftBlock, #tabWidget.acct .tabContent .inner .rightBlock { margin: 25px 0 0 0; } #tabWidget.acct .tabContent .inner .noTop { margin-top: 0;} #tabWidget.acct .tabContent .inner .hr, .modal .hr { margin: 5px 0; } #tabWidget.acct .tabContent .inner.faves { } /*My Account subheader icons*/ .icon { color: #0d619e; font-weight: bold; padding: 7px 0 7px 35px; background-position: 0 0; background-repeat: no-repeat; } .speechBubbles { background-image: url(../images/icon_speechBubbles.gif); padding: 7px 0 7px 35px; } .cellPhone { background-image: url(../images/icon_cellPhone.gif); padding: 7px 0 7px 35px; } .thumbsUp { background-image: url(../images/icon_thumbsUp.gif); padding: 7px 0 7px 35px; } .orderStatus { background-image: url(../images/icon_calendar.gif); background-position: 0 3px; } .regProducts { background-image: url(../images/icon_paper.gif); background-position: 0 3px; } .signIn { background-image: url(../images/icon_signIn.gif); background-position: 0 3px;} .personalDetails { background-image: url(../images/icon_contactCard.gif); background-position: 0 3px; } .childDetails { background-image: url(../images/icon_childParent.gif); background-position: 0 3px; } .warning { background-image: url(../images/icon_warning.gif); background-position: 0 3px; } /* .orderStatusModule { background: url(../images/bg_orderStatusModule.gif) 0 0 no-repeat; width: 316px; height: 152px; margin: 15px 0;} .orderStatusModule table.header, .orderStatusModule .viewport { padding: 0 4px; } .orderStatusModule table.header .col1 { _padding-left: 9px; |padding-left: 9px; } .orderStatusModule table.header td { color: #ffffff; font-weight: bold; } .orderStatusModule td { padding: 3px 0; } .orderStatusModule td.col1 { width: 80px; padding-left: 5px; } .orderStatusModule td.col2 { width: 93px; } .orderStatusModule td.col3 { width: 108px; } .orderStatusModule td.noOrders { width: 100%; height: 105px; vertical-align: middle; padding: 0 0 0 5px; } .orderStatusModule .viewport { height: 115px; margin: 5px 0; overflow:auto; width: 304px; } .orderStatusModule .viewport td { font-size: 10px; } .orderStatusModule .viewport .alt { background:#f1f1f1;} */ #tabWidget.acct .regProdBlock { background: url(../images/bg_regProductAcctTop.gif) 0 0 no-repeat; width: 316px; margin: 0 0 15px 0; } #tabWidget.acct .regProdBlock .bottom { background: #ffffff url(../images/bg_regProductAcctBtm.gif) 0 0 no-repeat; height: 12px; } #tabWidget.acct .tabContent .inner .regProdBlock .leftBlock { width: 89px; margin: auto; padding: 10px 0 0 0; text-align: center; } #tabWidget.acct .tabContent .inner .regProdBlock .rightBlock { width: 217px; text-align: left; margin: 0; padding: 0; font-size: 10px; } #tabWidget.acct .tabContent .inner .regProdBlock p { margin: 4px 0 0 0; line-height: 15px; } #tabWidget.acct .tabContent .inner .regProdBlock .alert { font-weight: normal; } .regProdBlock .thumbnail { width: 89px; margin: auto; padding: 8px 0 0 0; text-align: center; vertical-align: middle} .regProdBlock .description { width: 217px; text-align: left; margin: 0; padding: 0 5px; font-size: 10px; } .registeredProduct { width: 190px; float: left; } .productInfo { float: right; width: 460px; padding: 0 10px 0 0; } .registeredProduct, .productInfo { margin: 15px 0; } .productInfo .buttons { float: right; width: 150px; text-align: right; margin: 6px 0 0 0; } .modal { width: 514px; border: 1px solid #999999; margin: 15px auto; padding: 10px 18px; background: #ffffff;} .modal label { width: 200px } .modal td { vertical-align: top; } .modal table { margin: 0 0 15px 0; } .modal .formButtons, .modal .labelSpacer { margin: 10px 0 15px 210px; } .modal .closeIcon { width: 29px; height: 29px; float: right;} .modal .icon { width: 300px; float: left; } .modal.favesPrint { width: 270px; position: absolute; top: 300px; left: 400px; z-index: 9999; } .modal.legalPopups { width: 534px; } .modal td .checkbox { margin: 5px 0 0 0; } .orderDetailsPaymentModule { width: 520px; margin: auto; } .orderDetailsPaymentModule .inner { background: #f5f5f5; padding: 0 15px; font-size: 10px; } .orderDetailsPaymentModule .inner h3 {font-weight: bold; } .orderDetailsPaymentModule .col1, .orderDetailsPaymentModule .col2 { width: 140px; float: left; } .orderDetailsPaymentModule .col3 { width: 190px; float: right; } .orderDetailsPaymentModule .col3 table.orderTotal td.col1 { font-weight: bold; width: 130px; float: none; } .orderDetailsPaymentModule .col3 table.orderTotal td.col2 { text-align: right; width: 60px; float: none; } .orderDetailsPaymentModule .top { background: url(../images/bg_orderDetailsPaymentTop.gif) no-repeat 0 0; height: 11px; _margin-bottom: -2px; } .orderDetailsPaymentModule .bottom { background: url(../images/bg_orderDetailsPaymentBtm.gif) no-repeat 0 0; height: 11px; } .orderSummary { width: 521px; margin: auto; font-size: 10px; position: relative; } .orderSummary td, .orderSummary th { text-align: right; background: none; } .orderSummary tr { background: url(../images/bg_orderSummaryTableBorders.gif) 0 0 repeat-y; position: relative } .orderSummary tr.header { background: url(../images/bg_orderSummaryTable.gif) 0 0 no-repeat; font-weight: bold; color: #ffffff; } .orderSummary tr.header th { } .orderSummary td.divider { padding: 0 10px; } .orderSummary .col1 { width: 190px; padding-left: 10px; text-align: left; float: none; } .orderSummary .col1 img { padding: 0 10px 0 0; } .orderSummary .col1 a { font-weight: bold; color: #003f82 } .orderSummary .col2 { width: 50px; } .orderSummary .col3 { width: 85px; } .orderSummary .col4 { width: 85px; } .orderSummary .col5 { width: 90px; padding-right: 20px;} .orderSummary tr.bottom { height: 7px; background: url(../images/bg_orderSummaryTableBtm.gif) 0 bottom no-repeat; } .orderSummary tr.bottom td { margin: 0 0 15px 0; } #layout ul.subsection_tabs.short { background: url(../images/bg_tabWidgetTabs2.gif) 0 bottom no-repeat; margin-top: 0; width: 710px;} #layout ul.subsection_tabs.short li a, #layout .subsection_tabs.short li a { width: 176px; background-image: url(../images/bg_tabOffShort.gif); } #layout ul.subsection_tabs.short li a.active { background-image: url(../images/bg_tabActiveShort.gif); color: #E781AF } #layout ul.subsection_tabs.short4 { height: 46px; } #layout ul.subsection_tabs.short4 li { height: 45px; margin: 0 2px 0 0; } #layout ul.subsection_tabs.short4 li a, #layout .subsection_tabs.short4 li a { width: 164px; background-image: url(../images/bg_tabOff_small.gif); } #layout ul.subsection_tabs.short4 li a.active { background-image:url(../images/bg_tabActive_small.gif); color: #E781AF} #layout .subsection_tabs.short4 li#pixel { float: none; position: absolute; width: 3px; height: 2px; background: #e7e7e8; left: 164px; top: 43px;} #layout ul.arrow { list-style: none; margin: 0 0 15px 0; } #layout ul.arrow li { background: url(../images/arrow_ltBlue2.gif) 0 5px no-repeat; padding-left: 8px; margin: 2px 0; } #layout ul.arrow li li { background: none; padding: 0; list-style:disc; margin-left: 12px; } /*Commented By Tarun*/ /*.module { margin: -6px 0 0 -4px; padding: 0 0 0 0; width: 702px; }*/ .module { margin: 20px auto; padding: 0 0 0 0; width: 702px; } .module.medium { width: 520px; } .module.short { width: 450px; } .module.recallModRt2, .leftNavMod { width: 204px; margin: 15px 0 15px 0; } .module.recallModRt2 .contentInner { text-align: center} .leftNavMod p { line-height: 14px; } .module.leftNavMod .contentInner { padding: 5px 10px; } #col1 #leftNav .module.recallModRt2 h3 { color: #E781AF } .module .contentContainer { background: url(../images/bg_moduleBorders.gif) right 0 repeat-y; padding: 0 6px 0 0;} .module .contentInner { padding: 10px 15px 10px 10px; background: #ffffff url(../images/bg_tabWidgetContent.gif) 0 bottom repeat-x;} .module .contentMain { background: url(../images/bg_moduleBorders.gif) left 0 repeat-y; padding: 0 0 0 2px; } .module .top { height: 11px; background: url(../images/bg_moduleTopRt.gif) right top no-repeat;} .module .top span { background: #ffffff url(../images/bg_moduleTopLt.gif) 0 0 no-repeat; width: 16px; height: 11px; _margin-bottom: -2px; display: block } .module .bottom { padding: 0 0 0 0; height: 16px; background: url("../images/module_btmRight.gif") right bottom no-repeat;} .module .bottom span { background: #ffffff url(../images/module_btmLeft.gif) 0 bottom no-repeat; width: 16px; height: 16px; display: block } .module.topFaq { width: 230px; float: left; margin: 45px 7px 10px 0; position: relative} .module.topFaq.last { margin-right: 0;} .module.topFaq h3 { color: #1365a0; font-weight: bold; } .module.topFaq .contentContainer { text-align: center; } .module.topFaq .contentInner { padding-top: 20px; } .module.topFaq .number { width: 59px; height: 59px; position: absolute; top: -30px; left: 82px;} .faqTopicsCol { width: 180px; float: left; padding: 0 0 0 50px;} #layout .faqTopicsCol ul ul { margin-top: 0; } #layout .faqTopicsCol ul ul li { list-style: none; background: none; font-size: 10px; padding: 0; margin: 0; line-height: 16px; } /* FAQs */ .headerFaq { height: 52px; /*background: url(../images/bg_faqBlocks.gif) 0 -10px no-repeat; padding: 0 0 0 110px;*/ padding: 0; } .headerFaq h3 { margin-top: 0; } .headerFaq .hr { margin: 5px 0; } .module.topFaqs .contentInner { } .module .faqCol { width: 203px; padding: 0 20px 0 0; float: left; } .productSearchResults label { font-weight: bold; width: 70px;} .productSearchResults.modelNum label { width: 100px; } .resultsList { float: left; width: 500px; } .productSearchResults.modelNum .resultsList { width: 300px; } #layout .resultsList ul, #layout .resultsList li { list-style: none; margin-top: 0; margin-left: 0; } /* Accordion widget */ .accordion_headings { font-weight: bold; color: #5db7e9; padding: 0 0 0 10px; background: url(../images/arrow_ltBlue2.gif) 0 6px no-repeat;} @media screen and (-webkit-min-device-pixel-ratio:0) { .accordion_headings { background-position: 0 4px; } } .header_highlight { color: #0d619e; } .accordion_headings, .closeLink { cursor:pointer; } .closeLink { color: #5db7e9; text-decoration: underline } .accordion_child { padding: 0 0 15px 0} .accordionContent { display: none; } .accordion .module {margin: 0;} .accordion .module .contentInner { padding: 10px 0 30px 0; } /* Sign in pages */ .signInPageCol { float: left; width: 50%; text-align: center } /*Background images in modules */ .moduleBg1 { /*background: url(../images/bg_babyBook.jpg) bottom right no-repeat;*/ } .moduleBg2 { background: url(../images/bg_babyToy.jpg) bottom right no-repeat; padding: 0 150px 0 0; } .moduleBg3 { /*background: url(../images/bg_babyTub.jpg) bottom right no-repeat;*/ padding: 0 190px 0 0; overflow:visible; min-height: 220px; _height: 220px;} .moduleBg4 { background: url(../images/bg_motherHoldingBaby2.jpg) bottom 10px no-repeat; } .moduleBg5 { background: url(../images/CBP1053434-js_Veer.jpg) bottom right no-repeat; padding: 0 0 0 0; overflow:visible; min-height: 260px; _height: 240px;} .moduleBg6 { background: url("../images/ISP2089612_Veer.jpg") bottom right no-repeat; padding: 0 250px 0 0; } .moduleBg7 { background: url(../images/RegistryQuick.gif) bottom right no-repeat; padding: 0 150px 0 0; } .moduleBg8 { background: url(../images/ISP2027182_Veer.jpg) bottom right no-repeat; padding: 0 150px 0 0; } .moduleBg9 { background: url(../images/FAN2016899-js_Veer.jpg) bottom right no-repeat; padding: 0 150px 0 0; } .moduleBg10 { background: url(../images/OJP0001874_Veer.jpg) bottom right no-repeat; padding: 0 270px 0 0; overflow:visible; min-height: 330px; _height: 270px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .roundedTextbox input.textbox { padding-top: 0; } #footer #promo.dailyDots span { height: 50px; } h2, h3.strong { font-weight: normal; } } /* Omnie Solutions Start*/ /* Replacement Parts Search */ .searchModule { margin: 10px auto; padding:0px; width: 440px; } .searchModule.med { width: 370px; } .searchModule.recallModRt2 { width: 104px; margin: 15px 0; } .searchModule.recallModRt2 .contentInner { text-align: center} #col1 #leftNav .searchModule.recallModRt2 h3 { color: #E781AF } .searchModule .top { height: 11px; background: url(../images/bg_moduleTopRt.gif) right top no-repeat;} .searchModule .top span { background: #ffffff url(../images/bg_moduleTopLt.gif) 0 0 no-repeat; width: 16px; height: 11px; _margin-bottom: -2px; display: block } .searchModule .bottom { padding: 0 0 0 0; height: 16px; background: url("../images/module_btmRight.gif") right bottom no-repeat;} .searchModule .bottom span { background: #ffffff url(../images/module_btmLeft.gif) 0 bottom no-repeat; width: 16px; height: 16px; display: block } .searchModule .left { float:left; } .searchModule .right { float:right; } input.textbox { width:197px; } .searchModule .height{ height:320px; _height:335px; } .searchModule .contentContainer { background: url(../images/bg_moduleBorders.gif) right 0 repeat-y; padding: 0 6px 0 0;} .searchModule .contentInner { padding: 10px 15px 10px 10px; background: #ffffff url(../images/bg_tabWidgetContent.gif) 0 bottom repeat-x;} .searchModule .contentInner .searchText{font-size:12px; font-weight:bold; padding: 0 0 0 5px;} .searchModule .contentMain { background: url(../images/bg_moduleBorders.gif) left 0 repeat-y; padding: 0 0 0 2px; } .searchModule .searchBox { margin: 10px auto; padding: 0 0 0 0; width: 440px; } .searchModule .searchBox .main {width:370px; padding:0px 0 0 35px; line-height:20px;} .searchModule .searchBox .questText { font-size:10px; text-align:right; padding-right:10px;} /* Omnie Solutions End*/ /*Omnie Solutions Start Replacement Parts Grid */ #layout #col { width: 712px; float: left; margin: 26px 0 0 0; } div.divider { border-top: 1px dotted #CCCCCC; margin:4px 0 10px 0; |margin:0px 0 8px 0; width:685px;} #layout #col .linkSearch { font-size:12px; } #layout #col .modelNo { font-size:12px; font-weight:bold; color:#333333; float:left; } #layout #col .saftey { color:#D91010; font-size:12px; float:left; } #layout #col .searchResult { float:right; font-size:12px; } #layout #col .scrollbar { overflow-y:scroll; position:relative; width:710px; height:500px; |height:450px; _height:450px; border-top:0px none; } #layout #col .productItemLt { width:350px; float:left; background:url(../images/product_name_off.gif) 0 0 no-repeat; width:339px; height:73px; } #layout #col .productItemRt { width:345px; float:right; margin:0 7px 0 0; _margin:0 4px 0 0; background:url(../images/product_name_on.gif) 0 0 no-repeat; width:339px; height:73px; } #layout #col .productItemLt .itemImg { width:59px; height:47px; margin:13px 0 0 18px; _margin:13px 0 0 10px; float:left; } #layout #col .productItemLt .divPriceQuantity { float:right; width:225px; height:50px; margin:13px 10px 0 0; line-height:16px; } #layout #col .productItemLt .divPriceQuantity .price { font-weight:bold; color:333333; float:left; _padding-left:10px; } #layout #col .productItemLt .divPriceQuantity .priceTag { float:left; _padding-left:10px; } #layout #col .productItemLt .divPriceQuantity .onBackorder { color:#D91010; float:left; _padding-left:10px; } #layout #col .productItemRt .itemImg { width:59px; height:47px; margin:13px 0 0 18px; _margin:13px 0 0 10px; float:left; } #layout #col .productItemRt .divPriceQuantity { float:right; width:225px; height:50px; margin:13px 10px 0 0; line-height:16px; } #layout #col .productItemRt .divPriceQuantity .price { font-weight:bold; color:333333; float:left; _padding-left:10px; } #layout #col .productItemRt .divPriceQuantity .priceTag { float:left; _padding-left:10px; } #layout #col .productItemRt .divPriceQuantity .onBackorder { color:#D91010; float:left; _padding-left:10px; } #col1 #leftNav .topHeading { color: #003f82; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:14px; } #layout #col .topSpace { height:14px; |height:0px; _height:0px; } #layout #col .red { font-size:11px; color:#D91010; float:le; } #layout #col .btmText { width:500px; float:left; } #layout #col .btmAddShoppingCard { width:80px; float:right; margin:0 77px 0 0; _ margin:0 13px 0 0; } /* Replacement Parts Products Box */ .prodCol1 { float:left; } .prodCol2 { float:right; } /*.pordModelBox { margin: 5px 0px; padding:0px; width: 339px; }*/ .pordModelBox { margin: 4px 0px; padding:0px; width: 339px; } .pordModelBox .top { height: 4px; background: url(../images/bg_prodModelTopRt.gif) right top no-repeat;} .pordModelBox .top span { background: #ffffff url(../images/bg_prodModelTopLt.gif) 0 0 no-repeat; width: 5px; height: 4px; _margin-bottom: -10px; display: block; } .pordModelBox .bottom { padding: 0; background: url(../images/bg_prodModel_btmRight.gif) right bottom no-repeat; height:4px;} .pordModelBox .bottom span { background: #ffffff url(../images/bg_prodModel_btmLeft.gif) 0 bottom no-repeat; width: 5px; height: 4px; display: block; _display:none; } .pordModelBox .contentContainer { background: url(../images/bg_prodModel.gif) right 0 repeat-y; padding: 0;} .pordModelBox .contentMain { background: url(../images/bg_prodModel.gif) right 0 repeat-y;} .pordModelBox .contentMain .itemImg { width:59px; margin:8px 0 0 18px; _margin:8px 0 0 10px; float:left; } .pordModelBox .contentMain .divPriceQuantity { float:right; width:225px; margin:7px 10px 0 0; line-height:15px; } .pordModelBox .contentMain .divPriceQuantity .priceTag { float:left; _padding:0 0 0 10px; } .pordModelBox .contentMain .divPriceQuantity .price { font-weight:bold; color:333333; float:left; _padding:0 0 0 10px; } .pordModelBox .contentMain .divPriceQuantity .onBackorder { color:#D91010; float:left; _padding:0 0 0 10px; } /*.bluePordModelBox { margin: 5px 0px; padding:0px; width: 339px; }*/ .bluePordModelBox { margin: 2px 0px; padding:0px; width: 339px; } .bluePordModelBox .top { height: 5px; _height: 0px; background: url(../images/bg_blueProdModelTopRt.gif) right top no-repeat;} .bluePordModelBox .top span { background: #ffffff url(../images/bg_blueProdModelTopLt.gif) 0 0 no-repeat; width: 5px; height: 5px; _margin-bottom: -10px; display: block } .bluePordModelBox .bottom { padding: 0; background: url(../images/bg_blueProdModel_btmRight.gif) right bottom no-repeat; height:6px;} .bluePordModelBox .bottom span { background: #ffffff url(../images/bg_blueProdModel_btmLeft.gif) 0 bottom no-repeat; width: 5px; height:6px; display: block; _display:none; } .bluePordModelBox .contentContainer { background: url(../images/bg_blueProdModel.gif) right 0 repeat-y; padding: 0;} .bluePordModelBox .contentMain { background: url(../images/bg_prodModel.gif) right 0 repeat-y;} .bluePordModelBox .contentMain .itemImg { width:59px; margin:8px 0 0 18px; _margin:8px 0 0 10px; float:left; } .bluePordModelBox .contentMain .divPriceQuantity { float:right; width:225px; margin:7px 10px 0 0; line-height:15px; } .bluePordModelBox .contentMain .divPriceQuantity .priceTag { float:left; _padding-left:10px; } .bluePordModelBox .contentMain .divPriceQuantity .price { font-weight:bold; color:333333; float:left; _padding-left:10px; } .bluePordModelBox .contentMain .divPriceQuantity .onBackorder { color:#D91010; float:left; _padding-left:10px; } /* Replacement Parts Search Box End*/ /*Omnie Solutions End*/ #layout #col .productItemLt, #layout #col .productItemRt { background:url(../images/product_name_off.gif) 0 0 no-repeat; margin: 0 0 15px 0; } #layout #col .productItemOn { background:url(../images/product_name_on.gif) 0 0 no-repeat; } .searchResults { margin-left: 10px; } .pagination { margin-right: 10px;margin-top:0px;margin-bottom:0px;} .catSearchResults { width: 160px; float: left; margin: 0 0 20px 15px; _margin-left: 12px; background-position: 0 0; background-repeat: no-repeat; text-transform:uppercase; font-size: 12px; height: 65px; } .catSearchResults td { height: 56px; vertical-align: middle; } .catSearchResults img { margin: 0 5px 0 0; } .catSearchResults span { display: inline; vertical-align: middle; height: 100%; } .catSearchResults span.align { height: 100%; width: 1px; display: inline-block; } .catSearchResults a, .catSearchResults a:link, .catSearchResults a:visited { font-weight: bold; color: #333333; padding: 0 0 0 60px; display: block; } .catSearchResults a:hover, .catSearchResults a:active { color: #46ADE6; } .carSeatBlock { background-image: url(../images/catResults_carSeats.jpg); } .playardBlock { background-image: url(../images/catResults_playards.jpg); } .highchairBlock { background-image: url(../images/catResults_highchairs.jpg); } .strollerBlock { background-image: url(../images/catResults_strollers.jpg); } #leftNav .searchNav, #leftNav .searchNav .module { width: 200px; font-size: 10px;} #leftNav .searchNav, #leftNav .searchNav .module p { margin: 4px 0; } #leftNav .searchNav .roundedTextbox input.textbox { font-style:italic; } #leftNav .searchNav .module {margin: -10px auto;} /*Print page */ #printContainer { width: 655px; margin: auto; } #printContainer #footerContainer { background: none; } #printContainer #footer { width: auto; padding: 0; } #printContainer.orderConf { width: 692px; } #printContainer.orderConf #logo, #printContainer.orderConf p img, #printContainer.orderConf #footerContainer, #printContainer.orderConf h3 { padding-left: 15px; } #printContainer.orderConf .rightBlock { padding-right: 15px; } .printFaves { margin: 25px 0 10px 0; } .printFaves h2 { margin-bottom: 20px; } .printFaves .col1 { width: 200px; float: left; padding: 0 0 0 20px; } .printFaves .col2 { width: 210px; float: left;} .printFaves .col3 { width: 220px; float: right; } .printFaves .col4 { width: 430px; float: left; } .printFaves .col2, .printFaves .col3, .printFaves .col4 { padding: 15px 0 0 0 ; } .printFaves .col2 img { float: left; margin: 0 10px 0 0; } /*Create an Account*/ .privacylock1{width:530px; height:30px; position:relative; left:130px; top:-20px;} .privacyText1{float:left; width:495px; height:10px; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-align:right; margin-right:5px; line-height:12px;} .module .bluebar { background:#DBEFFA; color:#003F82; height:15px; padding: 10px; } .privacyText2 { font-size: 10px; text-align: right; padding: 5px 25px 5px 0; background: url(../images/lock.gif) right 5px no-repeat; line-height: 12px; } /* SignIn/ Create an Account */ .module .SignIn { margin: 5px 0 0 65px; padding: 0 0 0 0; width: 510px; } .module .main {width:475px;} .module .col { width: 220px; padding: 0 0 0 15px; float:left; height: auto; position: relative} .module .col h1 { font-size:14px; color:#e781af; font-weight:bold;} .module .col span h1 { text-align:center; font-size:14px; color:#e781af; font-weight:bold;} .module .col h2 { text-align:center; font-size:14px; color:#003f82; font-weight:bold;} .module .col p { line-height:16px; } .module .col p.center { text-align:center; } .module .col p.small { font-size:12px; } .module .verthr { border-right: 1px dotted #cccccc; width:1px; height:285px; float:left; } .module .vertDivider { border-right: 1px dotted #cccccc; width:1px; height:300px; float:left; } .module .col input.textbox { width:198px; } input.signIn, input.createAccount, input.checkout { border: none; } input.signIn { background: url(../images/btn_signIn.gif) 0 0 no-repeat; height: 36px; width: 87px; } input.createAccount { background: url(../images/btn_createAccount.gif) 0 0 no-repeat; height: 36px; width: 159px; } input.checkout { background: url(../images/btn_checkout.gif) 0 0 no-repeat; height: 36px; width: 159px; } input.signIn:hover, input.createAccount:hover, input.checkout:hover { background-position: 0 -36px;} .module .col .submit { top: 270px; } /*Request a catalog*/ .module .boxdiv {margin:-5px 0 0 6px; font-size:12px; color:#333;} .module .boxdiv .hr { height: 2px; background: url(../images/bg_line.gif) 0 0 repeat-x; border: none; margin:5px 0 8px 0; _margin:5px 0 0px 0;} .module .boxdiv .catalog { font-size:11px; color:#666; line-height:14px; width:350px; } .module .boxdiv .btn { float:right; width:145px; margin-top:3px; } #layout .cataTextField{ width:199px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:18px; } input.download { border: none; } input.download { background: url(../images/btn_download.gif) no-repeat 0 0; width:145px; height:39px; } input.download:hover { background-position: 0 -39px; } .module.downloadCatalog { width: 585px; } /*Shipping & Billing */ #rgtpannel { float:right; width:196px; margin:26px 0px 0px 0px } /*.ordersummary { background:url(../images/ship-rgtmodule-imgbg.gif); float:left; width:165px; font:10px/16px Verdana, Arial, Helvetica, sans-serif; padding:0px 18px 5px 14px; }*/ .ordersummary { background:url(../images/ship-rgtmodule-imgbg.gif); float:left; width:172px; font:10px/16px Verdana, Arial, Helvetica, sans-serif; padding:0px 11px 5px 14px; } .ordersummary h2 { font-size:14px; margin:0px; padding:0px 0px 13px 0px; color:#0D619E; } .ordersummary p { padding:0px 0px 15px 0px; margin:0px; } .fltlft { float:left; } .fltrgt { float:right; } .clrbth { clear:both; } .rdivider { clear:both; margin:6px 0px; height:1px; overflow:hidden; } .inputstyle { float:left; border:0px; padding:3px 4px; width:75px; margin:0px 10px 0px 0px; border-top:4px solid #E5E5E4; } .inputbtn { float:left; margin:3px 0px 0px 0px; } .dotteddivider { clear:both; margin:10px 0px; height:1px; background:url(../images/dotted-divider-bg.gif); overflow:hidden; } .rbreadcrumb-bill { padding:18px 0px 0px 0px; font-size:12px; color:#006699; } .rbreadcrumb-bill span { padding:0px 8px; } .rbreadcrumb-bill a:link, .rbreadcrumb-bill a:visited, .rbreadcrumb-bill a:active { color:#A6A6A6; } .rbreadcrumb-bill a:hover { color:#333333; } .gridheader { background:url(../images/blue-grid-heading-img.gif) no-repeat; height:20px; width:691px; color:#FFFFFF; padding-top:7px; font:bold 10px/13px Verdana, Arial, Helvetica, sans-serif; } .gridheader ul { margin:0px; padding:0px; } #col1 .gridheader li { margin:0px; display:inline; list-style-type:none; } .itemcols { float:left; padding:0px 0px 0px 24px; width:195px; font-size:10px; } .itemcols img { float:left; padding:0px 10px 0px 0px; } .itemcols a:link, .itemcols a:visited, .itemcols a:active { color:#006699; } .itemcols a:hover { color:#333333; } .patterncols { float:left; padding:0px 0px 0px 15px; width:150px; font-size:10px; } .patterncols img { float:left; padding:0px 10px 0px 0px; } .quantitycols { float:left; padding:0px 0px 0px 15px; width:85px; font-size:10px; } .quantitycols select { margin:0px 0px 5px 0px; width:70px; } .quantitycols a:link, .quantitycols a:visited, .quantitycols a:active { text-decoration:underline; } .pricecols { float:left; padding:0px 0px 0px 15px; width:85px; } .totalcols { float:left; width:80px; padding:0px 0px 0px 15px; } .gridcontent { border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9; width:689px; padding:18px 0px 10px 0px !important; padding:18px 0px 0px 0px; line-height:13px; } .gridcontent ul { margin:0px; padding:0px; } #col1 .gridcontent li { margin:0px; display:inline; list-style-type:none; } .griddivider { margin:15px 17px; height:2px; background:url(../images/grid-divider.gif); overflow:hidden; clear:both; } .smalltxtr { font:10px/13px Verdana, Arial, Helvetica, sans-serif; width:463px; color:#707070; padding-right:10px; text-align:right; } .bottommargin { clear:both; height:20px; overflow:hidden; } .greycontent { color:#666666; font:12px/16px Verdana, Arial, Helvetica, sans-serif; } .padtxt { padding:0px 0px 15px 0px; } .txtpink { color:#E781AF; font-size:12px; font-weight:bold; padding:12px 0px 2px 0px; } .txt11 { font-size:11px; } .txt10 { font-size:10px; } .review-form { float:left; padding:20px 0px 30px 0px; width:475px; } .review-form label { font-size:12px; width:138px; font-weight:bold; text-align:right; margin:0px; padding:0px 10px 0px 0px; } .review-form input { width:140px; padding:3px 4px; float:left; } .review-form select { width:130px; float:left; } .formdivider { clear:both; height:10px; overflow:hidden; } .review-form small { font-size:10px; line-height:13px; } .comrgtmod-head { background:url(../images/compage-rgt-mod-top.gif) no-repeat; width:186px; height:33px; text-align:center; font-size:12px; color:#1365A0; font-weight:bold; padding:6px 6px 0px 0px; } .comrgtmod-mid { width:152px; padding:4px 20px 8px 20px; background:url(../images/compage-rgt-mod-bg.gif) repeat-y; float:left; font:10px/13px Verdana, Arial, Helvetica, sans-serif; } #rgtpannel .comrgtmod-mid ul { padding:7px 0px 4px 0px; } #rgtpannel .comrgtmod-mid li { list-style-type:none; margin:0px; background:url(../images/compage-rgt-mod-listbullet.gif) no-repeat; padding:0px 0px 4px 10px; } .comcontentcntr { float:left; padding:0px 15px; width:662px; background:url(../images/compage-greycur-bg.gif); } .comcontentcntr h2 { font-size:14px; margin:0px; padding:0px 0px 7px 0px; color:#0D619E; } .txtbig { font-size:12px; color:#333333; font-weight:bold; } .greyboxrgtcom { float:right; margin-top:7px; background:#EBEBEB; font:10px/13px Verdana, Arial, Helvetica, sans-serif; padding:15px 20px; width:165px; height:335px; } .greyboxrgtcom p { margin:0px; padding:0px 0px 17px 0px; } .boxlftcom { float:left; margin-top:10px; width:437px; font-size:10px; } #col1 .boxlftcom ul.headlftcom, .boxlftcom ul.headlftcom { margin:0px; float:left; padding:0px; color:#333333; font-weight:bold; background:url(../images/dotted-divider-bg.gif) repeat-x bottom left; } #col1 .boxlftcom li, .boxlftcom li { margin:0px; display:inline; list-style-type:none; } .itemcolscom { float:left; line-height:13px; padding:8px 0px 6px 0px; width:133px; } .quantitycolscom { float:left; width:60px; line-height:13px; text-align:right; padding:8px 0px 6px 0px; } .pricecolscom { float:left; width:120px; line-height:13px; text-align:right; padding:8px 0px 6px 0px; } .totalcolscom { float:left; line-height:13px; text-align:right; width:112px; padding:8px 6px 6px 0px; } #col1 .boxlftcom ul.contentlftcom, .boxlftcom ul.contentlftcom { margin:0px; float:left; padding:0px; } .ordertotal { background:url(../images/dotted-divider-bg.gif) repeat-x top left; float:left; line-height:13px; margin-top:5px; width:255px; padding-top:10px; padding-left:182px; font-size:10px; } .ordertotaldivider { clear:both; height:5px; overflow:hidden; } .ordertotaldotted { background:url(../images/dotted-divider-bg.gif) repeat-x; clear:both; height:1px; margin:10px 0px ; overflow:hidden; } .shippingInfo {width:330px; margin:-20px 0 0 0; float:left;} .billingInfo {width:295px; margin:-20px 35px 0 0; _margin:-20px 15px 0 0; float:right;} .linehr { height: 2px; background: url(../images/bg_line.gif) repeat-x 0 0; border: none; margin: 0px 0; _margin: -10px 0; |margin: -9px 0; padding:1px 0; |padding:5px 0; _padding:0px 0;} .shippingInfo input.text, .billingInfo input.text { width: 150px; } .shippingInfo label { width: 165px; } /* Privacy Policy and Terms/ Conditions */ .privacyContainer { height: 300px; overflow:auto; width: auto; padding: 0 10px 0 0; } .leftBlock.formTip { width: 370px;} .rightBlock.formTip { text-align: left; width: 310px; font-style:italic; line-height: 13px; } /* About Graco */ #layout .logobox { width:590px; height:87px; margin:0 0 0 25px; _width:604px; _margin:0 0 0 5px; } .awardLogos { width: 600px; margin: 0 auto 15px auto; } #layout .logo { margin:15px 20px 0 14px; float:left; text-align:center; } #layout ul.arrowSmall { list-style: none; margin: 0 0 15px 15px; } #layout ul.arrowSmall li { background: url(../images/arrow_small_ltBlue.gif) 0 5px no-repeat; padding-left: 11px; margin: 1px 5px; } #tabWidget .awardBox { width: 380px; height: 150px; border: 1px solid #003F82; float: left; background: #ffffff; overflow: auto } .awardType { float: left; width: 220px; padding: 0 10px; } .col1{ width:190px; float:left; } .col2{ width:475px; float:right; } .emailOptout { position: relative; } .submitOptout { position: absolute; right: 200px; top: 10px; } /*Category landing pages */ .landingPageFlash { float: right; width: 680px; height: 400px; margin: 0 0 10px 0; } .promoImage { float: right; width: 680px; position: relative} #leftNav .accordion_headings { height: 23px; padding: 2px 0 0 5px; background: url(../images/bg_accLtNav.gif) 0 0 no-repeat; text-transform: uppercase; } #leftNav .header_highlight { background: url(../images/bg_accLtNav.gif) 0 -25px no-repeat;} #leftNav .accordion_child { width: 133px; padding: 5px 0 5px 60px; background-repeat: no-repeat; background-position: 0 5px; } #leftNav .accordionContent .tips { background-image: url(../images/gfx_guideCircle.gif); height: 65px; background: none; padding-left: 0; width: 193px; } #leftNav .accordionContent .tipsImage { float: left; width: 65px; } #leftNav .accordionContent .repParts { background-image: url(../images/gfx_flower.gif); } #leftNav .accordionContent .retailers { background-image: url(../images/gfx_map_sm.gif); } .disabledFilter { color: #cccccc; } .vertNav.product .disabledNavItem { color: #999999; background:url(../images/arrow_circleLtBlue.gif) 1px 6px no-repeat; padding: 3px 0 3px 18px;font-size: 12px; } .vertNav.product .selectedFilters {color: #999999; padding: 0 0 5px 20px; line-height: 20px; } /********************** Product detail modals **********************/ /* Overlay */ #modalOverlay {background-color:#000;} /* Container */ #modalContainer {height:550px; width:980px; left:50%; top:30px; margin-left:-490px; background-color:#fff; border:3px solid #ccc;} #modalContainer { background: none; border: none; } #modalContainer a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top: 0; right: 20px; cursor:pointer; display: none; } #modalContainer #basicModalContent {padding: 0 8px;} .modalWindow { display: none; } a.rftraLink { display: block; width:265px; height: 75px; position: absolute; z-index: 10; right: 20px; } a.rftraLink.link1 { top: 11px; } a.rftraLink.link2 { top: 90px; } a.rftraLink.link3 { top: 168px; } /********************** Print page **********************/ #popupPrintContainer { width: 735px; margin-left:30px; } #popupPrintContainer #footerContainer { background: none; } #popupPrintContainer #footer { width: auto; padding: 0; } #popupPrintContainer.orderConf { width: 692px; } #popupPrintContainer.orderConf #logo, #popupPrintContainer.orderConf p img, #popupPrintContainer.orderConf #footerContainer, #popupPrintContainer.orderConf h3 { padding-left: 15px; } #popupPrintContainer.orderConf .rightBlock { padding-right: 15px; } .popupPrintFaves { margin: 25px 0 10px 0; } .popupPrintFaves h2 { margin-bottom: 20px; } .popupPrintFaves .col1 { width: 200px; float: left; padding: 0 0 0 10px; } .popupPrintFaves .col2 { width: 200px; float: left; } .popupPrintFaves .col3 { width: 150px; float: left; } .popupPrintFaves .col4 { width: 190px; float: left; } .popupPrintFaves .col5 { width: 150px; float: left; } .popupPrintFaves .col2, .popupPrintFaves .col4 { padding: 15px 0 0 15px ; } .popupPrintFaves .col2 img, .popupPrintFaves .col4 img { float: left; margin: 0 10px 0 0; } .popupPrintFaves .barcode{ padding:0px 0 0 35px; float:left; } /* Yes no css */ input.yes, input.no { border: none; } input.yes { background: url(../images/btn_yes.gif) 0 0 no-repeat; height: 18px; width: 33px; } input.no { background: url(../images/btn_no.gif) 0 0 no-repeat; height: 18px; width: 33px; } input.yes:hover, input.no:hover { background-position: 0 -18px; } input.RegisAnotherProd { border: none; } input.RegisAnotherProd{ background: url(../images/btn_registerAnotherProduct.gif) 0 0 no-repeat; height: 18px; width: 135px; } input.RegisAnotherProd:hover { background-position: 0 -18px; } /********************************************** Start My Account *****************************************************************************/.divider { background: url(../images/bg_dot_divider.gif) 0 0 repeat-x; height: 4px; width: auto; } a.closeMyAccount { color: #2b5f94; display: inline-block; margin: 10px 0 0 18px; text-decoration: underline; width: auto; } a.closeMyAccount:hover { text-decoration: none; } #tabWidget .tabContent .inner { padding-top: 5px; } .emailComm { background-image: url(../images/icon_emailComm.gif); background-position: 0 5px; } .mobile { background-image: url(../images/icon_mobilePhone.gif); background-position: 3px 0; } .billingDetails { background-image: url(../images/icon_billing.gif); background-position: 0 3px; } .shippingDetails { background-image: url(../images/icon_shipping.gif); background-position: 0 3px; } .reviewerProfile { background-image: url(../images/icon_reviewProfile.gif); background-position: 0 3px; } .shopping { background-image: url(../images/icon_shopping.gif); background-position: 0 3px; } .sharing { background-image: url(../images/icon_sharing.gif); background-position: 3px 3px; } .orderHist h5 { color: #0d619e; } /* .orderStatusModule { background-image: url(../images/bg_orderStatusModuleLG.gif); width: 668px; height: 280px; } .orderStatusModule table.header, .orderStatusModule .viewport { padding: 0 1px; } .orderStatusModule td.col1 { width: 190px; padding-left: 8px; } .orderStatusModule td.col2 { width: 214px; } .orderStatusModule td.col3 { width: 235px; } .orderStatusModule .viewport { height: 246px; margin: 5px 0; overflow:auto; width: 665px; } .orderStatusModule .viewport a { color: #46ade6; font-weight: bold; } */ /* commented above to update css for View Orders page */ .orderStatusModule { background-image: url(../images/bg_orderStatusModuleLG.gif); width: 668px; height: 280px; } .orderStatusModule table.header, .orderStatusModule .viewport { padding: 0 1px; } .orderStatusModule table.header td { color: #ffffff; font-weight: bold; } .orderStatusModule td._col1 { width: 120px; padding-left: 5px; padding-top: 5px; } .orderStatusModule td._col2 { width: 120px; padding-left: 5px; padding-top: 5px; } .orderStatusModule td._col3 { width: 120px; padding-left: 5px; padding-top: 5px; } .orderStatusModule td._col4 { width: 300px; padding-left: 5px; padding-top: 5px; } .orderStatusModule .viewport { height: 246px; margin: 5px 0; overflow:auto; width: 665px; } .orderStatusModule .viewport a { color: #46ade6; font-weight: bold; } .invitePeople { background: url(../images/bg_myAccountSharingTop.gif) 0 0 no-repeat; margin-top: 15px; padding: 10px 0 0; width: 316px;} .invitePeople .mid { background: url(../images/bg_myAccountSharingMod.gif) 0 0 repeat-y; margin: 0; padding: 0 10px 6px; width: 296px; } .invitePeople .btm { background: url(../images/bg_myAccountSharingBtm.gif) 0 0 no-repeat; height: 9px; margin: 0; padding: 0; width: 316px; } .invitePeople em { font-size: 10px; } .invitePeople table input { margin: 0 5px 5px 0; padding: 0; width: 138px; } .invitePeople table textarea { margin-bottom: 5px; width: 290px; } .invitePeople .msgHeader { padding-bottom: 5px; } .invitePeople .copyMeChkBox { margin: 0; width: auto; } .invitePeople .notice { line-height: 1.2; padding-top: 15px; } input.childNum { display: inline !important; padding-left: 5px; width: 15px; } input.enrollBtn { background: url(../images/btn_enrollNow.gif) 0 0 no-repeat; height: 18px; /*margin: 10px 0;*/ width: 65px; } input.send { background: url(../images/btn_send.gif) 0 0 no-repeat; height: 18px; margin: 2px 0 0 98px !important; width: 45px !important; } .alert2 .top { background-image: url(../images/bg_alert2_sidebarTop.gif); color: #ffffff; text-transform:uppercase; } .alert2 .content { background-image: url(../images/bg_alert2_sidebarMod.gif); color:#666666; } .alert2 .bottom { background-image: url(../images/bg_alert2_sidebarBtm.gif); } .alert2 .content h4 { color: #a8004c; } .greenCallout .top { background-image: url(../images/bg_sidebarTopGreen.gif); color: #63741e; } .greenCallout .content { background-image: url(../images/bg_sidebarModGreen.gif); } .greenCallout .bottom { background-image: url(../images/bg_sidebarBtmGreen.gif); } .greenCallout .content h4 { color: #b2d234; margin: -15px 0 0; } .greenCallout p.thumb { margin: -6px 0 0 -6px; padding: 0; } .pinkCallout .top { background-image: url(../images/bg_sidebarTopPink.gif); color: #a8004c; } .pinkCallout .content { background-image: url(../images/bg_sidebarModPink.gif); padding-bottom: 10px; padding-top: 10px; } .pinkCallout .bottom { background-image: url(../images/bg_sidebarBtmPink.gif); } .pinkCallout img.leftAlign { float: left; margin: 0 10px 0 4px; width: auto; } .pinkCallout p { padding: 6px 0 0; } /*-- Favorites Tab - Articles Section --*/ .right { text-align: right; padding-right: 2px; } .subSections { padding: 12px 0 0 3px; } .subSections a { float: left; display: block; height: 28px; margin-right: 10px; overflow: hidden; text-indent: -9999px; width: 106px; } .subSections a:hover, .subSections a.on { background-position: 0 -28px; } .subSections .productsBtn { background: url(../images/btn_myAccountProducts.gif) 0 0 no-repeat; } .subSections .articlesBtn { background: url(../images/btn_myAccountArticles.gif) 0 0 no-repeat; } .subSections .sharingBtn { background: url(../images/btn_myAccountSharing.gif) 0 0 no-repeat; } .subSections .shareThis { float:right; font-weight:bold; background: url(../images/icon_shareThis.gif) 0 0 no-repeat; color: #43962f !important; height: auto; padding-left: 21px; margin:6px 5px 0 0; text-indent: 0; width: auto; } .subSections .shareThis:hover { color: #43962f; background-position: 0 0; } .printDelete { padding-top: 6px; _padding-top: 0; } .printDelete input { vertical-align: middle; *vertical-align: baseline; } .printDelete span { padding-left: 10px; } .printDelete a { color: #46ade6 !important; font-weight: bold; padding-left: 17px; } .printDelete a:hover { color: #46ade6; } .printDelete .printItems { background: url(../images/icon_printSM.gif) 0 0 no-repeat; } .printDelete .deleteItems { background: url(../images/icon_deleteCircle.gif) 0 0 no-repeat; } .accountItemList { margin-left: 4px; width: 665px; } .accountItemList .top { background: url(../images/bg_myAccountSubTop.gif) 0 0 no-repeat; height: 35px; width: 665px; } .accountItemList .mid { background: url(../images/bg_myAccountSubMod.gif) 0 0 repeat-y; padding: 0 14px 5px; width: 637px; } .accountItemList .btm { background: url(../images/bg_myAccountSubBtm.gif) 0 0 no-repeat; height: 12px; width: 665px; } .accountItemList .top h4 { float: left; font-size: 13px; padding-left: 11px; width: auto; } .accountItemList .top h4 span { font-size: 11px; font-weight: normal; padding-left: 8px; } .accountItemList .top a.selectAll { display:block; float:right; width:79px; height:18px; overflow:hidden; text-indent: -1000px; margin: 8px 7px 0 0; background: url('../images/productComparison/bgSelectAll.gif') no-repeat left -18px; } .accountItemList .top a.selectAll:hover { background-position: 0 -18px; } .favArticles { padding: 18px 0 10px; } .favArticles input { float: left; margin-top: 2px; -margin-top: 0; width: auto; } .favArticles .favArticleCopy { margin-left: 30px; } .favArticles .favArticleCopy h3 { color: #003f82; font-size: 16px; margin: 0; padding: 0; } .favArticles .favArticleCopy a { color: #003f82; } .favArticles .favArticleCopy p { font-size: 12px; line-height: 1.6; margin: 0; padding: 3px 0 0; } /*-- Favorites Tab - Sharing Section --*/ .acctSharing { margin: 20px 0 0 4px; width: 665px; } .acctSharing p { margin-bottom: 20px; } .acctSharing .top { background: url(../images/bg_myAccountSubTop.gif) 0 0 no-repeat; height: 35px; width: 665px; } .acctSharing .mid { background: url(../images/bg_myAccountSubMod.gif) 0 0 repeat-y; padding: 8px 14px 55px; width: 637px; } .acctSharing .btm { background: url(../images/bg_myAccountSubBtm.gif) 0 0 no-repeat; height: 12px; width: 665px; } .acctSharing .invitePeopleBtn { background: url(../images/btn_invitePeople.gif) 0 0 no-repeat; display: block; height: 18px; text-indent: -9999px; width: 88px; } .acctSharing .invitePeopleBtn:hover { background-position: 0 -18px; } .acctSharing .invitePeopleBtnDisabled { background: url(../images/btn_invitePeople-gray.jpg) 0 0 no-repeat; display: block; height: 18px; text-indent: -9999px; width: 88px; cursor:default;} /*-- Product Review Tab --*/ .myAcctProdReview { padding: 10px 0; } .myAcctProdReview img { float: left; width: auto; } .myAcctProdReview .reviewContent { margin: 0 0 0 180px; padding: 20px 0 0; } .myAcctProdReview .reviewContent span { display: block; height: 16px; padding-right: 5px; width: 80px; } .myAcctProdReview .reviewContent .rating1 { background: url(../images/productComparison/rating1.gif) no-repeat 0 50%; } .myAcctProdReview .reviewContent .rating2 { background: url(../images/productComparison/rating2.gif) no-repeat 0 50%; } .myAcctProdReview .reviewContent .rating3 { background: url(../images/productComparison/rating3.gif) no-repeat 0 50%; } .myAcctProdReview .reviewContent .rating4 { background: url("../images/productComparison/rating4_old.gif") no-repeat 0 50%; } .myAcctProdReview .reviewContent .rating5 { background: url(../images/productComparison/rating5.gif) no-repeat 0 50%; } .myAcctProdReview .reviewContent h2 { font-weight: bold; } .myAcctProdReview .reviewContent h2 span { color: #666666; display: inline; font-size: 11px; height: auto; padding: 0; vertical-align: bottom; width: auto; } /* -- My Favorites -- */ #favorites { } #favorites div { float:left; width:145px; padding: 20px 7px 0 7px; text-align: center; line-height: 1.2em; } .favBlock {height:356px;} #favorites div h5 { line-height:1.3em; margin: 0 0 10px 0; height:27px; overflow:hidden; } #favorites div p { margin: 0 0 10px 0; } #favorites div p.discontinued { font-style: italic; font-weight:bold; } #favorites div img { width: 120px; margin: 0 auto 10px auto; } #favorites div.clear { float:none; } #favorites input { position:absolute; z-index:1; margin-left:-5px; } #favorites .buttons a { display:block; width: 135px; height: 18px; overflow:hidden; text-indent: -1000px; margin: 0 auto 7px auto; } #favorites .buttons a:hover { background-position: left top; } a.btnBuyAtRetailer { background: url('../images/btnFavBuyatRetailer.gif') no-repeat left top; } a.btnAddToCart { background: url('../images/btnFavAddToCart.gif') no-repeat left top; } a.btnAddToRegistry { background: url('../images/btnFavAddToRegistry.gif') no-repeat left top; } #shoppingResults { color:#46ADE6; font-weight:bold; } #shoppingResults input { margin-top:2px; vertical-align: top; } #shoppingResults p span, #shoppingResults p a { font-weight: normal; } /* ---- Overlays ---- */ .noColorOverlay { background: url(../images/bg_widgetTop.png) 0 0 no-repeat; _background: url(../images/bg_widgetTop.gif) 9px 9px no-repeat; left: 115px !important; padding: 18px 0 0; position: absolute; top: 415px; width: 445px; z-index: 100; } .noColorOverlay .close { background: url(../images/btn_closeCircle.gif) 0 0 no-repeat; height: 19px; position: absolute; left: 410px !important; text-indent: -9999px; top: 18px !important; width: 19px; } .noColorOverlay .mid, #viewReviews .mid { background: url(../images/bg_widgetBtm.png) 0 100% no-repeat; _background: url(../images/bg_widgetBtm.gif) 9px 100% no-repeat; padding: 6px 24px 22px; _padding-bottom: 13px; position: relative; } .noColorOverlay .mid h3 { color: #164a90; font-size: 17px; font-weight: normal; margin-top: 0; } .noColorOverlay .mid h4 { margin: 0 0 24px; padding: 0; } .noColorOverlay .mid p { font-size: 12px; } .noColorOverlay .mid label, .overlay .mid input { display: inline; float: none; margin: 0; padding: 0; text-align: left; } .noColorOverlay .mid label { font-size: 11px; } .noColorOverlay img.leftAlign { float: left; width: auto; } .noColorOverlay .mid input.signInBtn { background: url(../images/btn_signIn.gif) 0 0 no-repeat; border: none; cursor: pointer; display: block; height: 36px; margin-top: 28px; width: 87px; } .noColorOverlay .mid input.signInBtn:hover { background-position: 0 -36px; } .noColorOverlay .mid .createAccount a { background: url(../images/btn_createAccount.gif) 0 0 no-repeat; display: block; height: 36px; margin-top: 18px; text-indent: -9999px; width: 159px; } .noColorOverlay .mid .createAccount a:hover { background-position: 0 -36px; } .noColorOverlay .mid input.cancelBtn { background: url(../images/btn_cancel.gif) 0 0 no-repeat;/* display: block; */ height: 18px; width: 63px; } .noColorOverlay .mid input.cancelBtn:hover { background-position: 0 -18px; } .noColorOverlay .mid input.continueBtn { background: url(../images/btn_continue.gif) 0 0 no-repeat;/* display: block; */ height: 18px; width: 64px; } .noColorOverlay .mid input.continueBtn:hover { background-position: 0 -18px; } .noColorOverlay .mid input.editBtn { background: url(../images/btn_edit.gif) 0 0 no-repeat;/* display: block; */ height: 18px; width: 38px; } .noColorOverlay .mid input.editBtn:hover { background-position: 0 -18px; } .noColorOverlay .mid input.submitBtn2 { background: url(../images/btn_submit.gif) 0 0 no-repeat;/* display: block; */ height: 18px; width: 62px; } .noColorOverlay .mid input.submitBtn2:hover { background-position: 0 -18px; } /* ==== Add To Cart Overlay ==== */ #addToCartOverlay .itemAddedToCart img { margin: 0 25px; } #addToCartOverlay .itemAddedToCart h3 { margin: 15px 0 0; } #addToCartOverlay .itemAddedToCart .centerAlign { padding-bottom: 10px; text-align: center; } #addToCartOverlay .cartBtns { padding-left: 82px; } #addToCartOverlay .cartBtns a { float: left; margin-right: 8px; } #addToCartOverlay .cartBtns .continueShop { background: url(../images/btn_continueShopping.gif) 0 0 no-repeat; display: block; height: 18px; text-indent: -9999px; width: 116px; } #addToCartOverlay .cartBtns .viewCart { background: url(../images/btn_viewShoppingCart.gif) 0 0 no-repeat; display: block; height: 18px; text-indent: -9999px; width: 116px; } #addToCartOverlay .cartBtns .continueShop:hover, #addToCartOverlay .cartBtns .viewCart:hover { background-position: 0 -18px; } /* ==== Buy at Retailer ==== */ /*#storeList { height: 131px; overflow: hidden; margin: 0 17px; width: 365px; } #storeList .nextStoresBtn { position: absolute; top: 118px; right: 20px; width: 10px; height: 13px; cursor: pointer; background: transparent url(../images/btn_carousel_rightSmall.gif) no-repeat 50% 0; z-index: 5; } #storeList .prevStoresBtn { position: absolute; top: 118px; left: 20px; width: 10px; height: 13px; cursor: pointer; background: transparent url(../images/btn_carousel_leftSmall.gif) no-repeat 50% 0; z-index: 5; } #storeList .nextStoresBtn:hover, #storeList .prevStoresBtn:hover { background-position: 50% -26px; } #storeList .disabled { cursor: default; background-position: 50% -13px; } #storeList .disabled:hover { background-position: 50% -13px; }*/ #retail_carousel, #retail_carousel1 { /*width: auto;*/ position: relative; left: 0; top: 0; z-index: 2; padding:0 0 0 11px; color:#ffffff; clear: both; height: 275px; width: 385px !important; } #retail_carousel li, #retail_carousel1 li { /*float: left;*/ list-style: none; margin:0 2px 0 0; padding:0; width: auto; } #retail_carousel div, #retail_carousel1 div { float: left; margin: 0 3px 0 0; width: auto; position: relative; } #retail_carousel a, #retail_carousel1 a { display: block; } #retail_carousel img, #retail_carousel1 img { margin: 0 0 0 5px; } #retail_carousel span, #retail_carousel1 span { display: none; } #retail_carousel .online, #retail_carousel1 .online { background: url(../images/bg_storeOnline.gif) 0 0 no-repeat; height: 131px; padding: 6px 0 0; width: 91px; } #retail_carousel .store, #retail_carousel1 .store { background: url(../images/bg_storeOnly.gif) 0 0 no-repeat; height: 131px; padding: 6px 0 0; width: 91px; } #retail_carousel .dual, #retail_carousel1 .dual { background: url(../images/bg_storeBoth.gif) 0 0 no-repeat; height: 131px; padding: 6px 0 0; width: 91px; } #retail_carousel .onlineLnk, #retail_carousel1 .onlineLnk { height: 12px; text-indent: -9999px; width: 65px; position: absolute; left: 12px; top: 81px; } #retail_carousel .storeLnk, #retail_carousel1 .storeLnk { height: 12px; text-indent: -9999px; width: 65px; position: absolute; left: 12px; top: 100px; } #retail_carousel .IndependentRet, #retail_carousel1 .IndependentRet { width: 91px; } #retail_carousel .IndependentRet div, #retail_carousel1 .IndependentRet div { float: none; margin: 6px 4px 0; display:block; } /* #retail_carousel li { position: relative; } #retail_carousel a { display: block; } #retail_carousel img { margin: 0 0 0 3px; } #retail_carousel .online { background: url(../images/bg_storeOnline.gif) 0 0 no-repeat; height: 131px; padding: 6px 0 0; width: 91px; } #retail_carousel .store { background: url(../images/bg_storeOnly.gif) 0 0 no-repeat; height: 131px; padding: 6px 0 0; width: 91px; } #retail_carousel .dual { background: url(../images/bg_storeBoth.gif) 0 0 no-repeat; height: 131px; padding: 6px 0 0; width: 91px; } #retail_carousel .onlineLnk { height: 12px; text-indent: -9999px; width: 65px; position: absolute; left: 12px; top: 81px; } #retail_carousel .storeLnk { height: 12px; text-indent: -9999px; width: 65px; position: absolute; left: 12px; top: 100px; } #retail_carousel1 li { position: relative; } #retail_carousel1 a { display: block; } #retail_carousel1 img { margin: 0 0 0 3px; } #retail_carousel1 .online { background: url(../images/bg_storeOnline.gif) 0 0 no-repeat; height: 131px; padding: 6px 0 0; width: 91px; } #retail_carousel1 .store { background: url(../images/bg_storeOnly.gif) 0 0 no-repeat; height: 131px; padding: 6px 0 0; width: 91px; } #retail_carousel1 .dual { background: url(../images/bg_storeBoth.gif) 0 0 no-repeat; height: 131px; padding: 6px 0 0; width: 91px; } #retail_carousel1 .onlineLnk { height: 12px; text-indent: -9999px; width: 65px; position: absolute; left: 12px; top: 81px; } #retail_carousel1 .storeLnk { height: 12px; text-indent: -9999px; width: 65px; position: absolute; left: 12px; top: 100px; }*/ /* ==== Comments Overlay ==== */ #commentsOverlay h4 { color: #444444; font-size: 14px; font-weight: normal; margin: 0; padding: 3px 0; } #commentsOverlay em { font-size: 11px; } #commentsOverlay input { display: block; margin: 4px 0 0; width: 270px; } #commentsOverlay textarea { border: 1px solid #bbbbbb; margin: 10px 0 0; height: 85px; width: 387px; } #commentsOverlay .commentSubmitBtns { text-align: right; } #commentsOverlay .commentSubmitBtns input.submitComment { background: url(../images/btn_submitComment.gif) 0 0 no-repeat; border: none; display: inline-block; height: 18px; margin: 12px 0; width: 128px; } #commentsOverlay .commentSubmitBtns input.submitComment:hover { background-position: 0 -18px; } #commentsOverlay .commentItem { background: url(../images/bg_dot_divider.gif) 0 0 repeat-x; padding: 14px 0 6px; } #commentsOverlay .commentItem p { font-size: 11px; } #commentsOverlay .commentItem .commentDetail strong { font-size: 12px; } #commentsOverlay .commentItem .commentDetail .commentor { color: #164a90; } #commentsOverlay .divider { padding: 0; } /* ==== Invite People Overlay ==== */ #invitePeopleOverlay {} #invitePeopleOverlay .noteworthy { font-size: 10px; font-style: oblique; } #invitePeopleOverlay .invitees { margin: 8px 0 12px; } #invitePeopleOverlay .invitees td { padding: 0 0 5px; vertical-align: top; } #invitePeopleOverlay .invitees input.txtBox { height: 16px; margin-right: 8px; width: 180px; } #invitePeopleOverlay .invitees textarea { border: 1px solid #bbbbbb; height: 105px; width: 375px;} #invitePeopleOverlay .invitees input.cancelInvite { background: url(../images/btn_cancel.gif) 0 0 no-repeat; border: none; display: inline-block; height: 18px; width: 63px; } #invitePeopleOverlay .invitees input.sendInvite { background: url(../images/btn_send.gif) 0 0 no-repeat; border: none; display: inline-block; height: 18px; width: 45px; } #inviteeLogin { margin: 0 auto; padding: 30px 0 0; width: 95%; } #inviteeLogin img { float: left; margin: 0 25px 0 0; width: auto; } .loginInfo { float: left; padding: 100px 0 0; width: 392px; } .loginInfo img { float: none; } .loginInfo p { padding: 0 0 10px; text-align: center; } .loginInfo input.textBox { vertical-align: middle; width: 195; } .loginInfo span { display: -moz-inline-box; display: inline-block; width: 75px; } .loginInfo .firstLine { padding: 0 0 16px; text-align: left; } .loginInfo .inviteeBtn { padding: 0 0 25px; } /**********************************************End My Account*****************************************************************************//* buttons for Shopping Tools */ /* Shopping tools */ #shoppingTools.module { margin: 5px 0 0 0; padding: 0; width: 692px; } #shoppingTools.module .main { width:635px; background: url('../images/bgVertDots.gif') repeat-y 315px top;} #shoppingTools.module .col { width: 300px; padding: 0 0 0 15px; float:left; height: auto; position: relative; } #leftShoppingBG { padding-bottom: 20px; background: url('../images/registryQuickstartBG.jpg') no-repeat left 10px; } #shoppingTools.module .col h1 { font-size:14px; color:#e781af; font-weight:bold; margin-bottom: 10px; } #shoppingTools.module .col span h1 { text-align:center; font-size:14px; color:#e781af; font-weight:bold;} #shoppingTools.module .col h2 { text-align:center; font-size:14px; color:#003f82; font-weight:bold;} #shoppingTools.module .col p { line-height:16px; } #shoppingTools.module .col p.center { text-align:center; } #shoppingTools.module .col p.small { font-size:12px; } #shoppingTools.module .verthr { border-right: 1px dotted #cccccc; width:1px; height:285px; float:left; } #shoppingTools.module .vertDivider { border-right: 1px dotted #cccccc; width:1px; height:300px; float:left; } #shoppingTools.module .col input.textbox { width:198px; } a#btnGetStarted, a#btnFindProducts, a#btnCompareModels { text-indent:-1000px; overflow: hidden; } a#btnGetStarted { display:block; clear:right; width:91px; height:28px; margin-left: 135px; background: url('../images/btnGetStarted.gif') no-repeat left top; } a#btnFindProducts { display:block; float:left; width:106px; height:28px; background: url('../images/btnFindProducts.gif') no-repeat left top; } span.or { display:block; width:38px; text-align:center; float:left; } a#btnCompareModels { display:block; float:left; width:124px; height:28px; background: url('../images/btnCompareModels.gif') no-repeat left top; } a#btnGetStarted:hover, a#btnFindProducts:hover, a#btnCompareModels:hover, a#btnGetStarted.over, a#btnFindProducts.over, a#btnCompareModels.over { background-position:left -28px; } .rightHalf { width:160px; float:right; } #findProducts h4, #compareModels h4 { color:#003f82; margin:0; padding-bottom:10px; margin-bottom: 10px; background: url('../images/bgHorizDots.gif') repeat-x left bottom; } #findProducts ul, #compareModels ul { float:left; width:130px; list-style:none; font-weight: bold; font-size: 12px; } #findProducts ul.right, #compareModels ul.right { margin-left:10px; } /*For skip now link on product registration*/ .headerTellUs { width:655px; height:45px; margin:0 0 0 5px; } .headerTellUs .left {float:left; } .headerTellUs .right {float:right;} /*Overlay - Send Email 05/11/09*/ .overlaySendEmail { background: url(../images/bg_widgetTop.png) 0 0 no-repeat; _background: url(../images/bg_widgetTop.gif) 9px 9px no-repeat; left: 225px !important; padding: 18px 0 0; position: absolute; top: 280px; width: 445px; z-index: 100; } .overlaySendEmail .close { background: url(../images/btn_closeCircle.gif) 0 0 no-repeat; height: 19px; position: absolute; left: 410px !important; text-indent: -9999px; top: 18px !important; width: 19px; } .overlaySendEmail .mid { background: url(../images/bg_widgetBtm.png) 0 100% no-repeat; _background: url(../images/bg_widgetBtm.gif) 9px 100% no-repeat; padding: 6px 24px 22px; _padding-bottom: 13px; position: relative; } .overlaySendEmail .mid h3 { color: #164a90; font-size: 17px; font-weight: normal; margin-top: 0; } .overlaySendEmail .mid h4 { margin: 0 0 24px; padding: 0; } .overlaySendEmail .mid p { font-size: 12px; } .overlaySendEmail .mid label, .overlaySendEmail .mid input { display: inline; float: none; margin: 0; padding: 0; text-align: left; } .overlaySendEmail .mid label { float:left; width:75px; font-size: 11px; text-align:right; padding:0 10px 15px 0; margin-top:-5px; } .overlaySendEmail img.leftAlign { float: left; width: auto; } .overlaySendEmail .mid label span { color: #e781af; font-size: 11px; font-weight:bold; } .overlaySendEmail .mid .checkbox { margin: 10px 0 0 0; |margin: 5px 0 0 -5px; } .overlaySendEmail .mid p.note{width:250px; margin:4px 0 10px 80px; padding:0;} /*End Overlay - Send Email*/ /* ====== Collections pages ====== */ .collectionSwatch { background-position: 0 0; background-repeat: no-repeat; } .collectionSwatch.jungle { background-image: url(../images/collections_jungle.jpg); } .collectionSwatch.tango { background-image: url(../images/collections_tango.jpg); } .collectionSwatch.betsey { background-image: url(../images/collections_betsey.jpg); } .collectionSwatch.bancroft { background-image: url(../images/collections_bancroft.jpg); } .collectionSwatch a, .collectionSwatch a:link, .collectionSwatch a:visited { display: block; color: #333333; padding: 7px 0 15px 40px; } .collectionSwatch a:active, .collectionSwatch a:hover { color: #46ADE6; } .collections .grid { position:relative; top:-90px; } .collections .grid h2 { width:450px; margin: 87px 0 5px 0; } .collections .grid h3 { width:450px; margin:0 0 20px 0; } .collections .grid .gridControls h3 { width:200px; float:left; } .collections .breadcrumb { width:200px; } .collections .pageHeader { width:200px; } img.topSwatches { display:block; float:right; margin-bottom:20px; padding:0; width:245px; } #topSwatches { min-height:248px; overflow:hidden; } #collectionFeatured { clear:both; margin-bottom: 30px; background: url(../images/featureTop.gif) repeat-y right top; overflow:hidden; } #collectionFeatured .top, #collectionFeatured .bottom { height:10px !important; overflow:hidden !important; background: url(../images/featureTop.gif) repeat-x left top; position: relative; *position:static; } #collectionFeatured .bottom { background: url(../images/featureTop.gif) left bottom repeat-x !important; } #collectionFeatured .top *, #collectionFeatured .bottom * { height:10px; } #collectionFeatured .right, #collectionFeatured .left { position:absolute; width:10px; } #collectionFeatured .left { *position: static !important; } #collectionFeatured .right { right:0; } #collectionFeatured .top .left { width:10px; background: url(../images/featureTL.gif) left top no-repeat !important; *float:left; } #collectionFeatured .top .rightNew {/* width:10px;*/ background: transparent url(../images/featureTR.gif) right top no-repeat !important; } #collectionFeatured .bottom .left { background: transparent url(../images/featureBL.gif) left bottom no-repeat; *background-image: url(../images/featureBL2.gif) !important; *float:left; } #collectionFeatured .bottom .rightNew { background: transparent url(../images/featureBR.gif) right bottom no-repeat !important; } #collectionFeatured .contentNew { float:none; width:auto; padding:0 10px; background: url(../images/featureTop.gif) repeat-y left top; } #collectionFeatured .contentNew h3 { float:none; margin:0 0 20px 20px; padding-bottom:5px; color:#e781af; text-transform:uppercase; font-size:12px; font-weight:bold; } #collectionFeatured .contentNew div div { float:left; width:160px; margin-right:62px; text-align:center; } #collectionFeatured .contentNew #featured3 { float:none; padding:0 0 20px 20px; overflow:hidden; } #collectionFeatured .contentNew div div img { margin-bottom:10px; } #collectionFeatured .contentNew div div p { margin:0;} #collectionFeatured .contentNew div.last { margin-right:0; } #collectionFeatured .contentNew div.clear { float:none; } /* #collectionFeatured { clear:both; margin-bottom: 20px; background: url('../images/featureTop.gif') repeat-y right top; overflow:hidden; } #collectionFeatured .top, #collectionFeatured .bottom { height:10px; overflow:hidden; background: url('../images/featureTop.gif') repeat-x left top; } #collectionFeatured .bottom { background: url('../images/featureTop.gif') repeat-x left bottom; } #collectionFeatured .top *, #collectionFeatured .bottom * { height:10px; } #collectionFeatured .right, #collectionFeatured .left { position:absolute; width:10px; } #collectionFeatured .right { right:0; } #collectionFeatured .top .left { width:10px; background: url('../images/featureTL.gif') no-repeat; } #collectionFeatured .top .right { width:10px; background: url('../images/featureTR.gif') right 0 no-repeat; } #collectionFeatured .bottom .left { background: url('../images/featureBL.gif') no-repeat; } #collectionFeatured .bottom .right { background: url('../images/featureBR.gif')right 0 no-repeat; } #layout.oneColLeftnav #col1 #collectionFeatured .content { float:none; width:auto; padding:0 10px; background: url('../images/featureTop.gif') repeat-y left top; } #layout.oneColLeftnav #col1 #collectionFeatured .content h3 { float:none; margin:0 0 20px 0; padding-bottom:5px; color:#e781af; text-transform:uppercase; font-size:12px; font-weight:bold; } #collectionFeatured .content div div { float:left; width:160px; margin-right:82px; text-align:center; } #collectionFeatured .content #featured3 { float:none; padding:0 0 20px 20px; overflow:hidden; } #collectionFeatured .content div div img { margin-bottom:10px; } #collectionFeatured .content div div p { margin:0;} #collectionFeatured .content div.last { margin-right:0; } #collectionFeatured .content div.clear { float:none; } */ /* individual collection page */ /* overrides on collections defualt styles */ .individual {float:left; /*position:relative; top:-55px; |top:-55px;*/ margin-top:-55px;} .individual #col1 .grid { background:none; top:-55px;} .individual #col1 .grid h2 { width:480px; margin:0 0 15px 0; line-height:1.5em;} .individual h3 {padding-top:10px;} .individual #col1 .grid .gridControls { clear:both; margin: 15px 0 10px 0; width: 703px; height:30px; padding-top:15px; background: url('../images/bgHorizDots.gif') repeat-x left top; } .individual .grid .gridControls { clear:both; margin: 15px 0 10px 0; width: 703px; height:30px; padding-top:15px; background: url('../images/bgHorizDots.gif') repeat-x left top; } .individual #groupDesc { padding-bottom: 10px; } .individual #groupDesc .swatch { float:left; width:160px; margin-right: 20px; } .individual #col1 #groupDesc .right { float:left; width:450px; } /*end override styles */ .collections #groupDesc { padding-bottom: 10px; } .collections #groupDesc .swatch { float:left; width:160px; margin-right: 20px; } .collections #col1 #groupDesc .right { float:left; width:450px; } .content .roundedTextbox { width: 200px; } .gridControls { clear: both; } /* Buttons for Close Account */ input.stopBtn { background: url(../images/btn_stop.gif) no-repeat 0 0; width:37px; height:18px; } input.closeAccountBtn { background: url(../images/btn_closeAccount.gif) no-repeat 0 0; width:81px; height:18px; } input.manageEmailBtn { background: url(../images/btn_manageEmail.gif) no-repeat 0 0; width:141px; height:18px; } input.stopBtn:hover, input.closeAccountBtn:hover, input.manageEmailBtn:hover { background-position: 0 -18px; } /* Buttons for Product information */ input.rateThisProduct { background: url(../images/btn_ratethisproduct.gif) 0 0 no-repeat; height: 18px; width: 92px; margin:5px} input.rateThisProduct:hover { background-position: 0 -18px; } .btnRtEdit {position:absolute; right:10px; margin-top:-5px;} /* ==== Start Phase 3 Callouts ==== */ #gracoSocialNetwork { background: url("../images/social_all.jpg") 0 0 no-repeat; height: 78px; margin: 0 !important; padding: 0 !important; width: 192px; position: relative; } #gracoSocialNetwork a { display: block; margin: 0 !important; padding: 0 !important; } #gracoSocialNetwork #gracoBlog { height: 37px; width: 41px; position: absolute; left: 3px; top: 35px; } #gracoSocialNetwork #gracoTwitter { height: 37px; width: 25px; position: absolute; left: 47px; top: 35px; } #gracoSocialNetwork #gracoFacebook { height: 37px; width: 35px; position: absolute; left: 80px; top: 35px; } #gracoSocialNetwork #gracoYouTube { height: 37px; width: 32px; position: absolute; left: 117px; top: 35px; } #gracoSocialNetwork #gracoFlickr { height: 37px; width: 25px; position: absolute; left: 157px; top: 35px; } #gracoSocialNetwork #gracoPinterest { height: 37px; width: 25px; position: absolute; left: 157px; top: 35px; } .thinGreyCallout { background: url(../images/greyCalloutThinBottom.gif) 0 100% no-repeat; margin: 0; padding: 0 0 6px !important; width: 192px; } .thinGreyCallout .topCap { background: url(../images/greyCalloutThinTop.gif) 0 0 no-repeat; height: 5px; margin: 0; padding: 0; width: 192px; } .thinGreyCallout .contentCopy { background: url(../images/greyCalloutThinFill.gif) 0 0 repeat-y; margin: 0; padding: 0 7px 2px; } .thinGreyCallout .contentCopy img { display: inline-block; margin: 0 0 7px; padding: 0; } .thinGreyCallout .contentCopy h3 { color: #66ccfd; margin: 0; padding: 0 3px 3px; } .thinGreyCallout .contentCopy p { font-size: 10px; line-height: 1.4; margin: 0; padding: 0 3px; } .thinGreyCallout .contentCopy sup { font-size: 0.7em; position: relative; top: 2px; *top: 0; vertical-align: text-top; } .thinGreyCallout .contentCopy .grCalloutLink { text-align: right; } .thinGreyCallout .contentCopy .grCalloutLink a { background: url(../images/btn_learnMoreCallout.gif) 0 0 no-repeat; display: block; height: 14px; margin: 4px 0 0 87px; padding: 0; width: 81px; } .thinGreyCallout .contentCopy .grCalloutLink span { visibility: hidden; } /* ==== End Phase 3 Callouts ==== */ /*----------- Sing In Overlay ----------- */ .module .top1 { background:url(../images/bg_moduleTopRt1.png) no-repeat right top; _background:url(../images/bg_moduleTopRt1.gif) no-repeat right top; height:18px } .module .top1 span { display: block; background: url(../images/bg_moduleTopLt1.png) no-repeat 0 0; _background:url(../images/bg_moduleTopLt1.gif) no-repeat 0 0; width: 20px; height: 18px; } .module .bottom1 {background: url(../images/bg_moduleBtmRt1.png) no-repeat right bottom; _background: url(../images/bg_moduleBtmRt1.gif) no-repeat right bottom; height: 14px} .module .bottom1 span { display:inline-block; background: url(../images/bg_moduleBtmLt1.png) no-repeat 0 bottom; _background: url(../images/bg_moduleBtmLt1.gif) no-repeat 0 bottom; WIDTH: 20px; height: 14px;} .module .contentContainer1 { background: url(../images/bg_moduleBorders1.png) repeat-y right 0px; _background: url(../images/bg_moduleBorders1.gif) repeat-y right 0px;padding: 0;} .module .contentMain1 { padding: 1px 0 0 25px; background: url(../images/bg_moduleBorders1.png) repeat-y left 0px; _background: url(../images/bg_moduleBorders1.gif) repeat-y left 0px; } .module .btnClose {_margin-right:30px; right:0; position:absolute;} /* ===== Polls==== */ .pollCallout table, .pollCallout tr, .pollCallout th, .pollCallout td { border: none !important; outline: none !important; } .pollCallout span, .pollCallout p { float: none; } .pollForm { background: url(../images/bgHorizDots.gif) repeat-x left bottom; } .pollForm p { clear: both; display: block; position: relative; } .pollForm .bottom, .pollFormResult .bottom { clear: both; height:5px; margin-bottom: 5px; } .pollForm input, .pollForm label { float:left; } .pollForm input { clear: left; width: auto; margin:3px 5px 0 10px;} .pollForm label { display: block; height: 15px; width: auto; padding: 2px 0; vertical-align:top; color: #666666 !important; cursor: pointer; } .pollCallout input.submit { float:none; display:block; width: 123px; height:18px; margin-bottom: 5px; background: url(../images/btnPollSubmit.gif) no-repeat; cursor:pointer; text-indent: -9999px; } .pollCallout input.submit:hover { background-position: 0 0 !important; } .pollResults p { clear: both; *clear: none; font-size: 11px; overflow: hidden; *overflow: inherit; padding-bottom: 10px; position: relative; } .pollResults p span { display: inline-block; float: left; *float: none; font-weight: bold; width: 36px; } .pollResults h4 { background: url(../images/bgHorizDots.gif) repeat-x left bottom; padding: 0 0 5px !important; } .pollResults h4 { float:none; } .pollResults h4 i { display: block; } .pollResults .dottedline { background: url(../images/bgHorizDots.gif) repeat-x left top; height:3px; padding: 0 0 25px; width:auto; } .pollCallout input.nextPoll { display:block; background: url(../images/btn_viewNextPoll.gif) no-repeat; border: none; cursor: pointer; height: 18px; margin: 3px 0 0 10px; width: 83px; float:none; } .pollCallout input.nextPoll:hover { background-position: 0 0 !important; } .pollTip { color: #666666 !important; cursor: pointer; } .pollImg { background: url(../images/bg_pollImg.png) 0 0 no-repeat; display: none; height: 82px; position: absolute; left: 80px; _left: 95px; top: -34px; _top: -39px; padding: 7px 8px 11px 14px; _padding: 2px 2px 2px 9px; width: 82px; z-index: 100; } .legalPopups { position: fixed !important; z-index:100000 !important; left: 28% !important; bottom: 80px !important; /*margin: -100px 0 0 -300px;*/ } /*----------------------- Bullets For Error Messages -----------------------------------------------*/ #layout .redBullet {margin:0; padding:0; background:url(../images/bullet_red.gif) 0 5px no-repeat; padding-left:13px; color:#ff0000;} .redBulletUl ul {margin:0; padding:0;} .redBulletUl li {margin:0; padding:0 0 0 13px; list-style:none; background:url(../images/bullet_red.gif) 0 7px no-repeat; color:#ff0000;} #sharethis_0 .stbuttontext{ color:green;font-weight:bold;} /*---------- Print ---------*/ /* .ordersummary { background:url(../images/ship-rgtmodule-imgbg.gif); float:left; width:165px; font:10px/16px Verdana, Arial, Helvetica, sans-serif; padding:0px 0 5px 0; } */ /* standard overlays - pink border */ .overlay1 { position:absolute; z-index:10000; visibility:hidden; left:-2000px; } .overlay1 .top, .overlay1 .top div, .overlay1 .top, .overlay1 .top div { height:15px; overflow:hidden; } .overlay1 .bottom, .overlay1 .bottom div { height:15px; overflow:hidden; } .overlay1 .top, .overlay1 .middle, .overlay1 .bottom { width:300px; } .overlay1 { top:258px; margin-left:50px; width:300px; } .overlay1 p { margin:0; padding: 0 0 10px 0; } .overlay1 p.description { margin:0; padding:0; } .overlay1 .center { position:absolute; left:15px; width:285px; } .overlay1 .right { position:absolute; left:300px; width:15px; } .overlay1 .top { padding-left:15px; width:300px; background: url('../images/global/overlayPinkTL.png') no-repeat left top; } .overlay1 .top .center { background: url('../images/global/overlayPinkTop.png') repeat-x left top; } .overlay1 .top .right { background: url('../images/global/overlayPinkTR.png') no-repeat left top; } .overlay1 .bottom { padding-left:15px; width:300px; background: url('../images/global/overlayPinkBL.png') no-repeat left top; } .overlay1 .bottom .center { background: url('../images/global/overlayPinkBottom.png') repeat-x left top; } .overlay1 .bottom .right { background: url('../images/global/overlayPinkBR.png') no-repeat left top; } .overlay1 .middle { width: 300px; background: url('../images/global/overlayPinkLeft.png') repeat-y left top; } .overlay1 .middle .content1 { width:285px; padding: 0 15px 0 10px; overflow:hidden; margin-left:5px; background: url('../images/global/overlayPinkRight.png') repeat-y right top; } .overlay1 .middle .content1 .left { float:left; width:190px; } .overlay1 .middle .content1 .right { position:relative; left:auto; float:right; width:77px; } .overlay1 .middle .content1 .divider { clear:both; width: 285px; height:1px; margin:0; padding: 5px 0; overflow:hidden; background: url('../images/bg_dot_divider.gif') repeat-x left 5px; border:none; } .overlay1 a.close { position:absolute; z-index:100; top:7px; left:280px; height: 19px; width:20px; background: url('../images/global/overlayClose.gif') no-repeat left top; } #overlay1, #selectCategoryOutside { position: fixed; display:none; z-index:5000; height:100%; width:100%; top:0; left:0; opacity:.80; filter: alpha(opacity=80); -moz-opacity: 0.80; background: #fff url('/../images/global/iframeOverlay.png') repeat;} #compareModels.overlay1, #findProducts.overlay1 { left:400px; } h5.line { color:#003f82; margin:0; padding-bottom:5px; margin-bottom: 10px; background: url('../images/bgHorizDots.gif') repeat-x left bottom; } /* === Product Links / Product Quickview === */ #favorites div p.prodLink { margin:0; } .overlay1 .middle .content1 h3 { margin:0 0 5px 0; } /*.overlay1 .middle .content1 h4 { margin:0; color:#005fa3;}*/ .overlay1 .middle .content1 .price { color:#96a82f; } .overlay1 .middle .content1 .buttons a { display:block; height:18px; overflow:hidden; float:left; text-indent: -1000px; margin-right: 8px; } .overlay1 .middle .content1 .buttons a.btnAddToFavorites { width:102px; background: url('../images/btn_addToFavorites.gif') no-repeat left top; } .overlay1 .middle .content1 .buttons a.btnAddToFavoritesGray { width:102px; background: url('../images/btn_addtofavorites-gray.gif') no-repeat left top; cursor:default;} .overlay1 .middle .content1 .buttons a.btnCompare { width:66px; background: url('../images/btnCompare.gif') no-repeat left top; } .overlay1 .middle .content1 .buttons a.btnFullDetails { width:99px; margin-right:0; background: url('../images/btnFullDetails.gif') no-repeat left top; } /*My Preferences*/ .prefs .content { overflow: hidden; padding-top: 6px; } .prefs img.leftAlign { float: left; margin: 6px 2px 0 0; width: auto; } /*============= Added by Tarun / Retailer ==========================*/ .IndependentRet { background:url('../images/bg_storeOnline.jpg'); float:left; width:91px; height:131px; } .IndependentRet .textContent{font:Verdana; color:#3e5e85; font-size:10px; text-align:center; font-weight:bold; margin:22px 5px 0 5px;} .IndependentRet .find{font:Verdana; font-size:9px; margin:40px 5px 0 5px; padding:0; color:#00aeef; font-weight:bold; text-align:center;} /*============= Added by Nate / Safety Landing Page ================*/ #SafetyLanding { background:url('../images/safetyLanding/bkgd-header.jpg') no-repeat 0 0; padding:334px 36px 50px 36px; } #SafetyLanding .clearfix { display:block; clear:both; } #SafetyLanding .leftCol { float:left; width:73%; font-size:15px; line-height:21px; } #SafetyLanding .rightCol { float:right; width:23%; } #SafetyLanding .rightCol .module { width:98% !important; } #SafetyLanding .rightCol ul.plain li { list-style-type:none; } #SafetyLanding h2.subhead { background-repeat:no-repeat; background-position:0 0; height:30px; text-indent:-9999px; margin-top:60px; } #SafetyLanding h2.our-committment { background-image:url(../images/safetyLanding/subhead-our-committment.gif); } #SafetyLanding h2.our-approach { background-image:url(../images/safetyLanding/subhead-our-approach.gif); } #SafetyLanding h2.product-usage { background-image:url(../images/safetyLanding/subhead-product-usage.gif); } #SafetyLanding .callout { background-position:0 0; background-repeat:no-repeat; padding-left:100px; margin-top:30px; } #SafetyLanding .num1 { background-image:url(../images/safetyLanding/circle-1.png); } #SafetyLanding .num2 { background-image:url(../images/safetyLanding/circle-2.png); } #SafetyLanding .side-impact { background-image:url(../images/safetyLanding/side-impact-tested.gif); } #SafetyLanding .seat-standard { background-image:url(../images/safetyLanding/2x.gif); } #SafetyLanding .interior-temp { background-image:url(../images/safetyLanding/seasons.gif); } #SafetyLanding p sup { font-size:9px; } .buttonShip { display: block; height: 24px; text-indent: -9999px; } .editAddress { background: url("../images/edit-this-address.gif") no-repeat scroll 0 0 transparent; cursor: pointer; position: relative; width: 135px; height:18px; } .editAddress:hover { background-position:0 -18px; } .editAddress_inactive { background: url("../images/edit-this-address.gif") no-repeat scroll 0 0 transparent; cursor: default; position: relative; width: 135px; background-position:0 -36px; height:18px; } .shipAddress { background: url("../images/ship-to-this-address.gif") no-repeat scroll 0 0 transparent; position: relative; width: 150px; height:18px; } .shipAddress:hover { background-position:0 -18px; } /* Start Paymetric Graco */ .review-form2 { float:left; padding:13px 0px 0px 0px; margin-left:-150px; width:650px; } .review-form2 label { font-size:12px; width:138px; font-weight:bold; text-align:right; margin:0px; padding:0px 10px 0px 0px; } .review-form2 input { width:140px; padding:3px 4px; float:left; } .review-form2 select { width:130px; float:left; } #frmid { height:190px !important; } .WhatIsThisCVV { float: right; font-size: 12px; margin-top:-85px; margin-right:90px; z-index:9999; position:relative; } .fltlft2 { float:left; margin-left:150px; margin-top:-45px; width:475px; } /* End Paymetric Graco */ /*--------------------------Integrate CSS Start -------------------------------*/ #topContainer{ background: none; } #footerContainer { background: none; } #footerContainer h2 a:link, #footerContainer h2 a:visited { color: #003F82; } body.home { background: none; } body.home #layout{margin-left: 48px;} #footer #promo { background: url("/Assets/images/bg_shadow_001.jpg") repeat-x scroll 0 -10px white !important; height: 41px; left: 0; line-height: 24px; /*padding: 0;*/ padding-top: 12px; position: absolute; width: 100%; } #divSiteAction{ text-align:left; position:absolute; margin-left: 10px; } #utilityNav .textLinks { width: 470px; color: rgb(22, 97, 158); margin: 3px 13px 0px 0px; float: left; position: relative; z-index: 10000; text-align:center;} h2, .ms-WPBody h2, .ms-TPBody h2 { margin: 10px 0px; font-size: 16px;color:#003f82; font-family: 'Open Sans', sans-serif;font-weight: bold;} .sidebarModule .content h2{margin:0;} #spanHeader2{ margin: 10px 0px; font-size: 16px;color:#003f82; font-family: 'Open Sans', sans-serif;font-weight: bold;} #footerContainer #spanHeader2 a:link, #footerContainer #spanHeader2 a:visited {color: #003F82;} #footer #promo.heartToHeart, #footer #promo.heartToHeart a { color: #777; } #utilityNav #cart a, #utilityNav .cart a { padding: 6px 0 0 27px; } .overlay1 .middle .content1 img { padding-left:10px;} /* AD Start */ h1 {font: 30px 'Open Sans',sans-serif; font-weight:400!important; color:#003f81;font-size:30px;} .pageHeader h1,.pageHeader1 h1{font-size:30px} .category-message {display:block; width:701px; height:125px;} .category-message h2 { font-family:'Open Sans',sans-serif; font-size:22px!important; font-weight:400!important; color:#003f81; padding:0 0 0 30px; line-height:125px; margin:0!important; } .category-message.car-seats {background:url('/Assets/images/categorytopbanners/category-bg-carSeats.jpg');} .category-message.highchairs {background:url('/Assets/images/categorytopbanners/category-bg-highchairs.jpg');} .category-message.other {background:url('/Assets/images/categorytopbanners/category-bg-other.jpg');} .category-message.playards {background:url('/Assets/images/categorytopbanners/category-bg-playards.jpg');} .category-message.strollers {background:url('/Assets/images/categorytopbanners/category-bg-strollers.jpg');} .category-message.swingsSoothers {background:url('/Assets/images/categorytopbanners/category-bg-swingsSoothers.jpg');} .category-message.travelSystems {background:url('/Assets/images/categorytopbanners/category-bg-travelSystems.jpg');} .category-message.activityCenters {background:url('/Assets/images/categorytopbanners/category-bg-activityCenters.jpg');} .category-message.monitors {background:url('/Assets/images/categorytopbanners/category-bg-monitors.jpg');} .category-message.nurseryCare {background:url('/Assets/images/categorytopbanners/category-bg-nurseryCare.jpg');} /* AD End */ /* AD category blocks */ .categoryImageBlock { width: 229px; height: 257px; float: left; text-align: center; margin: 0px 7px 10px 0px; z-index: -1; } .categoryImageBlock { background: url('/Assets/images/bg_categoryimage.gif') no-repeat scroll 0px 0px transparent; padding: 2px 0px 0px; height: 260px; display: block; } .categoryImageBlock .image { text-align: center; margin: 5px 0 0 0; height: 180px; padding-top:20px; position: relative; } .categoryImageBlock:hover, .categoryImageBlock:active { background-position: 0px -267px; } .categoryImageBlock .detail { font-size: 14px!important; font-family:'Open Sans', sans-serif; color:#003f81; height:50px; line-height:50px; margin:0!important; } .categoryImageBlock .detail img {margin-left:5px;} .categoryImageBlock a{cursor:pointer;} .categoryImageBlock .detail.twoLines {height:37px; line-height:37px;} .categoryImageBlock .detail.twoLines div {font-size:12px; margin-top: -11px; height: 18px; line-height: 18px; color:#666;} /* AD End category blocks */ /* AD add hover state*/.overlay1 .middle .content1 .buttons a.btnCompare:hover, .overlay1 .middle .content1 .buttons a.btnFullDetails:hover {background-position:0 -20px;} /* AD overlay h4 */ .overlay1 .middle .content1 span {display: block; float: left; width:100%; color:#666;} .overlay1 .middle .content1 span.title {color:#005fa3; font-weight:bold;} .overlay1 .middle .content1 h4 {font-weight:bold; display: block; float: left; margin:0 5px 0 0;} .overlay1 .middle .content1 h4.msrp {font-weight:normal; color:#666; margin: 0 5px 5px 0;} .overlay1 .middle .content1 .price { color:#96a82f; font-size:14px; } /* AD End overlay h4 */ .overlay1 .middle .content1 .buttons a.btnAddToFavorites:hover {background-position:0 -20px;} .breadcrumb, .pageHeader { margin-left: 22px; padding-bottom:10px !important;} .pageHeader { height: 32px; background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 14px 0px 0px; } /*******************************Product Detail start ******************************/ .clearfix{display:block;} .productInfo{width:auto;float:none;} .retailerLogo {background:none;width:auto;height:auto;margin-bottom:0px;} .retailerLogo img{padding-top:0px;} /*******************************Product Detail End ********************************/ .prodLinks a#addFav {background:url("/Assets/images/btn_addToFavorites.gif") no-repeat scroll;background-position: 0 0px; height:19px; padding:6px 0 0 98px;overflow:hidden;text-decoration: none} .prodLinks a#addFav:hover { background-position: 0 -20px; } .prodLinks a#viewFull {background:url("/Assets/images/view-details-new.png") no-repeat scroll;background-position: 0 0px; height:19px; padding:6px 0 0 98px;overflow:hidden;text-decoration: none;} .prodLinks a#viewFull:hover { background-position: 0 -20px; } /*--------------------------Integrate CSS End -------------------------------*/ /*--------------------------Task 8952 Start -------------------------------*/ /* This text is available to screen readers but not displayed on screen */ .hidetext{ height: 1px; left: -10000px; overflow: hidden; position: absolute; top: auto; width: 1px; } /*--------------------------Task 8952 End -------------------------------*/ .tellus label {float:none; margin:10px 0 5px 10px;} .tellus input,.tellus select {margin:5px 0 5px 10px;} #footerCallouts #getCatalog1 a:link, #footerCallouts #recall li a:visited, #footerCallouts h3 a:link, #footerCallouts h3 a:visited { color: #46ade6;} #footerCallouts #getCatalog1 a:hover, #footerCallouts #recall li a:active, #footerCallouts h3 a:hover, #footerCallouts h3 a:active { color:#16619E } #footerCallouts #getCatalog1 a img{vertical-align: middle;} #footerCallouts #getCatalog1 a{padding-bottom: 2px;} #layout.oneColLeftnav #col1 span.spanH1 {font-family:'Open Sans',sans-serif; font-weight:400;font-size:200%;margin-bottom:20px;display:block;} .module .col span.spanH1{ font-size:14px; color:#e781af; font-weight:bold;} #shoppingTools.module .col span.spanH1{margin-bottom:10px;} #__processingImg { content:url('/assets/images/loading.gif'); border:0px; } #__processingDiv { background-color:rgba(224, 224, 224, .5) !important; } } /* View Order Status related styles - Start */ #viewOrdersMainContainer { width: 900px; border: 0px solid black; overflow: auto; } #viewOrdersSignInContainer { width:400px; height:125px; margin:10px; padding:10px; display: inline-block; border: 3px solid #f1f1f1; vertical-align:top; /* margin-bottom:150px; */ } #viewOrdersLookupOrdersContainer { width:400px; height:125px; margin:10px; padding:10px; display: inline-block; border: 3px solid #f1f1f1; /* margin-bottom:150px; */ } #pnlSignIn div.left { float: left; width: 70px; text-align: right; margin: 5px; display: inline; } #pnlSignIn div.right { float: left; text-align: left; margin: 5px; display: inline; } #pnlSignIn span.spanH1 { font-size:12px; color:#e781af; font-weight:bold; } #pnlForgot div.left { float: left; width: 70px; text-align: right; margin: 5px; display: inline; } #pnlForgot div.right { float: left; text-align: left; margin: 5px; display: inline; } #pnlForgot span.spanH1 { font-size:12px; color:#e781af; font-weight:bold; } #pnlViewOrders div.left { float: left; width: 130px; text-align: right; margin: 5px; display: inline; } #pnlViewOrders div.right { float: left; text-align: left; margin: 5px; display: inline; } #pnlViewOrders span.spanH1 { font-size:12px; color:#e781af; font-weight:bold; } #pnlViewOrderDetails { width:850px; margin:10px; padding:10px; display: inline-block; border: 3px solid #f1f1f1; vertical-align:top; /* margin-bottom:150px; */ } #pnlViewOrderDetails div.left { float: left; width: 130px; text-align: right; margin: 5px; display: inline; } #pnlViewOrderDetails div.right { float: left; text-align: left; margin: 5px; display: inline; } #pnlViewOrderDetails span.spanH1 { font-size:12px; color:#e781af; font-weight:bold; } /* View Order Status related styles - End */ /* Nautilus microsite - START */ section, header { padding-bottom:31px; width: 936px; margin:0 auto; } footer { width: 936px; text-align: center; margin:0 auto; } #mainart { background: url('/assets/images/nautilus/MAINART.png') no-repeat; position: relative; height:441px; } #stages { background: url('/assets/images/nautilus/STAGES.png') no-repeat; position: relative; height: 264px; } #video { height:393px; } #availableat { font-size: 12px; display: block; min-height: 200px; } #availableat .leftHead { font-size: 1.7rem; } .nVideo { float: left; width: 699px; height: 393px; margin-right: 6px; background: #f9f9f9; } .nVideoContent { float: left; width: 231px; height: 393px; background:#23438a; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; padding:0px 25px; } .nVideoContent h4 { color:#fff; font-size: 16px; line-height: 18px; text-transform: uppercase; letter-spacing: 0.025rem; text-align: left; } .socialShare { margin-top:200px } .socialShare h6 { color:#fff; font-family: "din-condensed-web",sans-serif; text-transform: uppercase; float:left; margin:0 5px 0 0; } .socialShare a { color:#fff; font-size: 12px; float:left; padding:0 5px; } .nVideoContent p { text-align: left; font-size: 12px; color: #fff; line-height: 18px } .nPBox { width: 468px; margin-bottom: 86px; float: left; } .nPBoxImage { float: left; padding:0 20px 0 0; min-width: 150px; } .nPBoxSwatch { float: left; padding-right:20px; } .nPBoxDesc { min-height: 90px; } .nPBoxTitle { margin: 0; font-size: 15px !important; color:#898989; text-transform: uppercase; line-height: 1.2; } .nPBoxDesc p { color:#898989; } .nPBoxRetailer { margin-top: 35px; margin-bottom:17px } .nPBoxRetailText { color:#898989; } .nPBoxRetailText img { padding-left: 5px; vertical-align:middle; } .nPBoxShop { position: relative; top: 4px } .pink-button { color:#fff !important; background: #d70d50; font-family: "din-condensed-web",sans-serif; text-transform: uppercase; text-decoration: none; padding: 5px 20px; font-size: 16px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius: 3px; } .head { font-weight: 100 !important; font-family: "din-condensed-web",sans-serif !important; text-transform: uppercase; position: absolute; text-align: center; width:100%; letter-spacing: -0.03rem; line-height: 1; } .h1-head { color: #fff !important; font-size: 2.7rem !important; margin: 0; top: 20px; line-height: 0.75; } .h1-head > span.fancyFont { font-size: 1.6rem; margin:0; } .h2-head { color: #fff !important; font-size: 2.25rem !important; top:15px; } .leftHead { text-align: left; font-family: "din-condensed-web", sans-serif; text-transform: uppercase } .fancyFont { font-family: "schoolbook-web",serif; text-transform: none; font-style: italic; font-size: 75%; font-weight: 300; letter-spacing: 0; } #callout { background: url('/assets/images/nautilus/CALLOUT.png') no-repeat; position: relative; height:264px; font-size: 12px; color: #fff; font-family: "Arial",sans-serif; letter-spacing: 0.02rem; } #callout p.rightalign { text-align: right; position: absolute; } #callout p.leftalign { text-align: left; position: absolute; } #callout p.tl { left: 345px; top: 34px } #callout p.bl { left: 355px; bottom: 46px; } #callout p.tr { right: 65px; top: 8px; } #callout p.br { right: 54px; bottom: 50px; } /*Helper classes*/ .clear { clear: both; } .blue { color:#234389; } /* Nautilus microsite - END */