/* * Project: The Spirit of Toys * Date: 2009-04-01 /* ---------------------------------------- */ * { margin: 0; padding: 0; } html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; background: #588BB3; } body { background: #fbdf7e url(../images/bg.jpg) 0 0 repeat; font-size: 62.5%; color: #899207; } @media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } } body, textarea, input, select, option, button { color: #555; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; line-height: 1.25; } li, dt, dd, p, th, td, caption, pre { font-size: 1.2em; } ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; } a { color: #0a3a6a; text-decoration: underline; } a:hover, a:focus, a:active { color: #0a3a6a; text-decoration: none; } ul, ol, dd, blockquote { padding-left: 40px; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } li *, li p, li li, dt *, dd *, p * { font-size: 1em; } img { border: none; -ms-interpolation-mode: bicubic; } pre { font-family: "Courier New",monospace; white-space: pre-wrap; } table { border-collapse: collapse; border-spacing: 0; } button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; } hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; } *:first-child+html hr { margin: -7px 0 8px !important; } .offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; } .clear { clear: both; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .login-section .loggedIn { display: none;} /* LAYOUT ------------------------------------------- */ #root { background: url(../images/bg-pattern.gif) 0 0 repeat; } .wrapper { width: 964px; margin: 0 auto; } #top { height: 149px; position: relative; } #logo { position: absolute; top: 0; left: -30px; } #logo a { } #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; } #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; } #content { margin: 0 0 15px; } #content .wrapper { width: 940px; padding: 0 4px 0 4px; overflow: hidden; background: url(../images/content-bg24.png) 0 0 repeat-y; } .home #content .wrapper { width: 962px; padding: 0; background: none; } #side { float: left; width: 181px; margin: 0 0 15px 12px; padding: 0 0 18px; background: #d2ebff; } #main { float: right; width: 692px; position: relative; overflow: hidden; padding: 0 0 15px; margin-right: 29px; } #main.long { float: none; width: 869px; padding: 18px 30px 15px 41px; } #footer { clear: both; border-top: 1px solid #fff; background: #5281a7 url(../images/footer-bg.png) 0 0 repeat-x; } #footer .wrapper { width: 952px; background: url(../images/footer-stars.png) 0 0 no-repeat; padding: 38px 0 0; } /* GENERAL ------------------------------------------- */ /* headers */ h1, h2, h3, h4, h5, h6 { font-family: "trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #224d78; } h1 { font-size: 2.0em; } h2 { font-size: 1.8em; } h3 { font-size: 1.6em; } h4 { font-size: 1.4em; } h5 { font-size: 1.2em; } h6 { font-size: 1.0em; } #main h1 { padding: 0 0 13px; margin: 0 0 25px; background: url(../images/h1-border.gif) 0 100% repeat-x; } #main p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 2em; } #main img.right, #main img.left { padding: 3px; border: 1px solid #CECECE; } #main img.right { float: right; margin: 20px 0 20px 20px; } #main img.left { float: left; margin: 20px 20px 20px 0; } #main ul li { list-style: none; background: url(../images/ico-required.gif) left no-repeat; padding: 0 0 0 15px;} #main ul li, #main ol li { line-height: 2em;} #notice-slider { padding: 20px; color: #fff; font-weight: bold; display: none; margin: 0 0 20px 0; font-size: 1.4em; } .alarm { background-color: red;} .caution { background-color: #FF8929; } #home-page-rotate { list-style: none; padding: 0; margin: 0; } #home-page-rotate li { list-style: none; padding: 0; margin: 0; } /* tables */ table { } table th, table td { padding: 5px 10px; border: 1px solid #ccc; } .shop-breadcrumb { display: none;} .catalogueItemNotFound { display: none; } /* ELEMENTS ------------------------------------------- */ /* top */ #top .customer-service { position: absolute; top: 14px; right: 411px; display: block; width: 142px; height: 47px; overflow: hidden; text-indent: -100001px !important; background: url(../images/customer-service.png) 0 0 no-repeat; } #top .shopping-cart-top { position: absolute; top: 0; right: 0; display: block; width: 353px; height: 57px; padding: 19px 0 0 30px; background: url(../images/shopping-cart-info.png) 0 0 no-repeat; } #top .shopping-cart-top .cart-items-info { float: left; width: 176px; height: 31px; overflow: hidden; text-indent: -100001em; background: url(../images/cart-items-info.png) 0 0 no-repeat; } #top .shopping-cart-top .sc-number { float: left; padding: 8px 0 0 8px; font: 2.2em bold "Trebuchet MS", Arial, Helvetica, sans-serif; color: #224e7a; } #top .shopping-cart-top .bttn-check { float: right; padding: 10px 28px 0 0; } #top .shopping-cart-top .bttn-check a { display: block; width: 106px; height: 23px; overflow: hidden; text-indent: -10001em; background: url(../images/bttn-chceck-out.png) 0 0 no-repeat; } #top .shopping-cart-top .bttn-check a:hover { background-position: 0 -31px; } #nav_430517 { position: absolute; top: 108px; right: 0; padding: 0; margin: 0; list-style: none; } #nav_430517 li { float: left; padding: 0; margin: 0; font-size: 1.4em; font-weight: bold; } #nav_430517 li a { float: left; padding: 0 0 0 9px; color: #6b523e; text-decoration: none; background: url(../images/nav-top-bg-left.png) 0 -40px no-repeat; } #nav_430517 li a span { float: left; line-height: 18px; height: 20px; padding: 0 10px 0 1px; background: url(../images/nav-top-bg.png) 100% -40px no-repeat; cursor: pointer; } #nav_430517 li a:hover, #nav_430517 li.active a { color: #fff; background-position: 0; } #nav_430517 li a:hover span, #nav_430517 li.active a span { color: #fff; background-position: 100% 0; } /* navigation */ #nav-wrapper { z-index: 20; position: relative; top: 0; left: 0px; width: 966px; height: 52px; margin: 0 0 -8px; } #nav_430519 { display: block; width: 943px; height: 45px; padding: 7px 0 0 23px; margin: 0; overflow: hidden; background: url(../images/nav-bg.png) 0 -57px no-repeat; list-style: none; } #nav_430519 li { float: left; } #nav_430519 li a { float: left; height: 32px; overflow: hidden; text-indent: -100001em; } #nav_430519 li a:hover { background: url(../images/nav-bg.png) -23px -7px no-repeat; } #n-category a { width: 101px; } #n-brand a { width: 77px; } #n-age a { width: 58px; } #n-personalized-toys a { width: 169px; } #n-toy-of-the-month a { width: 167px; } #n-best-sellers a { width: 123px; } #n-hot-deals a { width: 104px; } #n-gift-services a { width: 125px; } #nav_430519 li#n-category a:hover { background-position: -23px -7px; } #nav_430519 li#n-brand a:hover { background-position: -124px -7px; } #nav_430519 li#n-age a:hover { background-position: -201px -7px; } #nav_430519 li#n-personalized-toys a:hover { background-position: -259px -7px; } #nav_430519 li#n-toy-of-the-month a:hover { background-position: -428px -7px; } #nav_430519 li#n-best-sellers a:hover { background-position: -595px -7px; } #nav_430519 li#n-hot-deals a:hover { background-position: -718px -7px; } #nav_430519 li#n-gift-services a:hover { background-position: -822px -7px; } /* search n login */ #search-n-login { position: relative; z-index: 10; top: 0; left: 12px; display: block; width: 913px; height: 38px; padding: 13px 0 0 27px; margin: 0 0 18px; background: url(../images/search-n-login-bg.jpg) 0 0 no-repeat; } #search-n-login form { float: left; width: 520px; } #search-n-login .search-label { float: left; width: 82px; height: 14px; margin: 7px 18px 0 0; overflow: hidden; background: url(../images/label-search.gif) 0 0 no-repeat; text-indent: -100001em; } #search-n-login .row { margin: 0; } #search-n-login label { display: none; } #search-n-login select { float: left; margin: 4px 17px 0 0; width: 130px; } #search-n-login input { float: left; width: 150px; height: 24px; padding: 3px 15px 0; margin-right: 10px; overflow: hidden; background: url(../images/search-bg.gif) 0 0 no-repeat; border: 0; font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #224f7b; } #search-n-login button { float: left; margin-top: 2px; overflow: hidden; width: 50px; height: 26px; background: url(../images/bttn-go.png) 0 0 no-repeat; border: 0; text-indent: -10001em; } #search-n-login button:hover { background-position: 0 -26px; } #search-n-login .login-section { float: left; padding: 7px 10px 0 134px; width: 237px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #fcedab; } #search-n-login .login-section a { color: #fff; } #search-n-login .login-section a:hover { text-decoration: none; } #search-n-login .login-section a.learn { margin-left: 11px; } /* side */ #side h2.narrow-by { display: block; width: 181px; height: 77px; overflow: hidden; background: url(../images/h2-narrow-by.jpg) 0 0 no-repeat; text-indent: -100001em; margin: 0; } #side .banner-refer-a-firend, #side .banner-newsletter-signup, #side .banner-contact-us { display: block; width: 181px; overflow: hidden; } #side .banner-refer-a-firend a { display: block; width: 181px; height: 56px; overflow: hidden; background: url(../images/banner-refer-a-friend.jpg) 0 0 no-repeat; text-indent: -100001em; } #side .banner-newsletter-signup a { display: block; width: 181px; height: 70px; overflow: hidden; background: url(../images/banner-newsletter-signup.jpg) 0 0 no-repeat; text-indent: -100001em; } #side .banner-contact-us a { display: block; width: 181px; height: 100px; overflow: hidden; background: url(../images/banner-contact-us.jpg) 0 0 no-repeat; text-indent: -100001em; } /* nav side */ #nav-side { display: block; padding: 0; margin: 0; list-style: none; font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; } #nav-side li { padding: 10px 0; margin: 0; border-top: 1px solid #fff; } #nav-side li.first { border: 0; } #nav-side li a { display: block; padding: 1px 0 0 17px; text-decoration: none; } #nav-side li a span { padding: 0 24px 0 0; background: url(../images/nav-side-button.gif) 100% -27px no-repeat; } #nav-side li a:hover, #nav-side li.active a { background: url(../images/nav-side-rollover.gif) 10px 0px no-repeat; color: #fff; padding-bottom: 5px; margin: 0 0 -5px; } #nav-side li a:hover span { background-position: 100% -58px; } #nav-side li.active a span, #nav-side li.active a:hover span { background: url(../images/nav-side-button.gif) 100% 4px no-repeat; } #nav-side-sub { display: block; padding: 0; margin: 0; list-style: none; font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; } #nav-side-sub li { padding: 10px 0; margin: 0; border-top: 1px solid #fff; } #nav-side-sub li.first { border: 0; } #nav-side-sub li a { display: block; padding: 1px 0 0 17px; text-decoration: none; } #nav-side-sub li a span { padding: 0 24px 0 0; background: url(../images/nav-side-button.gif) 100% -27px no-repeat; } #nav-side-sub li a:hover, #nav-side-sub li.active a { background: url(../images/nav-side-rollover.gif) 10px 0px no-repeat; color: #fff; padding-bottom: 5px; margin: 0 0 -5px; } #nav-side-sub li a:hover span { background-position: 100% -58px; } #nav-side-sub li.active a span, #nav-side-sub li.active a:hover span { background: url(../images/nav-side-button.gif) 100% 4px no-repeat; } #nav-side li ul { display: none; padding: 0; margin: 5px 0 10px; list-style: none; } #nav-side li ul li { display: block; border: 0; padding: 0 !important; font-size: 0.86em; margin: 0 0 3px; } #nav-side li:hover ul li a, #nav-side li.active ul li a, #nav-side li ul li a { color: #5e87b0; padding-bottom: 0; } #nav-side li:hover ul li a, #nav-side li.active ul li a, #nav-side li ul li a:hover { background-image: none; padding-bottom: 0; } #nav-side li:hover ul li a:hover, #nav-side li.active ul li a:hover, #nav-side li ul li a:hover, #nav-side li ul li a.active { color: #fff; } #nav-side li.active ul { display: block; } /* gift-services */ .gift-services { display: block; height: 328px; padding: 4px 12px; margin: 0 0 16px; overflow: hidden; background: url(../images/gift-services-bg.png) 8px 0 no-repeat; } .gift-services .side { position: relative; display: block; width: 267px; height: 321px; } .gift-services .side .gift-more { position: absolute; left: 0; bottom: 0; width: 233px; background: #e86e18; overflow: hidden; height: 11px; padding: 9px 17px; margin: 0; } .gift-services .side .gift-more a { float: right; width: 42px; height: 11px; padding: 0; overflow: hidden; background: url(../images/gift-services-more.gif) 0 0 no-repeat; text-indent: -100001em; } .gift-services .side .gift-more a:hover { background-position: 0 -11px; } #home-page-rotate div { width: 668px; height: 329px; overflow: hidden; position: relative; } #gifts-tabs { position: relative; padding: 64px 0 0 17px; } #gifts-tabs dt { display: block; height: 44px; overflow: hidden; background: url(../images/gifts-tabs.png) 0 0 no-repeat; text-indent: -10001em; cursor: pointer; } #gifts-tabs dd { position: absolute; right: -671px; top: 0; z-index: 101; visibility: hidden; display: block; padding: 0; margin: 0; width: 660px; height: 321px; overflow: hidden; } #gifts-tabs dt#gifts-tab-toy-of-the-month { position: relative; top: 0; left: 0; background-position: 0 0; } #gifts-tabs dt#gifts-tab-toy-of-the-month:hover { background-position: 0 -216px; } #gifts-tabs dt#gifts-tab-personalized-gifts { position: relative; top: -1px; left: 0; background-position: 0 -44px; } #gifts-tabs dt#gifts-tab-personalized-gifts:hover { background-position: 0 -260px; } #gifts-tabs dt#gifts-tab-gift-wrap { position: relative; top: -2px; left: 0; background-position: 0 -89px; } #gifts-tabs dt#gifts-tab-gift-wrap:hover { background-position: 0 -305px; } #gifts-tabs dt#gifts-tab-egift-cards { position: relative; top: -5px; left: 0; background-position: 0 -133px; } #gifts-tabs dt#gifts-tab-egift-cards:hover { background-position: 0 -349px; } #gifts-tabs dt#gifts-tab-newsletter-sign-up { position: relative; top: -9px; left: 0; height: 41px; background-position: 0 -175px; } #gifts-tabs dt#gifts-tab-newsletter-sign-up:hover { height: 44px; background-position: 0 -391px; } #gifts-tabs dd#gifts-tab-personalized-gifts-cont { background: url(../images/gifts-tab-personalized-gifts-cont.jpg) 0 0 no-repeat; } #gifts-tab-personalized-gifts-cont .more { position: absolute; top: 233px; right: 120px; } #gifts-tab-personalized-gifts-cont .more a { display: block; width: 153px; height: 30px; overflow: hidden; text-indent: -100001em; } #gifts-tabs dd#gifts-tab-save10-cont { background: url(../images/gifts-tab-save10-cont.jpg) 0 0 no-repeat; } #gifts-tab-save10-cont .more { position: absolute; top: 193px; right: 81px; } #gifts-tab-save10-cont .more a { display: block; width: 163px; height: 30px; overflow: hidden; text-indent: -100001em; } #gifts-tabs dd#gifts-tab-gift-wrap-cont { background: url(../images/gift-tab-gift-wrap-cont.png) 0 0 no-repeat; } #gifts-tab-gift-wrap-cont .more { position: absolute; top: 250px; left: 142px; } #gifts-tab-gift-wrap-cont .more a { display: block; width: 145px; height: 35px; overflow: hidden; text-indent: -100001em; } #gifts-tabs dd#gifts-tab-e-gift-card-cont { background: url(../images/gifts-tab-e-gift-card-cont.jpg) 0 0 no-repeat; } #gifts-tab-e-gift-card-cont .more { position: absolute; bottom: 5px; left: 84px; } #gifts-tab-e-gift-card-cont .more a { display: block; width: 168px; height: 30px; overflow: hidden; text-indent: -100001em; } #gifts-tabs dd#gifts-tab-refer-a-friend-cont { background: url(../images/gifts-tab-refer-a-friend-cont.jpg) 0 0 no-repeat; } #gifts-tab-refer-a-friend-cont .more { position: absolute; bottom: 58px; right: 124px; margin: 0; } #gifts-tab-refer-a-friend-cont .more a { display: block; width: 146px; height: 32px; overflow: hidden; text-indent: -100001em; } #gifts-tabs dd#gifts-tab-toy-of-the-month-cont { width: 672px; background: url(../images/gifts-tab-toy-of-the-month-cont.jpg) 0 0 no-repeat; } #gifts-tab-toy-of-the-month-cont .cont { position: absolute; left: 66px; top: 160px; width: 305px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; } #gifts-tab-toy-of-the-month-cont p { margin: 0 0 22px; color: #fff; *font-size: 1em !important; } #gifts-tab-toy-of-the-month-cont form { margin: 0 0 26px; } #gifts-tab-toy-of-the-month-cont label { } #gifts-tab-toy-of-the-month-cont input { float: left; width: 220px; height: 22px; padding: 6px 8px 0; border: 0; color: #570805; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; } #gifts-tab-toy-of-the-month-cont button { width: 48px; height: 32px; padding: 0; margin-left: 4px; overflow: hidden; border: 0; background: url(../images/bttn-go-totm.png) 0 0 no-repeat; text-indent: -100001em; } #gifts-tab-toy-of-the-month-cont .links { width: 200px; margin: 0 auto; } #gifts-tab-toy-of-the-month-cont .links .first { float: left; } #gifts-tab-toy-of-the-month-cont .links .second { float: right; } #gifts-tab-toy-of-the-month-cont .links a { color: #ff9792; } #gifts-tabs dd#gifts-tab-newsletter-sign-up-cont { background: url(../images/gifts-tab-newsletter-sign-up-cont.jpg) 0 0 no-repeat; } #gifts-tab-newsletter-sign-up-cont .cont { position: absolute; left: 43px; top: 134px; width: 414px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; } #gifts-tab-newsletter-sign-up-cont form p { clear: both; overflow: hidden; margin: 0 0 10px; *font-size: 1em !important; } #gifts-tab-newsletter-sign-up-cont label { float: left; width: 187px; height: 28px; margin-right: 10px; overflow: hidden; text-indent: -10001em; } #gifts-tab-newsletter-sign-up-cont #CLEmailAddressLabel { background: url(../images/label-your-email-address.gif) 100% 50% no-repeat; } /* #gifts-tab-newsletter-sign-up-cont #label-confirm-email-address { background: url(../images/label-confirm-email-address.gif) 100% 50% no-repeat; }*/ #gifts-tab-newsletter-sign-up-cont #CLFullNameLabel { background: url(../images/label-your-name.gif) 100% 50% no-repeat; } #gifts-tab-newsletter-sign-up-cont input { float: left; width: 191px; height: 22px; padding: 5px 11px 0; color: #570805; border: 1px solid #892521; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; } #gifts-tab-newsletter-sign-up-cont form p.submit { margin-left: 193px; } #gifts-tab-newsletter-sign-up-cont button { width: 84px; height: 23px; padding: 0; margin-left: 4px; overflow: hidden; border: 0; background: url(../images/bttn-newsletter-submit.png) 0 0 no-repeat; } /* aux bar */ #aux-bar { border-top: 1px solid #fff; background: #fff0b1; overflow: hidden; } #aux-bar .wrapper { position: relative; width: 952px; display: block; min-height: 196px; padding: 115px 0 0; margin: 0 auto; margin-bottom: 20px; background: url(../images/aux-bar.jpg) 0 0 no-repeat; } #aux-bar h2 { margin: 0; text-indent: -10001em; } #aux-bar .wrapper div { float: left; width: 197px; padding: 0 10px 0 33px; } #aux-bar .wrapper div.first { padding-left: 24px; } #aux-bar .wrapper div h3 { margin: 0 0 10px; } #aux-bar .wrapper div h3 a { color: #224d78; } #aux-bar .wrapper div p { font-size: 1.1em; color: #757b30; text-transform: uppercase; font-weight: bold; } #aux-bar .wrapper div a { text-decoration: none; color: #757b30; } #aux-bar .wrapper div a:hover { text-decoration: underline; } #aux-bar .bttn-view-all-toys { display: block; position: absolute; right: 10px; top: 42px; width: 107px; height: 23px; overflow: hidden; } #aux-bar .bttn-view-all-toys a { display: block; width: 107px; height: 23px; overflow: hidden; background: url(../images/bttn-view-all-toys.png) 0 0 no-repeat; text-indent: -100001em; } #aux-bar .bttn-view-all-toys a:hover { background-position: 0 -23px; } /* footer */ #nav-foot { display: block; overflow: hidden; padding: 0; margin: 0; } #nav-foot div { float: left; width: 185px; padding-left: 55px; overflow: hidden; } #nav-foot div div { padding: 0; } #nav-foot h2 { display: block; overflow: hidden; height: 26px; width: 100%; padding: 0; text-indent: -100001em; } #nav-foot ul { padding: 0; margin: 0 0 21px; list-style: none; } #nav-foot ul li { padding: 0; margin: 0 0 10px; font-size: 1.4em; font-weight: bold; font-family: "Trebuchet Ms", Arial, Helvetica, sans-serif; } #nav-foot ul li a { color: #fff; text-decoration: none; } #nav-foot ul li a:hover, #nav-foot ul li.active a { color: #f3fd6f; } #nav-foot div#nf-about { padding-left: 24px !important; } #nav-foot div#nf-save-n-secure-shopping { float: right; width: 200px; } #nav-foot div#nf-about h2 { background: url(../images/footer-h2-about.png) 0 0 no-repeat; } #nav-foot div#nf-gift-services h2 { background: url(../images/footer-h2-gift-services.png) 0 0 no-repeat; } #nav-foot div#nf-customer-services h2 { background: url(../images/footer-h2-customer-services.png) 0 0 no-repeat; } #nav-foot div#nf-save-n-secure-shopping h2 { background: url(../images/footer-h2-secure-shopping.png) 0 0 no-repeat; } #footer p.call-us { clear: both; width: 902px; height: 28px; padding: 23px 12px; margin: 0; overflow: hidden; font-size: 1.7em; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #184876; background: url(../images/footer-glow1.png) 0 0 no-repeat; text-indent: -1000001em;} #footer p.call-us span { color: #fff; padding: 0 10px; } #footer p.call-us span.phone { color: #f3fd6f; padding: 0; } /* breadcrumb */ .breadcrumb { display: block; color: #fff; padding: 11px 30px 10px 30px; margin: 0 0 16px; overflow: hidden; background: #6b95b9 url(../images/breadcrump-stars.gif) 98% 100% no-repeat; } .breadcrumb a { color: #f3ff4e; text-decoration: none; margin: 0 5px 0 0; font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; } .breadcrumb a:hover {text-decoration: underline;} /* toy of the month */ .toy-of-month { display: block; width: 953px; min-height: 165px; overflow: hidden; background: url(../images/toy-of-the-month-bg.png) 0 0 no-repeat; } .toy-of-month .side { position: relative; float: left; width: 414px; height: 165px; } .toy-of-month .side p { position: absolute; top: 24px; left: 165px; width: 240px; height: 110px; font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #224d78; } .toy-of-month .side p.more { position: absolute; width: 145px; height: 20px; right: 13px; top: auto; left: auto; bottom: 17px; margin: 0; } .toy-of-month .side p.more a { display: block; width: 145px; height: 30px; overflow: hidden; text-indent: -100001em; } .toy-of-month .main { float: left; min-height: 145px; width: 536px; padding: 20px 0 0; } .toy-of-month .main h3 { font-size: 1.5em; padding: 0 0 0 20px; margin: 0 0 5px; } .toy-of-month .main #category-thumbs { display: block; width: 536px; overflow: hidden;} .toy-of-month .main #category-thumbs ul { display: block; width: 49999px; padding: 0; margin: 0; list-style: none; } .toy-of-month .main #category-thumbs ul li { float: left; width: 130px; height: 110px; margin: 0 2px; padding: 0; } .toy-of-month p.join { float: left; clear: both; position: relative; width: 384px; min-height: 32px; padding: 6px 10px; margin: 5px 0 0 10px; background: url(../images/join-today-bg.png) 0 0 no-repeat; font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; } .toy-of-month p.join a:hover { text-decoration: none; } #category-thumbs-options { position: relative; top: 5px; width: 536px; float: left; height: 17px; margin: 0 0 20px; padding: 0; text-align: center; overflow: hidden; } #category-thumbs-options li { display: inline; margin: 0 3px; list-style: none; padding: 0; } #category-thumbs-options li a { display: inline-block; width: 17px; height: 17px; padding: 0; overflow: hidden; background: transparent url(../images/toy-of-the-month-slider-bullet.gif) no-repeat scroll 0 0; text-indent: -999em; } *:first-child+html #category-thumbs-options li a { text-indent: 0; font-size: 0; } * html #category-thumbs-options li a { text-indent: 0; font-size: 0; } #category-thumbs-options li a:hover, #category-thumbs-options li a.active { background-position:0 -20px; } #category-thumbs-options li.prev { position: absolute; top: 0; left: 13px; width: 17px; height: 17px; padding: 0; background:transparent url(../images/toy-of-the-month-slider.gif) no-repeat scroll 0 0; } #category-thumbs-options li.next { position: absolute; top: 0; right: 10px; width: 17px; height: 17px; padding: 0; background:transparent url(../images/toy-of-the-month-slider.gif) no-repeat scroll 0 -23px; } #category-thumbs-options li.prev a, #category-thumbs-options li.next a { height: 17px; width: 17px; margin: 0; padding: 0; border: display: block; background: none; } /* categories list - home page */ #cat-list { overflow: hidden; } #cat-list ul { padding: 20px 0 0; margin: 0; list-style: none; } #cat-list ul li { position: relative; float: left; width: 230px; height: 256px; margin: 0 14px 20px 0; background: url(../images/cat-list-item-bg1.png) 0 0 no-repeat; } #cat-list ul li h3 { z-insdex: 10; position: absolute; top: -10px; left: -1px; width: 202px; height: 32px; padding: 10px 14px 5px; margin: 0; background: url(../images/cat-list-head-bg.png) 0 4px no-repeat; font-size: 1.8em; color: #0a3a6a; } #cat-list ul li .img { display: block; width: 220px; padding: 32px 0 0 4px; margin: 0; overflow: hidden; position: relative; z-index: 10; } #cat-list ul li .more { z-index: 20; display: block; position: absolute; bottom: 8px; left: 4px; width: 196px; height: 25px; margin: 0; padding: 10px 12px 0; background: url(../images/cat-list-link-bg.png) 0 0 no-repeat; text-align: right; font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: lowercase; } #cat-list ul li .more a { color: #0a3a6a; text-decoration: none; position: absolute; width: 210px; height: 26px; left: -6px; top: -220px; padding: 230px 20px 0 0; z-index: 20; background: url(../images/x.png); /* last rule fixes IE bug */} #cat-list ul li .more a:hover { text-decoration: underline; } #cat-list ul li.first { clear: both; } #cat-list ul li.fourth { margin-right: 0; } #cat-list ul li.second h3 { color: #393d03; background-position: 0 -42px; } #cat-list ul li.third h3 { color: #520401; background-position: 0 -88px; } #cat-list ul li.fourth h3 { color: #622900; background-position: 0 -134px; } #cat-list ul li.second .more { background-position: 0 -38px; } #cat-list ul li.third .more { background-position: 0 -76px; } #cat-list ul li.fourth .more { background-position: 0 -112px; } #cat-list ul li.second .more a { color: #393d03; } #cat-list ul li.third .more a { color: #520401; } #cat-list ul li.fourth .more a { color: #622900; } /* categories list - actual catalog */ .catalogueList { list-style: none; padding:0; margin: 0; } .catalogueList li { display: block; width: 220px; float: left; padding: 0; margin: 0 15px 50px 0; } #main .catalogueList li { background: none; padding: 0; } .catalogueList li p.img { margin: 0; padding: 0; display: block;} .catalogueList li h3 { font: normal 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0; margin: 0; background: #d2ebff;} .catalogueList li h3 a { text-decoration: none; display: block; padding: 5px; color: #0a3a6a; } .catalogueList li h3 a:hover { text-decoration: none;} .catalogueList li.first h3 { background: #d2ebff; } .catalogueList li.first h3 a { color: #0a3a6a; } .catalogueList li.second h3 { background: #d3da77;} .catalogueList li.second h3 a { color: #393d03;} .catalogueList li.third { margin-right: 0;} .catalogueList li.third h3 { background: #f08c88;} .catalogueList li.third h3 a { color: #87312e;} .productSmall { padding: 0; margin: 0; list-style: none; } .productSmall li { float: left; display: block; width: 150px; margin: 15px 10px; background-image: none; } #main .productSmall li { background: none; padding: 0; } #main .productSmall li p { padding: 0; margin: 0;} .productSmall li .img { display: block; width: 151px; height: 150px; overflow: hidden; margin: 0 auto; margin-bottom: 12px; } .productSmall li h3 { font-size: 1.25em; color: #224d78; margin: 0 0 9px; } .productSmall li h3 a { text-decoration: none; } #main .productSmall li .toymaker { margin: 0 0 10px; font-weight: bold; color: #6c6c6c; text-transform: uppercase; } #main .productSmall li .price { margin: 0 0 10px; font-size: 1.20em; color: #6c6c6c; font-weight: bold; } #main .productSmall li .bttn-add-to-cart input { display: block; width: 124px; height: 23px; border: none; cursor: pointer; overflow: hidden; background: url(../images/bttn-add-to-cart-white.png) 0 0 no-repeat; text-indent: -100001em; } #main .productSmall li .bttn-add-to-cart input:hover { background-position: 0 -23px; } .productLarge { padding: 0; margin: 0; list-style: none; background: none; } .productLarge li, #main .productLarge li { display: block; margin: 0; padding: 0; background-image: none;} /* contact */ .contact-info { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } .contact-info p { line-height: 2em; } #contact-intro { padding: 13px 0 0; margin: 0 0 28px; color: #585858; } #contact-intro h2 {} #contact-intro p { font-size: 1.6em; margin: 0; line-height: 1.6em; } #contact-intro a { color: #2b72b5; font-weight: bold; } #contact-intro .lab { float: left; width: 120px; font-weight: bold; color: #6b95b9; } #contact-form { width: 670px; padding: 0 0 5px; margin: 0 0 25px; background: url(../images/contact-form-hz-bg.gif) 0 100% repeat-x; } #contact-form .wrap-a { padding: 5px 0 0; background: url(../images/contact-form-hz-bg.gif) 0 0 repeat-x; } #contact-form .wrap-b { padding: 20px 26px; background: #fffef5 url(../images/contact-form-bg.gif) 0 0 repeat-y; overflow: hidden; } #content form p.mandatory { padding: 0 0 0 20px; font: normal 1.1em Arial, Helvetica, sans-serif; color: #214c77; background: url(../images/ico-required.gif) 0 50% no-repeat; } #content form p.mandatory em {position: absolute; top: -999em; left: -999em; } #content .form-b input { height: 18px; border: 1px solid #d3dfe4; } #content .form-b textarea { border: 1px solid #d3dfe4; } #content .form-b em { float: left; width: 10px; height: 31px; margin: 0 6px 0 0; overflow: hidden; background: url(../images/ico-required.gif) 0 50% no-repeat; text-indent: -10001em; } #content .form-b label { float: left; width: 100px; font-weight: bold; padding-top: 3px; } #content .form-b input { float: left; } #content .form-b textarea { height: 100px; } #content .form-b p { clear: both; overflow: hidden; } #contact-form input { width: 255px; padding: 5px 10px; } #contact-form textarea { height: 90px; width: 452px; padding: 5px 10px; margin-left: 15px; } #contact-form .checkbox input { height: auto; width: auto; margin: 8px 12px 0 6px; padding: 0; border: none;} #contact-form .checkbox label { width: 100%; line-height: 31px; } #contact-form .checkbox label.desc { width: auto; padding-top: 0; } #contact-form .submit { padding-left: 113px; } #contact-form button { display: block; width: 126px; height: 24px; overflow: hidden; background: url(../images/bttn-cf-submit.png) 0 0 no-repeat; border: 0; text-indent: -10001em;} #contact-form button:hover { background-position: 0 -36px; } .contact-customer-service { font-weight: bold; font-size: 1.4em; color: #5e87b0; text-align: right; } .contact-customer-service a { color: #214c77; } .contact-customer-service-a { padding-top: 20px; margin-top: 20px; background: url(../images/h1-border.gif) top left repeat-x; } /* checkout */ .info-snippet p { font: bold 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #214c77; } .form-a em { position: absolute; top: -999em; left: -999em; } .form-a div.section { display: block; padding: 0 0 0 75px; position: relative; overflow: hidden; border: none; margin-bottom: 10px; } .form-a div.section h3 { position: absolute; left: 0; top: 20px; width: 60px; text-align: right; color: #5d5d5d; font: bold 1.4em/1 "Trebuchet MS", Arial, Helvetica, sans-serif; } .form-a div.section div { margin: 0 20px 10px 0; padding: 0 0 0 11px; float: left; } .form-a div.section div label { font: normal 1.1em/1.4 Arial, Helvetica, sans-serif; display: block; color: #000; white-space: nowrap; } .form-a div.section div input { width: 100%; border: 1px solid #8b8b8b; padding: 3px; } .form-a div.section div.mandatory { background: url(../images/ico-required.gif) 0 24px no-repeat; } .form-a div.section div.checkbox { padding-top: 3px; width: 100% !important; float: left; margin-bottom: 15px; } .form-a div.section div.checkbox input { width: auto; height: auto; border: 0; padding: 0; margin: 0 10px 0 2px; } .form-a div.section div.checkbox label { display: inline; font-weight: bold; color: #585858; font-size: 1.2em; } .form-a div.section div.radio { width: 100%; float: left; margin-bottom: 15px; } .form-a div.section div.radio input { width: auto; border: 0; padding: 0; margin: 0 10px 0 2px; } .form-a div.section div.radio label { display: inline; color: #343434; font-size: 1.2em; } .form-a div.nolabel { padding-top: 11px; } .form-a div.nolabel h3 { top: 15px; } .form-a div.nolabel div.mandatory { background-position: 0 10px; } .form-a div.account div.email-field { width: 232px; } .form-a div.account div.pass { width: 135px; } .form-a div.name div { width: 232px; } .form-a div.section div.contact-address-1, .form-a div.section div.contact-address-2 { width: 232px; } .form-a div.section div.contact-address-3 { width: 127px; } .form-a div.section div.contact-address-4 { width: 74px; } .form-a div.section div.contact-address-5 { width: 97px; } .form-a div.section div.contact-address-6 { width: 105px; } .form-a div.instructions div { width: 409px; padding-top: 10px; } .form-a div.instructions h3 { width: 150px; top: 15px; } .form-a div.instructions { padding: 0 0 0 163px; } .form-a div.section div.checkbox { width: 500px !important; } .form-a div.address div.checkbox { padding-top: 15px; } .form-a div.comments textarea { border: 1px solid #ccc; padding: 3px; width: 490px; } .form-a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } .form-a .info-snippet { padding: 0 10px; } #content .form-a div.section-title { padding: 20px 10px 0; margin: 20px 0 15px; overflow: hidden; background: url(../images/h1-border.gif) 0 0 repeat-x; } #content .form-a div.section-title.first { padding: 0 10px; background: none; } #content .form-a div.section-title h2 { float: left; margin: 0 34px 0 0; font-size: 1.4em; color: #899207;} #content .form-a div.section-title p.mandatory { float: left; margin: 0 0 2px; } .form-a .section { padding: 0 10px; } .form-a .section h3 { width: 50px; font-size: 1.4em; color: #585858; } .form-a #credit-card-information div.section { padding-left: 140px; } .form-a #credit-card-information div.section h3 { width: 130px; text-align: right; } .checkout-form #credit-card-information input.a { width: 254px; } .checkout-form #credit-card-information input.b { width: 74px; } .checkout-form #credit-card-information select { height: 22px; } .checkout-form #credit-card-information div.section { padding: 11px 0 0 140px; } .checkout-form #credit-card-information div.section h3 { top: 15px; width: 130px; } .checkout-form #credit-card-information div.section div { background-position: 0 10px; } .checkout-form #credit-card-information div.radio { position: relative; width: 470px; } .checkout-form #credit-card-information div.radio img { vertical-align: middle; margin-bottom: 1px;} .checkout-form #credit-card-information div.radio label { margin-right: 10px; } .checkout-form #credit-card-information a { text-decoration: underline; font-weight: bold; color: #2b72b5; } .checkout-form #credit-card-information a:hover { text-decoration: none; } .checkout-form #credit-card-information div.expiration div { margin-right: 10px; } .checkout-form #credit-card-information div.expiration div select { width: 105px; } .checkout-form #credit-card-information #f-payment-card-type { width: 234px; } .checkout-form #credit-card-information #f-cc-ccv { margin-right: 16px; } .checkout-form #order-summary div { position: relative; margin: 0 0 0 150px; padding: 3px 121px 0 21px; width: 123px; height: 29px; background: url(../images/checkout-total-bg.png) 0 0 no-repeat; font-size: 2.0em; color: #fff; } .checkout-form #order-summary div #order-summary-value { display: block; position: absolute; top: 3px; right: 22px; width: 157px; text-align: right; } .checkout-form #Amount { display: none; } .checkout-form .submit { width: 170px; height: 28px; padding-left: 27px; margin-left: 245px; margin-top: 12px; overflow: hidden; background: url(../images/ico-lock.gif) 0 50% no-repeat; } .checkout-form .submit button { display: block; width: 143px; height: 28px; overflow: hidden; background: url(../images/bttn-submit-order.png) 0 0 no-repeat; text-indent: -100001em; border: 0; } .checkout-form .submit button:hover { background-position: 0 -32px; } /* shopping */ .continue-shopping a { display: block; width: 194px; height: 13px; overflow: hidden; background: url(../images/bttn-continue-shopping.png) 0 0 no-repeat; text-indent: -100001em; } .continue-shopping a:hover { background-position: 0 -27px; } .cs-top { position: absolute; right: 2px; top: 10px; } /* Shopping cart ------------------------------------------- */ #shopping-cart-form table { width: 100%; border-collapse: collapse; margin: 0 0 20px; } #shopping-cart-form .col1 { padding-left: 18px; white-space: nowrap; } #shopping-cart-form thead th.col1 { background: #899207 url(../images/shopping-cart-bg.gif) 0 0 no-repeat; } #shopping-cart-form .col2 { width: 80px; } #shopping-cart-form .col3 { width: 90px; } #shopping-cart-form .col4 { width: 60px; } #shopping-cart-form .col5 { width: 77px; } #shopping-cart-form .col6 { padding-right: 18px; background: #899207 url(../images/shopping-cart-bg.gif) 100% -61px no-repeat; } #shopping-cart-form td, #shopping-cart-form th { border: 0; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } #shopping-cart-form thead th {overflow: hidden; height: 21px; color: #fff; font-size: 1.6em; line-height: 1.3em; text-align: left; background: #899207; } #shopping-cart-form td { padding-top: 0; font-size: 1.2em; color: #214c77; } #shopping-cart-form .first td { padding-top: 15px; } #shopping-cart-form td.col1 { padding-top: 20px; } #shopping-cart-form .first td.col1 { padding-top: 32px; } #shopping-cart-form a:hover { text-decoration: none; } #shopping-cart-form .col1 a { font-size: 1.1em; color: #6b95b9; } #shopping-cart-form td input { width: 30px; color: #214c77; } #shopping-cart-form tr td div.productitemcell { height: 30px;} #shopping-cart-form td { line-height: 1.6em; } #shopping-cart-form td.total { font-size: 1.4em; } #shopping-cart-form .toymaker { text-transform: uppercase; color: #585858; } #shopping-cart-form tr.subtotal th, #shopping-cart-form tr.subtotal td { padding-top: 60px; background: url(../images/h1-border.gif) 0 32px repeat-x; } #shopping-cart-form tbody th { text-align: left; } #shopping-cart-form tr.subtotal th { color: #899207; font-size: 1.3em; } #shopping-cart-form tr.subtotal td#subtotal-items { padding-left: 20px; } #shopping-cart-form tr.code th { color: #214c77; } #shopping-cart-form tr.code th, #shopping-cart-form tr.code td { padding-bottom: 8px; } #shopping-cart-form tr.shipping th { color: #899207; font-size: 1.4em; } #shopping-cart-form tr.shipping th, #shopping-cart-form tr.shipping td { padding-bottom: 10px; } #shopping-cart-form tr.shipping th label { height: 150px; } #shopping-cart-form tr.shipping th div.options select { float: none; } #shopping-cart-form tr.shipping th div.options .shippingCountryDiv, #shopping-cart-form tr.shipping th div.options .shippingStateDiv, #shopping-cart-form tr.shipping th div.options .shippingDiv { display: block; height: 40px; } #shopping-cart-form label { float: left; width: 159px; padding-top: 3px; } #shopping-cart-form input { float: left; padding: 0 8px; font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #214c77; } #shopping-cart-form select { float: left; width: 235px; font: 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #214c77; } #shopping-cart-form tr.code th input { float: left; width: 119px; margin-right: 10px; } #shopping-cart-form tr.code a { float: left; font-size: 1em; padding-top: 3px; } #shopping-cart-form tr.total th, #shopping-cart-form tr.total td { padding-top: 0; padding-bottom: 0; height: 31px; background: #6b95b9; font-size: 1.8em; line-height: 1.3em; color: #fff; } #shopping-cart-form tr.total .col1 { background: #6b95b9 url(../images/shopping-cart-total-bg.gif) 0 0 no-repeat; text-transform: uppercase; } #shopping-cart-form tr.total .total { text-align: right; padding-right: 25px; background: #6b95b9 url(../images/shopping-cart-total-bg.gif) 100% -51px no-repeat; } #shopping-cart-form .submit { float: right; } #shopping-cart-form .submit a#catshopclear, #shopping-cart-form .submit a#catshopbuy { float: left; width: 106px; height: 23px; overflow: hidden; text-indent: -100001em; border: 0; margin-right: 16px; } #shopping-cart-form .submit a#catshopclear { background: url(../images/bttn-empty-cart.png) 0 0 no-repeat; } #shopping-cart-form .submit a#catshopbuy { background: url(../images/bttn-chceck-out-shc.png) 0 0 no-repeat; } #shopping-cart-form .submit a#catshopclear:hover, #shopping-cart-form .submit a#catshopbuy:hover { background-position: 0 -33px; } #shopping-cart-form .continue-shopping { float: left; margin-left: 5px; padding-top: 5px; } /* Product details ------------------------------------------- */ .stars { padding: 0; margin: 0 0 8px; } .isLoggedIn { display: none;} .product-info { overflow: hidden; } #imageBox { width: auto; display: none; padding: 20px;} #imageBox a { display: block; font-size: 16px; margin: 20px 0 20px 0; } #imagebox img { display: block; } .product-images { float: left; width: 197px; margin: 0 30px 0 0; } .product-images .mainimg { width: 220px; height: 220px; overflow: hidden; margin: 0 0 19px; text-align: center; } .product-images .mainimg img { margin: 0 auto; width: 220px; height: 220px; } .product-images .bttn-view-larger { display: block; margin: 0 0 15px; } .product-images .bttn-view-larger button { display: block; margin: 0 auto; width: 115px; height: 22px; overflow: hidden; background: url(../images/bttn-view-larger.png) 0 0 no-repeat; text-indent: -100001em; border: none; } .product-images .bttn-view-larger button:hover { background-position: 0 -42px; } .productPoplets td { padding: 0 9px 0 0; border: none;} .productPoplets td a img { border: 1px solid #fff;} .productPoplets td a:hover img {border: 1px solid #80a4c9;} .product-cont { float: left; width: 350px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } #main .product-cont h1 { background: none; margin: 0 0 10px; padding: 0; font-size: 1.6em; } #main .product-cont a { color: #719bbd; font-weight: bold; } #main .product-cont .toymaker { padding: 0 0 22px; margin: 0 0 13px; text-transform: uppercase; background: url(../images/h1-border.gif) 0 100% repeat-x; } #main .product-cont .price { padding: 0 0 10px; margin: 0 0 20px; background: url(../images/h1-border.gif) 0 100% repeat-x; font-size: 1.5em; } #main .product-cont .price span { color: #899207; } #main .product-cont .customer-rating { padding: 0 0 19px; margin: 0 0 10px; background: url(../images/h1-border.gif) 0 100% repeat-x; } #main .product-cont .customer-rating p { margin: 0; } #main .product-cont .customer-rating .rating-intro { font-weight: bold; font-size: 1.2em; } #main .product-cont .product-warnings { font-weight: bold; } #main .product-cont .product-warnings .recommended-age { font-size: 1.1em; margin: 0 0 10px;} #main .product-cont .product-warnings .recommended-age span { color: #204870; } #main .product-cont .product-warnings .recommended-age a { padding-left: 10px; } /* tooltip styling. uses a background image (a black box with an arrow) */ #main .product-cont .product-warnings div.tooltip { background: #588BB3; font-size:12px; font-weight: normal; width:650px; display: none; z-index: 100; } #main .product-cont .product-warnings div.tooltip span { display: block; margin: 20px; height:215px; color:#fff;} #main .product-cont .product-warnings .warnings { padding: 0 0 0 27px; background: url(../images/ico-warning.gif) 3px 5px no-repeat; display: none;} #main .product-cont .product-warnings .warnings h2 { margin: 0 0 7px; font-size: 1.1em; color: #899207; text-transform: uppercase; } #main .product-cont .product-warnings .warnings p { font-size: .9em; } .product-buy { float: right; width: 261px; background: #d2ebff; color: #224d78; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } #main .product-buy h2 { padding: 0 15px; font-size: 1.5em; line-height: 31px; background: #224e7a; color: #f3ff4e; } #main .product-buy p { padding: 0 16px 0 13px; font-size: 1.1em; } #main .product-buy a { font-weight: bold; color: #2182d5; } #main .product-buy p.stock-status { font-size: 1.5em; text-transform: uppercase; margin: -5px 0 0 0; } #main .product-buy p.shipping { padding: 0 5px 10px 13px; font-size: 1em; margin: -5px 0 0 0;} #main .product-buy p.shipping a.more-info { } #main .product-buy .form p { font-size: 1.2em; overflow: hidden; } #main .product-buy .form label { float: left; font-weight: bold; color: #204870; font-size: 1.1em; margin: -2px 0 0 0; } #main .product-buy .form input { float: left; border: 1px solid #7c9ebe; height: 19px; padding: 0 10px; font-size: 0.9em; } #main .product-buy .form .productTextInput { width: 23px; margin: 1px 18px 0 13px; } #main .product-buy .form .productSubmitInput { float: left; width: 124px; height: 23px; overflow: hidden; border: 0; background: url(../images/bttn-add-to-cart.png) 0 0 no-repeat; text-indent: -100001em; } #main .product-buy .form .productSubmitInput:hover { background-position: 0 -33px; cursor: pointer; } #main .product-buy .form .giftwrap { padding: 16px 0 13px; margin: 0 0 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } #main .product-buy .form .giftwrap .gift { padding-left: 40px; margin: 0 0 8px; background: url(../images/ico-gift.jpg) 13px 7px no-repeat; font-size: 1.4em; font-weight: bold; } #main .product-buy .form .giftwrap .gift a { font-size: 0.75em; } #main .product-buy .form .giftwrap p { overflow: hidden; margin: -10px 0 0 0; } #main .product-buy .form .giftwrap label { margin-right: 11px; font-size: 1.1em; color: #2182d5; font-weight: bold; } #main .product-buy .bttn-tell-a-friend, #main .product-buy .bttn-add-to-registry { margin: 0 0 9px; } #main .product-buy .bttn-add-spec-collection { margin: 0 0 5px; } #main .product-buy .bttn-tell-a-friend a, #main .product-buy .bttn-add-to-registry a, #main .product-buy .bttn-add-spec-collection a { display: block; overflow: hidden; text-indent: -100001em; } #main .product-buy .bttn-tell-a-friend a { width: 133px; height: 16px; background: url(../images/bttn-tell-a-friend.gif) 0 0 no-repeat; } #main .product-buy .bttn-add-to-registry a { width: 133px; height: 16px; background: url(../images/bttn-add-to-registry.gif) 0 0 no-repeat; } #main .product-buy .bttn-add-spec-collection a { width: 226px; height: 17px; background: url(../images/bttn-add-spec-collection.gif) 0 0 no-repeat; } #main .product-buy .help { font-size: 1.1em; text-align: right; padding-right: 26px; } .product-tabs { display: block; width: 869px; min-height: 43px; margin: 20px 0 24px; overflow: hidden; background: url(../images/tabs-top-bg.png) 0 0 no-repeat; } .product-tabs .tabs { height: 35px; padding: 8px 31px 0; margin: 0; list-style: none; overflow: hidden; } #main .product-tabs .tabs li { background: none; padding: 0; margin: 0 2px; } .product-tabs .tabs li { padding: 0; margin: 0 2px 0 0; float: left; background: none; } .product-tabs .tabs li a { float: left; width: 188px; height: 34px; overflow: hidden; text-indent: -10001em; } .product-tabs .tabs li a#prod-description-tab { width: 136px; background: url(../images/tab-description.png) 0 0 no-repeat; } .product-tabs .tabs li a#prod-additional-tab { background: url(../images/tab-additional.png) 0 0 no-repeat; } .product-tabs .tabs li a#prod-toymaker-tab { background: url(../images/tab-toymaker.png) 0 0 no-repeat; } .product-tabs .tabs li a#prod-review-tab { background: url(../images/tab-reviews.png) 0 0 no-repeat; } .product-tabs .tabs li a:hover, .product-tabs .tabs li a.active { background-position: 0 -34px !important; } .product-tabs .cont { clear: both; padding: 28px 30px 25px 27px; } .product-tabs .cont h3 { color: #6b95b9; font-size: 1.4em; margin: 0 0 17px; } .product-tabs .cont p { color: #6c6c6c; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; } .product-tabs .foot { width: 819px; min-height: 10px; overflow: hidden; margin: 0; padding: 9px 25px; color: #fff; font-weight: bold; text-align: right; background: #6b95b9 url(../images/tabs-bottom-bg.png) 0 100% no-repeat; } .product-tabs .foot a { color: #f3ff4e; } .js .product-tabs #prod-additional-cont, .js .product-tabs #prod-toymaker-cont, .js .product-tabs #prod-review-cont { display: none; } .product-related { padding: 0 0 45px; margin: 0 0 36px; background: url(../images/h1-border.gif) 0 100% repeat-x; } .product-related h2 { display: block; width: 870px; height: 35px; overflow: hidden; background: url(../images/product-related-h2.png) 0 0 no-repeat; text-indent: -100001em; } .product-featured h2 { width: 172px; height: 14px; overflow: hidden; background: url(../images/product-featured-h2.png) 0 0 no-repeat; text-indent: -1000001em; } .product-featured, .product-related { position: relative; } .slider { width: 796px; margin: 0 37px; overflow: hidden; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background: #fff; } .slider ul { width: 9999999px; padding: 0; margin: 0; list-style: none; } #main .slider ul li { background: none; padding-left: 0; } .slider ul li { float: left; width: 170px; padding: 0 10px; margin: 0 5px; } .slider ul li .img { display: block; width: 151px; height: 150px; overflow: hidden; margin: 0 auto; margin-bottom: 12px; } .slider ul li h3 { font-size: 1.4em; color: #224d78; margin: 0 0 9px; } .slider ul li .toymaker { margin: 0 0 17px; font-weight: bold; color: #6c6c6c; text-transform: uppercase; } .slider ul li .stars { margin: 0 0 16px; } .slider ul li .price { margin: 0 0 15px; font-size: 1.4em; color: #6c6c6c; font-weight: bold; } .slider ul li .bttn-add-to-cart a { display: block; width: 124px; height: 23px; overflow: hidden; background: url(../images/bttn-add-to-cart-white.png) 0 0 no-repeat; text-indent: -100001em; } .slider ul li .bttn-add-to-cart a:hover { background-position: 0 -23px; } .slider-options { width: 100%; height: 30px; position: absolute; top: 0; padding: 164px 0 0; margin: 0; list-style: none; } #main .slider-options li { background-none; } .slider-options li { visibility: hidden; float: left; } .slider-options .slide-prev { visibility: visible; float: left; padding: 0; margin: 0; background: none; } .slider-options .slide-next { visibility: visible; float: right; padding: 0; margin: 0; background: none; } .slider-options .slide-prev a, .slider-options .slide-next a { display: block; width: 37px; height: 37px; overflow: hidden; background: url(../images/slider-options-big.png) 0 0 no-repeat; text-indent: -100001em;} .slider-options .slide-next a { background-position: 0 -74px; } .product-footer { position: relative; bottom: -15px; width: 870px; padding: 11px 30px 11px 41px; margin-left: -41px; background: #d2ebff; overflow: hidden; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } .product-footer h2 { float: left; margin: 0; font-size: 1.4em; line-height: 1.2em; } .product-footer ul { float: left; padding: 1px 0 0 8px; margin: 0; list-style: none; overflow: hidden; } #main .product-footer ul li { background: none; } .product-footer ul li { float: left; padding: 0 14px; margin: 0; border-left: 1px solid #6c6c6c; line-height: 1.2em; font-weight: bold; } .product-footer ul li.first { border: 0; } .product-footer ul li a { color: #6c6c6c; } /* Announcements ----------------------------------------*/ .announcement-list {} .announcement-list h2 {} .announcement-list h2 span.date { padding-left: 20px; font-size: .9em; font-weight: normal;} .announcement-list p {} .announcement-details {} .announcement-details p.date { font-weight: bold; font-size: 1.4em; } .announcement-details p.goBack { font-weight: bold; font-size: 1.4em; } /* My Account ---------------------------------------*/ #affiliate-results { display: none; } .my-account-links { padding-bottom: 20px;} .my-account-links a { font-size: 14px;} /* Tell A Friend Popup Form -----------------------------------------------*/ div.tell-a-friend {} div.tell-a-friend form {} div.tell-a-friend form table { } div.tell-a-friend form table tr td { border: none;} div.tell-a-friend form table tr td.var { width: 200px;} div.tell-a-friend form table tr td textarea { padding: 3px; width: 250px;} div.tell-a-friend form table tr td input { padding: 3px; width: 250px;} div.tell-a-friend form table tr td input.cat_button { padding: 3px; width: auto;} /* Reviews Comments ----------------------------------------------*/ #prod-review-cont div.comment-container { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px dashed #CECECE;} #prod-review-cont div.comment-container .header {} #prod-review-cont div.comment-container .header .rating { display: block;} #prod-review-cont div.comment-container .content { font-style: italic; } #prod-review-cont form { } #prod-review-cont form p { } #prod-review-cont form p label { width: 200px; display: block;} #prod-review-cont form p input { width: 300px; padding: 3px; display: block; } #prod-review-cont form p textarea { width: 300px; height: 200px; padding: 3px; display: block; } #prod-review-cont form p.radio input { width: auto; display: inline; } #prod-review-cont form p.submit button {display: block; width: 126px; height: 24px; overflow: hidden; background: url(../images/bttn-cf-submit.png) 0 0 no-repeat; text-indent: -100001em; border: 0;} #prod-review-cont form p.submit button:hover { background-position: 0 -36px; } /* SF Rotator ------------------------------------------- */ .sfrotator { position: relative; width: 660px; height: 321px; margin: 0 0 30px; float: right; } .sfrotator .sfitems { position: relative; z-index: 10; } .sfrotator .sfitems .sfitem { position: absolute; top: 0; left: 0; z-index: 10; height: 321px; display: none; } .sfrotator .sfitems .active { display: block; } .sfrotator .sfcontrols { position: absolute; right: 20px; bottom: 20px; float: left; overflow: hidden; z-index: 20; margin: 0; visibility: hidden; } .sfrotator .sfcontrols li { display: inline; float: left; width: 28px; height: 28px; text-align: center; margin: 0 0 0 5px; z-index: 20; font: normal 1em/2 Verdana, Arial, Helvetica, sans-serif; border: none; } .sfrotator .sfcontrols li a { display: block; color: #f4e1ba; background: #392600; text-align: center; text-decoration: none; border: 4px solid #89703f; height: 20px; } .sfrotator .sfcontrols li a.active { background: #f4a914; border-color: #fff; color: #382a0e; } .sfrotator .sfcontrols li a:hover { background: #000; border-color: #fff; color: #fff; }