body { background:#D3E2E6; color:#CCC; font-family:Helvetica, "Helvetica Neue", Arial, sans-serif; font-size:12px; } body#style-boys {background:#D3E2E6;} body#style-girls {background:#F8DAE0;} body#style-baby {background:#DEDCEE;} h1 { color:#1F2D30; font-family:"Times", Georgia, Serif; font-size:11pt; font-weight:normal; } h2 { color:#1F2D30; font-family:"Times", Georgia, Serif; font-size:11pt; font-weight:normal; } h3 { color:#C9D204; font-family:"Times", Georgia, Serif; font-size:14pt; font-weight:normal; letter-spacing: 1px; } h4 { color:#99D8E8; font-family:"Times", Georgia, Serif; font-size:13pt; font-weight:normal; } h5 { color:#BABABA; font-family:"Times", Georgia, Serif; font-size:11pt; font-weight:normal; } .common { margin:0 auto; width:1068px; } #content { top:92px; position:absolute; width:100%; z-index:5; } body#pre-content { position:absolute; top:0; width:100%; z-index:1; } body#style-boys #pre-content { position:absolute; top:0; width:100%; z-index:1; } body#style-girls #pre-content { position:absolute; top:0; width:100%; z-index:1; } body#style-baby #pre-content { position:absolute; top:0; width:100%; z-index:1; } #center {float:left; width:755px; padding: 0 0 0 137px;} a, #content-area .item-price a {color:#0D191D; font-size:11px; font-weight:normal; text-decoration:none;} a:hover, #content-area .item-price a:hover {color:#C9D204;} #content-area a {color:#FFF; text-decoration:underline;} body#style-boys a:hover {color:#87BECD;} body#style-girls a:hover {color:#E2BCC4;} a, #content-area .item-price-sale a {color:#0D191D; font-size:11px; font-weight:normal; text-decoration:none;} a:hover, #content-area .item-price-sale a:hover {color:#C9D204;} #content-area a {color:#FFF; text-decoration:underline;} body#style-boys a:hover {color:#87BECD;} body#style-girls a:hover {color:#E2BCC4;} .item-title, #detail-title {color:#FFF; font-weight:normal;} .item-tag, #detail-tag {color:#999; font-style:italic;} #detail-title {font-size:15px;} #copy-links {} #copy-links a: {color:#999; font-weight:normal; text-decoration:none;} #copy-links a:hover {color:#C9D204;} #header-wrapper {background:#49676F url(/resources/images/background/main-header.png) top left repeat-x;} #header-container {height:92px; margin:0 auto; width:960px;} #header-container #site-logo {background:transparent url(/resources/images/detail/logo.png) top left no-repeat; float:left; height:92px; width:242px;} #header-container #site-logo a {display:block; height:92px; overflow:hidden; text-indent:-999px;} #header-container #header-right {float:left; height:92px; width:690px;} #header-container #header-right #very-top-nav {height:14px; padding-top:1px; text-align:right; width:671px;} #header-container #header-right #very-top-nav a {color:#1F2C2F; font-size:10px; font-weight:bold; text-decoration:none;} #header-container #header-right #very-top-nav a:hover {color:#CCC;} #header-container #header-right #main-top-nav {height:51px;} #header-container #header-right #main-top-nav ul {padding-top:12px;} #header-container #header-right #main-top-nav ul li {display:block; float:right; padding:0 0 0 4px;} #header-container #header-right #main-top-nav ul li a {display:block;} #header-container #header-right #main-top-nav ul li a#nav-baby {background:transparent url(/resources/images/navigation/baby.png) top left no-repeat; height:39px; width:72px;} #header-container #header-right #main-top-nav ul li a#nav-boys {background:transparent url(/resources/images/navigation/boys.png) top left no-repeat; height:39px; width:70px;} #header-container #header-right #main-top-nav ul li a#nav-girls {background:transparent url(/resources/images/navigation/girls.png) top left no-repeat; height:39px; width:69px;} #header-container #header-right #main-top-nav ul li a#nav-about-us {background:transparent url(/resources/images/navigation/about-us.png) top left no-repeat; height:39px; width:100px;} #header-container #header-right #main-top-nav ul li a#nav-home {background:transparent url(/resources/images/navigation/home.png) top left no-repeat; height:39px; width:77px;} #site-wrapper {background:#49676F url(/resources/images/background/main-content.png) bottom left repeat-x;} #site-container {background:transparent url(/resources/images/background/content-fillagrie.png) bottom left no-repeat; margin:0 auto; min-height:300px; padding-bottom:75px; width:960px;} #site-container #left-nav {float:left; width:205px;} #site-container #left-nav ul {margin-left:29px; width:140px;} #site-container #left-nav ul li {border-bottom:1px solid #4F6F78; height:21px; padding-top:12px;} #site-container #left-nav.active ul li {border-bottom:1px solid #C9D204; height:21px; padding-top:12px;} #site-container #left-nav ul li.last {border-bottom:none;} #site-container #left-nav ul a {color:#CCC; display:block; font-size:11px; font-weight:normal; height:33px; text-decoration:none;} #site-container #left-nav ul li.secondary a {color:#999;} #site-container #left-nav ul a:hover, #site-container #left-nav ul li a.active {color:#C9D204;} body#style-boys #site-container #left-nav ul a:hover, body#style-boys #site-container #left-nav ul li a.active {color:#93C0D2;} body#style-girls #site-container #left-nav ul a:hover, body#style-girls #site-container #left-nav ul li a.active {color:#E2BCC4;} body#style-baby #site-container #left-nav ul a:hover, body#style-baby #site-container #left-nav ul li a.active {color:#9B9DC6;} #site-container #left-nav ul a:hover, #site-container #left-nav ul li a:hover {color:#C9D204;} body#style-boys #site-container #left-nav ul a:hover, body#style-boys #site-container #left-nav ul li a:hover {color:#93C0D2;} body#style-girls #site-container #left-nav ul a:hover, body#style-girls #site-container #left-nav ul li a:hover {color:#E2BCC4;} body#style-baby #site-container #left-nav ul a:hover, body#style-baby #site-container #left-nav ul li a:hover {color:#9B9DC6;} #site-container #content-area {float:left; width:755px;} #site-container #content-area ul.category-row {margin-bottom:18px;} #site-container #content-area ul.category-row li {float:left; height:277px; margin-right:26px; width:219px;} #site-container #content-area ul.category-row li.last {margin-right:0;} #site-container #content-area ul.category-row li div.item-image {height:235px;} #site-container #content-area ul.category-row li div.item-image a {display:block; position:relative;} #site-container #content-area ul.category-row li div.item-image a img.single-selected {position:absolute;} #site-container #content-area ul.category-row li div.item-image a img.single-item {position:absolute; z-index:100;} #site-container #content-area ul.category-row li div.item-desc {background:transparent url(/resources/images/background/item-desc.png) bottom left repeat-x; height:35px; margin:0 20px; padding-top:7px;} #site-container #content-area ul.category-row li div.item-desc span.item-title {display:block;} #site-container #content-area #copy {color:#FFF; font-size:13px; line-height:20px; margin:0 30px 0 10px;} #site-container #content-area #home-copy {color:#CCC; font-size:13px; line-height:20px; margin:0 30px 0 10px;} #site-container #content-area #banner-area {height: 328px;} #site-container #content-area #homepage-header {width:698px;} #site-container #content-area ul.bucket-row {} #site-container #content-area ul.bucket-row li {float:left; height:151px; margin-right:26px; width:219px;} #site-container #content-area ul.bucket-row li.last {margin-right:0;} #site-container #content-area ul.bucket-row li div.bucket-image {height:151px;} #site-container #content-area ul.bucket-row li div.bucket-image a {display:block; position:relative;} #site-container #content-area ul.bucket-row li div.bucket-image a img.single-selected2 {position:absolute;} #site-container #content-area ul.bucket-row li div.bucket-image a img.single-bucket {position:absolute; z-index:100;} #site-container #content-area ul.category-row li div.item-desc span.item-price {color:#87BECD; display:block; font-size:11px; font-weight:bold; padding-top:6px;} body#style-girls #site-container #content-area ul.category-row li div.item-desc span.item-price {color:#E2BCC4;} body#style-baby #site-container #content-area ul.category-row li div.item-desc span.item-price {color:#9B9DC6;} #site-container #content-area ul.category-row li div.item-desc span.item-price-sale {color:#FF9933; display:block; font-size:11px; font-weight:bold; padding-top:6px;} #site-container #content-area ul.category-row li div.item-desc span.item-price a {background:transparent url(/resources/images/background/item-arrow.png) top right no-repeat; display:block; float:right; width:86px;} body#style-girls #site-container #content-area ul.category-row li div.item-desc span.item-price a {background:transparent url(/resources/images/background/item-arrow-girl.png) top right no-repeat; display:block; float:right; width:86px;} body#style-baby #site-container #content-area ul.category-row li div.item-desc span.item-price a {background:transparent url(/resources/images/background/item-arrow-baby.png) top right no-repeat; display:block; float:right; width:86px;} #site-container #content-area ul.category-row li div.item-desc span.item-price-sale a {background:transparent url(/resources/images/background/item-arrow-sale.png) top right no-repeat; display:block; float:right; width:86px;} #site-container #content-area #detail-left {float:left; width:357px;} #site-container #content-area #detail-left #enlarge-button {display:block; font-size:11px;} #site-container #content-area #detail-left #enlarge-button a {background:transparent url(/resources/images/background/item-details.png) top right no-repeat; color:#99D8E8; display:block; margin-left:100px; width:65px; text-decoration: none;} #site-container #content-area #detail-left #enlarge-button a:hover {color:#C2CC04;} #site-container #content-area #detail-right {float:left; width:398px;} #site-container #content-area #detail-right #detail-nav {height:40px;} #site-container #content-area #detail-right #detail-content #detail-title {display:block;} #site-container #content-area #detail-right #detail-content #detail-description {display:block; line-height:20px; padding:12px 0;} #site-container #content-area #detail-right #detail-content #detail-description p {padding:12px 0;} #site-container #content-area #detail-right #detail-content #detail-price {color:#C9D204; font-size:16px; font-weight:bold;} body#style-boys #site-container #content-area #detail-right #detail-content #detail-price {color:#87BECD;} body#style-girls #site-container #content-area #detail-right #detail-content #detail-price {color:#E2BCC4;} #site-container #content-area #detail-right #detail-content #detail-price-sale {color:#FF9933; font-size:16px; font-weight:bold;} #site-container #content-area #detail-right #detail-size {display:block; padding:24px 0;} #site-container #content-area #detail-right #detail-button a {background:transparent url(/resources/images/detail/add-to-cart.png) top left no-repeat; display:block; height:39px; width:110px;} #small-buckets {display:block; float:left; margin:0 0 0 29px; width:140px; overflow:hidden; } #small-buckets a#boy-bucket {background:transparent url(/resources/images/buckets/boy-bucket-small.png) top left no-repeat; display:block; height: 59px; width:140px; margin: 20px 0 0 0; } #small-buckets a#girl-bucket {background:transparent url(/resources/images/buckets/girl-bucket-small.png) top left no-repeat; display:block; height: 59px; width:140px; margin: 20px 0 0 0; } #small-buckets a#baby-bucket {background:transparent url(/resources/images/buckets/baby-bucket-small.png) top left no-repeat; display:block; height: 59px; width:140px; margin: 20px 0 0 0; } /* FOOTER BACKGROUND IMAGE */ #footer-wrapper {background:#D3E2E6 url(/resources/images/background/main-footer.png) top left repeat-x;} body#style-boys #footer-wrapper {background:#D3E2E6 url(/resources/images/background/main-footer.png) top left repeat-x;} body#style-girls #footer-wrapper {background:#F8DAE0 url(/resources/images/background/main-footer-girl.png) top left repeat-x;} body#style-baby #footer-wrapper {background:#DEDCEE url(/resources/images/background/main-footer-baby.png) top left repeat-x;} /* SEO FOOTER COPY */ #footer-copy {bottom:-100px; margin:0; padding:0 0 10px 0; position:absolute; width:100%;} #footer-copy > div {color:#6E9BA7; font-size:12px; line-height: 17px; margin: 0 auto 30px; width:900px;} body#style-girls #footer-copy > div {color:#948387; font-size:12px; line-height: 17px; margin: 0 auto 30px; width:900px;} body#style-baby #footer-copy > div {color:#878594; font-size:12px; line-height: 17px; margin: 0 auto 30px; width:900px;} /* FOOTER FRAYED FABRIC */ #footer-container {background:transparent url(/resources/images/background/top-content.png) top center no-repeat; height:277px; padding-bottom:75px;} /* FOOTER DOTTED LINE */ #footer-container #footer-layer1 {background:transparent url(/resources/images/background/footer1-line.png) bottom left repeat-x; height:70px; margin:0 auto; padding-top:42px; width:900px;} body#style-girls #footer-container #footer-layer1 {background:transparent url(/resources/images/background/footer1-line-girl.png) bottom left repeat-x;} body#style-baby #footer-container #footer-layer1 {background:transparent url(/resources/images/background/footer1-line-baby.png) bottom left repeat-x;} /* FOOTER NAV LINKS */ #footer-container #footer-layer2 {color:#202D30; font-size:7pt; height:66px; margin:0 auto; width:900px;} #footer-container #footer-layer2 span#footer-nav {display:block; float:left; font-weight:normal; padding-top:26px; width:573px;} #footer-container #footer-layer2 span#footer-nav a:hover {color:#49676F;} #footer-container #footer-layer2 img {display:block; float:right; width:290px;} /* FOOTER SHIRT NAME LINKS */ #footer-container #footer-layer3 {color:#202D30; font-size:9px; margin:22px auto 0 auto; width:900px;} #footer-container #footer-layer3 #layer3-container-1 {font-weight:bold; float:left; line-height:15px; width:480px;} #footer-container #footer-layer3 #layer3-container-1 ul {display:block; float:left; width:120px;} #footer-container #footer-layer3 #layer3-container-1 a {color:#6E9BA7; font-size:9px;} body#style-girls #footer-container #footer-layer3 #layer3-container-1 a {color:#948387; font-size:9px;} body#style-baby #footer-container #footer-layer3 #layer3-container-1 a {color:#878594; font-size:9px;} #footer-container #footer-layer3 #layer3-container-1 a:hover {color:#1F2C30;} body#style-girls #footer-container #footer-layer3 #layer3-container-1 a:hover {color:#1F2C30;} body#style-baby #footer-container #footer-layer3 #layer3-container-1 a:hover {color:#1F2C30;} /* DESIGN OF THE MONTH BUTTON */ #footer-container #footer-layer3 #layer3-container-2 {float:left; margin-left:10px; width:410px;} #footer-container #footer-layer3 #layer3-container-2 span#layer3-bucket-1 a {display:block; height:73px; overflow:hidden; text-indent:-999px;} #footer-container #footer-layer3 #layer3-container-2 span.bucket {background:transparent url(/resources/images/background/footer3-design-month.png) top left no-repeat; display:block; float:left; height:73px; width:201px;} body#style-girls #footer-container #footer-layer3 #layer3-container-2 span.bucket {background:transparent url(/resources/images/background/footer3-design-month-girl.png) top left no-repeat; display:block; float:left; height:73px; width:201px;} body#style-baby #footer-container #footer-layer3 #layer3-container-2 span.bucket {background:transparent url(/resources/images/background/footer3-design-month-baby.png) top left no-repeat; display:block; float:left; height:73px; width:201px;} /* NOBLE DESIGN BUTTON */ #footer-container #footer-layer3 #layer3-container-2 span#layer3-bucket-2 a {display:block; height:73px; overflow:hidden; text-indent:-999px;} #footer-container #footer-layer3 #layer3-container-2 span#layer3-bucket-2 {background:transparent url(/resources/images/background/footer3-noble-design.png) top left no-repeat; display:block; margin-left:8px;} body#style-girls #footer-container #footer-layer3 #layer3-container-2 span#layer3-bucket-2 {background:transparent url(/resources/images/background/footer3-noble-design-girl.png) top left no-repeat; display:block; margin-left:8px;} body#style-baby #footer-container #footer-layer3 #layer3-container-2 span#layer3-bucket-2 {background:transparent url(/resources/images/background/footer3-noble-design-baby.png) top left no-repeat; display:block; margin-left:8px;} /* FREE SHIPPING BUTTON */ #footer-container #footer-layer1 #layer1-container-1 {background:transparent url(/resources/images/background/footer1-shipping.png) top left no-repeat; float:left; height:70px; width:341px;} body#style-boys #footer-container #footer-layer1 #layer1-container-1 {background:transparent url(/resources/images/background/footer1-shipping.png) top left no-repeat; float:left; height:70px; width:341px;} body#style-girls #footer-container #footer-layer1 #layer1-container-1 {background:transparent url(/resources/images/background/footer1-shipping-girl.png) top left no-repeat; float:left; height:70px; width:341px;} body#style-baby #footer-container #footer-layer1 #layer1-container-1 {background:transparent url(/resources/images/background/footer1-shipping-baby.png) top left no-repeat; float:left; height:70px; width:341px;} /* NEWSLETTER SIGNUP GRAPHIC */ #footer-container #footer-layer1 #layer1-container-2 {background:transparent url(/resources/images/background/footer1-newsletter.png) top left no-repeat; float:left; height:57px; margin-left:10px; padding:13px 0 0 98px; width:243px;} body#style-boys #footer-container #footer-layer1 #layer1-container-2 {background:transparent url(/resources/images/background/footer1-newsletter.png) top left no-repeat; float:left; height:57px; margin-left:10px; padding:13px 0 0 98px; width:243px;} body#style-girls #footer-container #footer-layer1 #layer1-container-2 {background:transparent url(/resources/images/background/footer1-newsletter-girl.png) top left no-repeat; float:left; height:57px; margin-left:10px; padding:13px 0 0 98px; width:243px;} body#style-baby #footer-container #footer-layer1 #layer1-container-2 {background:transparent url(/resources/images/background/footer1-newsletter-baby.png) top left no-repeat; float:left; height:57px; margin-left:10px; padding:13px 0 0 98px; width:243px;} #email-address {background:transparent;border:none;color:#FFF;font-size:15px;width:169px;} #button-join {display:block; float:right; padding-right:13px; margin-top:-3px; width:47px;} /* THANKS GRAPHIC */ #footer-container #footer-layer1 #layer1-container-2-thanks {background:transparent url(/resources/images/background/thanks.png) top left no-repeat; float:left; height:57px; margin-left:10px; padding:13px 0 0 98px; width:243px;} body#style-girls #footer-container #footer-layer1 #layer1-container-2-thanks {background:transparent url(/resources/images/background/thanks-girl.png) top left no-repeat;} body#style-girls #footer-container #footer-layer1 #layer1-container-2-thanks {background:transparent url(/resources/images/background/thanks-baby.png) top left no-repeat;} /* FACEBOOK BUTTON */ #footer-container #footer-layer1 #layer1-container-3 {float:left; height:70px; margin-left:10px; width:198px;} #footer-container #footer-layer1 #layer1-container-3 #facebook-link {background:transparent url(/resources/images/background/social-facebook.png) top left no-repeat; display:block; float:left; height:70px; width:47px;} body#style-girls #footer-container #footer-layer1 #layer1-container-3 #facebook-link {background:transparent url(/resources/images/background/social-facebook-girl.png) top left no-repeat; } body#style-baby #footer-container #footer-layer1 #layer1-container-3 #facebook-link {background:transparent url(/resources/images/background/social-facebook-baby.png) top left no-repeat; } #footer-container #footer-layer1 #layer1-container-3 #facebook-link a {display:block; height:47px; overflow:hidden; text-indent:-999px;} /* FACEBOOK TEXT LINK */ #footer-container #footer-layer1 #layer1-container-3 #facebook-cta {display:block; float:left; margin-left:10px; padding-top:18px; width:140px;} #footer-container #footer-layer1 #layer1-container-3 #facebook-cta a {color:#445E67; font-size:13px; font-weight:bold;}