/* SoftSlate Default Style Sheet */ * { margin: 0; padding: 0; } body { margin:0; padding:0; font-family: Arial, sans-serif; font-size: 78%; text-align: center; color: #333; background: #d9d9ff; } * html, * html body { height: 98.6%; } /* Turn on Layout Mode by editing */ body.layoutMode *[id] { border: 1px dashed #ff0000; } /* General HTML Elements */ h1 { margin: 0 0 .5em 0; padding: 0; font-size: 2em; color: #333; } h2 { margin: .5em 0 .5em 0; padding: .25em 0; font-size: 1.25em; border-top: 1px solid #ccc; } hr { height: 1px; margin: 0; padding: 0; color: #ccc; background: #ccc; border: 0; } hr.seperator { display: block; clear: both; } * html hr { margin: -.5em 0 0 0; } html[lang=en] body hr { margin: .5em 0 .5em 0; } html>body hr#septop { margin: 0 0 .5em 0; } a { text-decoration: none; color: #8B7360; } a:hover { text-decoration: underline; } a img { border: 0; } ul, ol { margin: 0; padding: 0; } form { display: inline; margin: 0 0; } option { padding: 1px; } fieldset { padding: 1em 0; border: 1px solid #cecece; } legend { font-family: Arial, Verdana, Helvetica, sans-serif; } .textbox, .selectbox { margin: 0 0 .5em 0; padding: 2px; background:#fff url('../ui/bg-tbox.gif') no-repeat; border:1px solid #f0f0f0; border-color:#7c7c7c #cecece #c3c3c3 #7c7c7c; } address { font-style: normal; } /* Slate Containers */ #slate { margin: 0; padding: 0; text-align: center; padding: 1em; background: #d9d9ff;} #top { visibility: hidden; font-size: 0em; } #wrapper { position: relative; margin:0 auto; padding: 5px; width: 960px; min-width: 600px; text-align: left; background: #fff; } table#main { border-collapse: collapse; } /* Assorted Utility Classes */ .int { position: relative; margin:0 auto; padding: 1em 0 0 0; width: 80%; min-width: 600px; text-align: left; } .box { width: 95%; margin: 0 0 1em 0; padding: 0; border: 1px solid #777; border-right: 1px solid #000; border-bottom: 1px solid #000; } .heading { display: block; margin: 0; padding: 4px 0; text-align: center; color: #333; background: #ddd; border-bottom: 1px solid #777; } .clearit:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* Left Panel */ td#panel { width: 157px; padding: 0 0 .5em 0; background: #B3ACA5; vertical-align: top; } /*#panel { display: block; width: 157px; float: left; padding-bottom: .5em; background: #B3ACA5; }*/ /* Content Region */ td#content { padding: 0; width: 633px; vertical-align: top; } td#contentWide { padding: 0; width: 803px; vertical-align: top; } /* #content { margin: 0 0 0 157px; padding: 0; } * html #content { height: 1%; } body.onecol #content { margin: 0 0 1em 0px; padding: 0; }*/ .notice { color: #ff0000; } /* Right Panel */ td#rightPanel { padding: 0; width: 170px; vertical-align: top; } div#yourCart { background: #B3ACA5; } div#verticalAd { margin-top: 1em; text-align: center; padding-bottom: 10px; } td#rightPanel div.boxHeadingOuter { margin-top: 1em; } /* Additional Container */ #supplement { clear: both; padding: 1.5em 0 1em 0; text-align: center; font-size: 1.0em; } /* Footer Block */ #footer { padding: 0 20px; margin: 0 auto; color: #333; font-size: .9em; } #footer .int { width: 100%; min-width: 600px; } * html #footer { height: 64px; } #footer span { padding: 1em 0; } #server { text-align: right; color: #CCCCCC; } /* Poweredby Logo */ #poweredby { position: absolute; top: 8px; right: 0; } div#branding { text-align: center; } div#branding table { width: 100%; text-align: center; } div#branding td { width: 25%; text-align: center; } /* Place new or modified custom styles here. They will override those in style.css. */ #header { position: relative; top: 0px; left: 0px; width: 960px; height: 183px; padding: 0; background: transparent url('../images/store/ab2c_banner_962.jpg') top center no-repeat; } #printHeader { display: none; } /* The link under the logo */ a#linkUnderLogo { display: block; position: absolute; top: 0; left: 0; height: 154px; width: 290px; } /* Tools links */ #tools { position: absolute; top: 5.5em; right: 2em; list-style: none; font-family: Arial, Verdana, Sans-serif; font-size: .9em; z-index: 100; } #tools li { float: left; color: white; font-weight: bold; margin: 0 1em; } #tools a { color: white; text-decoration: none; } #tools a:hover { text-decoration: underline; } li#btnCheckout { list-style: disc; } li#btnCart { list-style: disc; } /* Big Tabs */ ul#bigtabs { position: absolute; top: 126px; left: 220px; list-style: none; font-family: Arial, Verdana, Sans-serif; font-size: 1em; z-index: 100; } ul#bigtabs li { float: left; margin: 0 0 0 0; padding: 0 0 0 8px; background: url("../images/store/ab2c_blue_left.gif") no-repeat left top; } ul#bigtabs a { text-decoration: none; color: white; font-weight: bold; float: left; display: block; padding: 8px 15px 8px 10px; background: url("../images/store/ab2c_blue_right.gif") no-repeat right top; } ul#bigtabs li.active { background: url("../images/store/ab2c_red_left.gif") no-repeat left top; } ul#bigtabs li.active a { background: url("../images/store/ab2c_red_right.gif") no-repeat right top; } /* Small Tabs */ ul#smalltabs { position: absolute; top: 102px; right: 0em; list-style: none; font-family: Arial, Verdana, Sans-serif; font-size: .8em; z-index: 100; background: url("../images/store/ab2c_blue_left_top.gif") no-repeat left top; } ul#smalltabs li { float: left; margin: 0 0 0 0; padding: 7px 4px 7px 4px; } ul#smalltabs a { text-decoration: none; color: white; font-weight: bold; float: left; display: block; padding: 0 8px 0 0; border-right:1px solid #fff; } ul#smalltabs li.last a { padding: 0 2em 0 0; border-right: none; } ul#smalltabs li.first a { padding: 0 8px 0 4px; } /* Sub Nav */ div.subnav { position: absolute; top: 152px; z-index: 101; width: 960px; height: 32px; background: url("../images/store/ab2c_red_middle_wide.gif"); } div#subnavcommunity ul { margin-left: 665px; } div#subnavhome ul { margin-left: 237px; } div#subnavnews ul { margin-left: 785px; } div#subnavtoys ul { /* margin-left: 487px; */ margin-left: 237px; } div.subnav ul { list-style: none; font-family: Arial, Verdana, Sans-serif; font-size: .8em; z-index: 101; } div.subnav li { float: left; margin: 0 0 0 0; padding: 10px 4px 10px 4px; } div.subnav a { text-decoration: none; color: white; font-weight: bold; float: left; display: block; padding: 0 8px 0 0; border-right:1px solid #fff; } div.subnav li.last a { padding: 0 2em 0 0; border-right: none; } div.subnav li.first a { padding: 0 8px 0 4px; } /* ul#subnavcommunity { background: url("../images/store/ab2c_blue_middle_wide.gif"); } ul#subnavcommunity li.first a { } */ /* Left Panel */ .panelheader { background: url("../images/store/ab2c_gray_departments.gif") repeat-x top;; padding: 10px 0 11px 16px; color: #000; font-weight: bold; font-size: 1.1em; } * html .panelheader { height: 1%; } #categoryBlock { background: url("../images/store/ab2c_gray_deptstree.gif") repeat-x top; padding: 12px 12px 12px 16px; color: #fff; font-weight: bold; } /* Category Tree */ #categoryBlock ul { margin: 0; padding: 0; height: auto; overflow: hidden; list-style: none; } #categoryBlock li { margin: 0; padding: 4px; } * html #categoryBlock li { height: 1%; margin: 0; padding: 4px 0; } #categoryBlock li a { display: block; color: #fff; width: auto; text-decoration: none; } /* * html #categoryBlock li a { width: 157px; } */ #categoryBlock li a:hover { text-decoration: underline; } #categoryBlock ul.topcategories>li { border-bottom: 1px dotted #000; } #categoryBlock ul.topcategories>li a { font-size: 1.0em; } #categoryBlock ul.categories li a, #categoryBlock ul.categories span { color: #000; font-size: .9em; } /* Mini Cart */ #cartBlock { padding: 18px; background: #B3ACA5; } #cartBlock a { color: #333; text-decoration: underline; } #cartBlock a:hover { color: #000; } #cartBlock p { text-align: left; padding: .5em 0; } /* Search Block */ #searchBlock { background: url("../images/store/ab2c_gray_search.gif"); border-bottom: 1px solid #888; padding: 8px 0 6px 12px; vertical-align: bottom; } /* * html #searchBlock { padding: 8px 0; } */ #searchinput { border: 1px solid #000; font-size: 1.0em; width: 250px; vertical-align: top; margin-top: 2px; } /* Crumbs */ #crumbs, #accountMenu { display: block; background: #CCC; margin: 0; padding: 6px 12px 12px 16px; font-size: 1.0em; } /* * html #crumbs, * html #accountMenu { padding: 8px 0; } */ #accountMenu { text-align: center; vertical-align: middle; } #crumbs a { text-decoration: none; color: #000; } #crumbs a:hover { text-decoration: underline; } #crumbs a.first, #crumbs span.first { font-size: 2.2em; font-weight: bold; } /* Account menu */ #accountMenu, #checkoutCrumbs { background: #CCC; padding: 20px 10px 10px 10px; font-size: 1.0em; text-align: center; vertical-align: middle; } #accountMenu a, #checkoutCrumbs a { text-decoration: none; color: #000; } #accountMenu a:hover, #checkoutCrumbs a:hover { text-decoration: underline; } span.subMenuActive { color: #DE001F; } /* body */ #body { padding: 15px 15px; } hr.miniCartSeparator { color: #333; background: #333; } .miniCartItem { padding: 4px; text-align: center; } .miniCartSubtotal, #miniCartLinks { text-align: center; } td { padding: 2px; } table#checkoutCrumbsTable { width: 100%; } table#checkoutCrumbsTable td { padding: 0 4px; } /* shopping page */ td.welcomePageItem { background: url("../images/store/ab2c_shadow.gif") center no-repeat; text-align: center; vertical-align: bottom; height: 153px; width: 187px; padding: 5px; color: #E11318; } .shopNowNameAndLink { padding: 8px; } a.shopNowLink { color: #0069C0; } td#welcomeMessage { padding: 0 0 0 10px; vertical-align: top; } div#welcomeMessageTop { background: url("../images/store/ab2c_baige_top.gif") top center no-repeat; width: 190px; height: 152px; padding-bottom: 3px; } div#welcomeMessageBottom { background: url("../images/store/ab2c_baige_bottom.gif") top center no-repeat; width: 190px; height: 169px; } div.welcomeMessage div { font-weight: bold; padding: 8px; } div#welcomeMessage p { margin: 1em 0; } /* home page */ div.boxHeadingOuter { background: url("../images/store/ab2c_home_blue_left.jpg") no-repeat left top; padding: 0px 0px 0px 16px; } div.boxHeadingInner { background: url("../images/store/ab2c_home_blue_right.jpg") no-repeat right top; color: #fff; padding: 5px 16px 5px 0px; font-weight: bold; font-size: 110%; } div.boxContent { border: 1px solid #9d9d9d; padding: 5px 10px; } table.homePageTable { width: 100%; } table.homePageTable td { vertical-align: top; } #homePageCell1 { width: 610px; } #homePageCell2 { } #homePageCell3 { } #homePageCell3 div.boxContent { font-family: Georgia, Times, serif; text-align: center; font-size: 13px; padding: 3px; } #homePageCell3 div.boxContent p { padding: 3px 0; } #homePageCell3 div.boxContent a#bookmarkLink { font-family: Arial, sans-serif; font-size: 10pt; } #homePageCell4 .rss { padding: 0px 0 0 0px;} #homePageCell4 .rss li { padding: 3px 2px;} #homePageCell5 { } #homePageCell6 { } .rss { padding: 4px 0 0 0px;} .rss ul { margin-left: 10px; padding: 0;} .rss li { padding: 4px 2px;} #whatsnewright { padding-left: 10px; } /* Generic content pages with a right side column */ table.contentTable { width: 100%; border-collapse: collapse; padding: 0;} table.contentTable td { vertical-align: top; padding: 4px; } table.contentTable td.right { width: 170px; background: #B3ACA5; } /* Fixing the ul margin issue for SoftSlate errors and messages */ .messagesMessage ul, .errorsMessage ul { margin-left: 20px; padding: 0;} /* Product page */ td.outOfStockNotice { text-align: center; color: #DE001F; } td.outOfStockNotice a { color: #DE001F; text-decoration: underline; } td.outOfStockNotice a:hover { text-decoration: none; } /* Listing of PRWEb stories */ ul.prWeb li { margin: 10px 0; } ul.prWeb a:link { color: #0069C0; text-decoration: underline; } ul.prWeb a:hover { color: #0069C0; text-decoration: none; } ul.prWeb a:visited { text-decoration: underline; } /* Site Map */ #siteMap { font-weight: bold; font-size: 11pt; } .siteMapOfLink { font-weight: normal; font-size: 9pt; } #siteMap a { color: blue; } #siteMap ul { display: block; margin: 1.33em 0 1.33em 40px; } #siteMap li { display: list-item } #siteMap ul ul { margin-top: 0; margin-bottom: 0 } #siteMap .genericHeadline { white-space: nowrap; } span.couponCode { font-weight: bold; color: #E11318; }