/* @override http://www.littleenglish.com/stylesheet.css */ /* Define Tags */ html, body { height:100%; } body { margin:0; background:url(images/background.gif) #fff top repeat-x; padding:0; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#727272;} a, a:visited, a:hover { font-size:11px; font-family:Geneva, Arial, Helvetica, sans-serif; color:#45A8DF; text-decoration:none; } a:hover { color:#000000; text-decoration:none; } .clear{clear:both;} h1, h2, h3, h4, h5, h6 {font-family:Georgia, "Times New Roman", Times, serif; color:#85a4b7;} h1 {font-size:20px;} h2 {color:#83a3b6; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; margin:10px 0 0;} p {margin:1px 0 7px 0;} p.catText { margin-top:6px; font-size:13px; line-height:1.8em; } button { background-color:#e9f4fb; border:solid 2px #b1cad9; padding:3px; color:#637d8d; font-weight:bold; font-size:10px; } .form { background-color:#fff; border:solid 2px #ccc; padding:4px; } select.form { padding:3px; } input.button { background-color:#e9f4fb; border:solid 2px #b1cad9; padding:3px; color:#637d8d; font-weight:bold; font-size:10px; } /* Site Structure Start */ { Start of New CSS Structure } #container {width:984px; min-height: 100%; margin:0 auto; height: auto !important; height: 100%; position:relative;} #nav {background:url(images/nav.gif) no-repeat; width:314px; height:40px; float:left;} #nav li {margin: 0px; padding: 0px; list-style: none;position: absolute; top: 0; margin-left:0px;} #nav li, #nav a {height:40px; display: block; } #nav span { display:none; } #nav li a {display:block; height:40px;} #nav-1 { width:52px; left:0px; background-image:none; } #nav-2 { width:66px; left:55px; background-image:none; } #nav-3 { width:118px; left:124px; background-image:none; } #nav-4 { width:69px; left:245px; background-image:none; } #nav-1 a:hover { background:transparent url(images/nav.gif) no-repeat 0px -40px; } #nav-2 a:hover { background:transparent url(images/nav.gif) no-repeat -55px -40px; } #nav-3 a:hover { background:transparent url(images/nav.gif) no-repeat -124px -40px; } #nav-4 a:hover { background:transparent url(images/nav.gif) no-repeat -245px -40px; } #nav-1 a.current { background:transparent url(images/nav.gif) no-repeat 0px -40px; } #nav-2 a.current { background:transparent url(images/nav.gif) no-repeat -55px -40px; } #nav-3 a.current { background:transparent url(images/nav.gif) no-repeat -124px -40px; } #nav-4 a.current { background:transparent url(images/nav.gif) no-repeat -245px -40px; } #loginLoggedIn {background:url(images/login.gif) no-repeat; height:40px; width:330px; float:left; margin-left:15px;} #boxWrapper {margin:0px 0 0 66px; float:left; width:264px;} .box, .box-username, .box-password {width:91px; height:17px; float:left; padding:3px 4px 4px; font-family:Arial, Helvetica, sans-serif; margin:11px 0 0 10px; font-size:10px; color:#a8a8a8; background:none; border:none;} .box-username {margin:11px 0 0 5px; width:110px; width/* */:/**/95px; width: /**/95px; } .box-password {margin:11px 0 0 0; width:110px; width/* */:/**/95px; width: /**/95px;} .boxBtn {background:url(images/login-button.gif) no-repeat; margin:12px 0 0 5px; width:46px; height:16px; border:none;} #signUp {width:48px; margin:13px 0 0 0; float:left; text-align:right;} #signUp a, #signUp a:visited{color:#fff; text-decoration:none; font-size:10px;} #signUp a:hover{color:#fbe28b;} #wholeSale { font-family:"Georgia", Times New Roman, Times, serif; font-size:12px; font-style:italic; width:48px; margin:13px 0 0 0; float:left; text-align:right;} #wholeSale a {font-family:"Georgia", Times New Roman, Times, serif; font-size:12px; font-style:italic; color:#fff; text-decoration:none; font-size:14px;} #wholeSale a:hover{color:#fbe28b;} #myAccount { margin-left:10px; height:38px; margin-top:2px; background:url(images/icon_account.gif) no-repeat; width: 87px; margin-left:10px; float: right; font-family:"Trebuchet MS"; font-size:11px; color:#fff;} #myAccount a { display:block; padding:11px 0 10px 20px; font-family:"Trebuchet MS"; font-size:11px; color:#fff; height: 19px; text-decoration:none; } #myAccount a:hover { color:#E9E7BC; } #loginLoggedOut { width:300px; float:left; margin:13px 0 0 55px; padding-right:10px; text-align:right; color:#fff;} #loginLoggedOut a, #loginLoggedOut a:visited{color:#fff; text-decoration:none; font-size:10px; font-family:Geneva, Arial, Helvetica, sans-serif;} #loginLoggedOut a:hover{color:#fbe28b;} #cart {margin-left:10px; height:38px; margin-top:2px; background:url(images/cart.gif) no-repeat; width: 157px; margin-left:10px; float: right; font-family:"Trebuchet MS"; font-size:11px; color:#fff;} #cart a { display:block; padding:11px 0 10px 38px; font-family:"Trebuchet MS"; font-size:11px; color:#fff; height: 19px; text-decoration:none; } #cart a:hover { color:#E9E7BC; } #logo {background:url(images/main.gif) no-repeat; margin-top:12px; width:984px; height:118px; float: left;} #click {width:316px; height:100%; margin:0 auto;} #click a{display:block; width:316px; height:100%;} #click span{display:none;} #boys {background:url(images/boys.jpg) no-repeat; margin-top:20px; margin-right:20px; float:left; width:314px; height:430px;} #boys:hover {background:url(images/boys.jpg) no-repeat 0 -430px;} #boys a{ display:block; width:314px; height:430px;} #boys span{display:none;} #girls {background:url(images/girls.jpg) no-repeat; margin-top: 20px; margin-right: 20px; float:left; width:314px; height:430px;} #girls:hover {background:url(images/girls.jpg) no-repeat 0 -430px;} #girls a{display:block; width:314px; height:430px;} #girls span{ display:none;} #gifts {background:url(images/gifts.jpg) no-repeat; margin-top:20px; width:314px; height:430px; float:right;} #gifts:hover{background:url(images/gifts.jpg) no-repeat 0 -430px;} #gifts a{display:block; height:430px; width:314px;} #gifts span{display:none;} #promo-both { width:314px; height:430px; float:right; margin-top:20px; } #promo-both #gifts { background:url(images/gifts-sm.jpg) left top no-repeat; width:154px; height:280px; float:left; margin:0 6px 6px 0; } #promo-both #gifts a { display:block; width:154px; height:280px; } #promo-both #gifts a:hover {background:url(images/gifts-sm.jpg) right top no-repeat; } #promo-both #sale { width:154px; height:280px; float:left; margin:0 0 6px 0; } #promo-both #sale a { display:block; width:154px; height:280px; } #promo-both #sale a span.top { background:url(images/sale-sm.gif) left top no-repeat; display:block; width:154px; height:55px; text-indent:-100px; overflow:hidden; } #promo-both #sale a:hover span.top { background-position:right top; } #promo-both #sale a span.img { background:#fff center center no-repeat; display:block; width:154px; height:225px; position:relative; } #promo-both #sale a span.img span.desc { position:absolute; bottom:7px; left:7px; opacity:0.7; filter:alpha(opacity=70); padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background:#fff; display:block; width:136px; color:#385468; text-align:center; } #promo-both #signup { width:314px; height:144px; float:none; } #promo-both #signup a { display:block; width:314px; height:144px; } #promo-both #signup a span.left { display:block; width:160px; height:144px; float:left; background:url(images/signup-home.gif) left top no-repeat; } #promo-both #signup a span.left span.desc { display:block; color:#385468; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:50px 10px 10px; text-align:center;} #promo-both #signup a:hover span.left { background-position:right top; } #promo-both #signup a span.img { display:block; width:154px; height:144px; float:left; background:#fff center center no-repeat; } #promo-sale { width:314px; height:430px; float:right; margin-top:20px; } #promo-sale #gifts { background:url(images/gifts-sm-tall.jpg) left top no-repeat; width:154px; height:430px; float:left; margin:0 6px 0 0; } #promo-sale #gifts a { display:block; width:154px; height:430px; } #promo-sale #gifts a:hover {background:url(images/gifts-sm-tall.jpg) right top no-repeat; } #promo-sale #sale { width:154px; height:430px; float:left; margin:0; } #promo-sale #sale a { display:block; width:154px; height:430px; } #promo-sale #sale a span.top { background:url(images/sale-sm.gif) left top no-repeat; display:block; width:154px; height:55px; text-indent:-100px; overflow:hidden; } #promo-sale #sale a:hover span.top { background-position:right top; } #promo-sale #sale a span.img { background:#fff center center no-repeat; display:block; width:154px; height:375px; position:relative; } #promo-sale #sale a span.img span.desc { position:absolute; bottom:7px; left:7px; opacity:0.7; filter:alpha(opacity=70); padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background:#fff; display:block; width:136px; color:#385468; text-align:center; } #promo-signup { width:314px; height:430px; float:right; margin-top:20px; } #promo-signup #gifts { background:url(images/gifts.jpg) left top no-repeat; width:314px; height:280px; float:left; margin:0 0 6px 0; } #promo-signup #gifts a { display:block; width:314px; height:280px; } #promo-signup #gifts a:hover {background:url(images/gifts.jpg) left -430px no-repeat; } #promo-signup #signup { width:314px; height:144px; float:none; } #promo-signup #signup a { display:block; width:314px; height:144px; } #promo-signup #signup a span.left { display:block; width:160px; height:144px; float:left; background:url(images/signup-home.gif) left top no-repeat; } #promo-signup #signup a span.left span.desc { display:block; color:#385468; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:50px 10px 10px; text-align:center;} #promo-signup #signup a:hover span.left { background-position:right top; } #promo-signup #signup a span.img { display:block; width:154px; height:144px; float:left; background:#fff center center no-repeat; } #contentHome {width:650px; height:auto; float:left; margin:10px 0 0 0;} #contentHome.short { width:818px; height:auto; float:left; margin-top:27px; } #contentHome.long { width:984px; height:auto; float:left; margin:0px; } #search {background:url(images/storeLocator.gif) no-repeat; margin-top:30px; margin-left:20px; margin-bottom:41px; width:314px; height:61px; float:left;} #searchContainer {margin:26px 5px 0 43px;} #SearchBox {width:132px; height:21px; background:none; border:none; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#a8a8a8; margin-top:5px;} #footer { background:url(images/footer.gif) no-repeat center top; margin:15px 0 0 0; width:984px; font-size:10px; font-family:Verdana,Arial,Helvetica; color:#b4b4b4; line-height:19px; text-decoration:none; padding-top:30px; padding-bottom:20px; text-align:center; float:left; } #footer a, #footer a:visited, #footer a:hover {font-size:10px; font-family:Verdana,Arial,Helvetica; color:#85a4b7; text-decoration:none;} #footer a:hover {color:#55ace1; text-decoration:none;} .footer{text-align:center; width:336px; height:auto; font-size:14px; color:#85a4b7; margin:0 auto; margin-bottom:10px;} .footer img{width:336px;} /*#footer span a{ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; text-decoration:none; color:#85a4b7;} #footer span a:hover{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; text-decoration:none; color:#55ace1;}*/ /* Site Structure End */ /* Custom Class Names */ form { margin:0; padding:0; } img { display:block; } /******************************** * INLINE LIST STYLES * * AND CUSTOM STUFF * ********************************/ /* Sifr Start*/ .sIFR-flash { visibility: visible !important; margin: 0; z-index: 10; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-flash + div[adblocktab=true] { display: none !important; } .sIFR-hasFlash h1 { visibility: hidden; font-size:18pt; text-transform:capitalize; line-height:1em; zoom:1; } .sIFR-hasFlash h2 { visibility:hidden; font-size:18pt; text-transform:capitalize; line-height:1em; zoom:1; } .sIFR-hasFlash h3 { visibility:hidden; font-size:14pt; text-transform:capitalize; line-height:1em; zoom:1; } /* Sifr End*/ /******************************** * CATALOG * * SIDE MENU * ********************************/ #catMenu { width:145px; margin:20px 20px 0px 0px; font-family:Georgia, Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#6C6E70; } .catMenuContainer a { display: block; font-family:Georgia, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none; margin-bottom: 5px; color:#6C6E70; display:block; } .catMenuContainer a:hover { color: #154996; } #catMenu.catMenuContainer a.catalog-navMenu-currentLink { color: #154996; } #catMenu.catMenuContainer a.catalog-navMenu0 a.catalog-navMenu-currentLink { color: #154996; } #catMenu.catMenuContainer a.catalog-navMenu0 { text-transform:uppercase; color: #6C6E70; font-size:14px; margin-top:8px; margin-bottom:0px; } #catMenu.catMenuContainer a.catalog-navMenu0:hover { color: #154996; } .catMenuContainer a.catalog-navMenu1 { padding-left: 10px; padding-top:2px; } .catMenuContainer a.catalog-navMenu2 { padding-left: 20px; } .catMenuContainer a.catalog-navMenu3 { padding-left: 30px; } .catMenuContainer a.catalog-navMenu4 { padding-left: 40px; } .catMenuContainer a.catalog-navMenu5 { padding-left: 50px; } #catMenu ul { padding:0px; margin:0px; list-style:none; list-style-type:none; } #catMenu ul li { margin:4px 0px; width:182px; height:auto; /*background-color:#b1cad9;*/ color:#fff; } #catMenu ul ul li { margin:0px; height:44px; width:182px; background-color:#fff; } #catMenu ul ul li.catalog-navMenu-currentItem { margin:4px 0px; background-color:#fff; border:1px solid #b1cad9; height:42px; width:180px; } #catMenu ul li a, #catMenu ul li a:visited, #catMenu ul li a:hover { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase; text-decoration:none; color:#fff; background-color:#B1CAD9; display:block; width:172px; height:32px; padding:12px 0 0 10px; } #catMenu ul li a:hover { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase; text-decoration:none; color:#d2edff; } #catMenu ul li a.catalog-navMenu-currentItem, #catMenu ul li a-currentItem:visited, #catMenu ul li a-currentItem:hover { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase; text-decoration:none; color:#fff; } #catMenu ul li a.catalog-navMenu-currentItem:hover { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase; text-decoration:none; color:#d2edff; } #catMenu ul ul li a, #catMenu ul ul li a:visited, #catMenu ul ul li a:hover { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#788e9b; padding-left:10px; text-transform:none; background:#E9F4FB; margin:4px 0 0 0; /*background:url(images/bullet1.gif) no-repeat 0px 4px;*/ } #catMenu ul ul li a:hover { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#5b717e; text-transform:none; } #catMenu ul ul li a.catalog-navMenu-currentLink, #catMenu ul ul li a.catalog-navMenu-currentLink:visited, #catMenu ul ul li a.catalog-navMenu-currentLink:hover { color:#4e6775; text-transform:uppercase; background:none; /*margin:10px 0px 0px 9px; padding:0;*/ } #catMenu ul ul li a.catalog-navMenu-currentLink:hover { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#4e6775; text-transform:uppercase; } /* asldjfklasdjf */ #catMenu ul ul ul li a, #catMenu ul ul ul li a:visited, #catMenu ul ul ul li a:hover { padding-left:25px; width:157px; } #sideMenuWrapper{ float:left; width:145px; margin:20px 20px 0 0; } #orderInfo { width:200px; margin:20px 0px 0px 0px; background:url(images/orderInfo.gif) no-repeat; width:145px; height:38px; } #orderInfo a{ display:block; width:145px; height:38px;} #orderInfo span{display:none;} #lineList { width:200px; margin:20px 0px 0px 0px; background:url(images/lineList.gif) no-repeat; width:145px; height:38px; } #lineList a{ display:block; width:145px; height:38px;} #lineList span{display:none;} #orderForms { margin:20px 0px 0px 0px; background:url(images/orderForms.gif) no-repeat; width:145px; height:38px; } #orderForms a{ display:block; width:145px; height:38px;} #orderForms span{display:none;}