html { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 0.9em; height: 100%; } body { height: 100%; margin: 0; padding: 0; text-align: center; background: #825A39 url(/images/furbg.jpg) center top repeat; } .main input, textarea { background: #fdfae8; } /* ========== BONNIE DOGS NEW STYLES ============= */ ul.sitemap { color: #f00; } #boxleftcolumn { width: 140px; margin: 0; padding: 0; float:left; z-index: 300; } #boxmiddle { width: 10px; height: 500px; margin: 0; padding: 0; float:left } #boxmain { width: 587px; margin: 0; padding: 0; float:right; z-index: 100; } #mainbody { width: 774px; padding:0; align: left; text-align: left; margin: 0 auto; position: relative; } /* text-align: left; height: 100%; min-height: 100%; */ /* min-height: 100%; height: 100%; voice-family: "\"}\""; voice-family: inherit; height: auto; */ /*} html>body #mainbody { height: auto; } */ /* ===== HEADER ===== */ #headertop { padding: 0; margin: 0; overflow: hidden; width: 774px; height: 158px; text-align: left; } #headermenu { width: 587px; margin: 0; background: #f0cb21; color: #63127b; } .headertable { margin: 0; padding: 2px 5px; background: #f0cb21; } .headerclear { clear: both; height: 10px; } #maincontent { background: #fff; text-align: left; margin: 0; width: 738px; position: relative; margin-left: 36px;} /* ===== FOOTER ===== */ #footerbox { clear:both; padding: 0; text-align: center; width: 774px; margin: 0; } .footertable { height: 20px; } .footertext { font-size: 10px; padding: 2px 6px; color: #000; } .footertextlarge { font-size: 11px; font-weight: bold; } .footertext a:link, .footertext a:visited { color: #000;} .footertext a:hover, .footertext a:active { color: #624125; } #searchpanel { position: absolute; top: 26px; left: 588px; width: 173px; } /* ===== OTHER ===== */ .searchboxbd { border: 1px #825A39 solid; background-color: #fcf5f8; margin-bottom: 2px; color: #825A39; } .bdgreeting { padding: 0px; margin: 5px 0 6px; line-height: 16px; font-size: 0.9em; color: #000; } .bdgreeting a:link, .bdgreeting a:visited { color: #624125; font-weight: bold; } .bdgreeting a:hover, .bdgreeting a:active { color: #000; font-weight: bold; } .bdproductcode { font-size: 0.8em; font-weight: bold; } h1 { font-size: 1.3em; color: #624125; } h2 { font-size: 1em; color: #000; } .optiontable { font-size: 11px; clear: both; } .optiontable td { padding-top: 5px; } .purplebold { color: #63127b; font-weight: bold; } .linebreak { clear: both; line-height:2px; font-size: 2px; } .boxText { font-size: 11px; margin: 0 8px; padding: 0; } .errorBox { font-size : 10px; background: #ffc; font-weight: bold; } .stockWarning { font-size : 12px; color: #A00; background: #FF9; padding: 0 4px 6px; } .productsNotifications { background: #f2fff7; } .orderEdit { font-size : 10px;} A { color: #000; text-decoration: none; } A:hover { color: #ABD; } FORM { display: inline; } TR.header { background: #fff;} TR.headerNavigation { background: #f0cb21;} TD.headerNavigation { font-size: 11px; color: #624125; font-weight : bold; } A.headerNavigation { color: #000; } A.headerNavigation:hover { color: #624125;} TR.headerError { background: #f00; } TD.headerError { font-size: 12px; background: #f00; color: #fff; font-weight : bold; text-align : center; } TR.headerInfo { background: #0f0; } TD.headerInfo { font-size: 12px; background: #0f0; color: #fff; font-weight: bold; text-align: center; } TR.footer { background: #bbc3d3; } TD.footer { font-size: 10px; background: #bbc3d3; color: #fff; font-weight: bold; } .infoBox { } .infoBoxContents { font-size: 11px; margin: 2px 0; } .infoBoxContents a:hover, .infoBoxContents a:active { color: #624125; text-decoration: underline; } .infoBoxNotice { background: #FF8E90; } p.infoBoxContents { margin-bottom: 14px; } #boxleftcolumn table.infoBoxContents { margin: 2px 0 10px; } .infoBoxNoticeContents { background: #FFE6E6; font-size: 10px; } TD.infoBoxHeading { background: #f0cb21; height: 22px; font-size: 11px; font-weight: bold; color: #000; padding-left: 4px; } h3.infoBoxHeading { background: #f0cb21; font-size: 11px; font-weight: bold; color: #000; padding: 4px 0 4px 4px; border: none; margin: 8px 0 3px; } .infoBoxHeading a:link, .infoBoxHeading a:visited { color: #000; } .infoBoxHeading a:hover, .infoBoxHeading a:active { color: #624125; } TD.infoBox, SPAN.infoBox { font-size: 10px; } p.infoBoxCentered { text-align: center; margin: 5px 0; } TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { background: #fff; } TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { background: #fcf5d3; } .productListing-odd td, .productListing-even td { border-bottom: 1px solid #f0cb21; } TABLE.productListing { } .productListing-heading { font-size: 0.9em; background: #624125; color: #FFF; font-weight: bold; } .productListing-heading a:hover, .productListing-heading a:active { color: #f0cb21; } td.productListing-data { font-size: 0.9em; font-weight: bold; } .productListing-data td.productListing-data { border-bottom: 0px; } .productListing-even { border-bottom: 0px; } .productListing-data a { font-weight: bold; } .productListing-data a:hover, .productListing-data a:active { color: #634125; } .productDescPrice { margin-top: 12px; font-size: 1.1em; } TD.productDesc { font-size: 0.8em; color: #624125; padding: 8px 7px 1px 5px; border: 0px; } TD.productheadDesc { font-size: 10px; font-weight: normal; color: #000; padding: 4px 0 0 10px; } .pageResults { font-size: 12px; font-weight: bold; text-decoration: none; padding: 1px 4px; margin-left: 1px; background: #fcf5d3; } A.pageResults { color: #000; font-weight: bold; text-decoration: none; padding: 1px 4px; background: #f0cb21; } A.pageResults:hover, A.pageResults:active { background: #fcf5d3; color: #624125; text-decoration: none; } .productcode { font-size: 10px;} .price { color: #000;} TR.subBar { background: #f4f7fd;} TD.subBar { font-size: 10px; color: #000;} TD.main, P.main, p.main td { font-size: 12px; line-height: 1.4; margin-bottom: 12px;} P.main { padding-right: 5px; } p.main td { font-size: 12px; padding: 1px 16px 1px 2px; background: #fdfae8; line-height: 1.2;} p.main .breedstable td { font-size: 12px; padding: 1px 1px 1px 1px; background: #fdfae8; line-height: 1.2;} td.main select { color: #af2a01; } TD.pageHeading, p.pageHeading, DIV.pageHeading { font-size: 18px; margin: 0; padding: 0; font-weight: bold; color: #624125;} TD.pageHeading2, h1.pageheading2, p.pageHeading2, DIV.pageHeading2 { font-size: 16px; margin: 0; padding: 0; font-weight: bold; color: #624125;} td.main h1 { margin: 0 0 4px; padding: 0; font-size: 17px; } .main a { color: #825A39; font-weight:bold; text-decoration: underline; } .main a:hover, .main a:active { color: #000; text-decoration: underline; } .main u, #examples u { color: #d00; } TD.smallText, SPAN.smallText, P.smallText { font-size: 11px;} .smallText a:hover, .smallText a:active { color: #624125; text-decoration: underline; } .SubCatText, .SubCatText a:link, .SubCatText a:visited { font-size: 12px; padding: 3px; font-weight: bold; } .SubCatText a:visited { color: #422; } .SubCatText a:hover, .SubCatText a:active { color: #624125; } TD.accountCategory { font-size: 13px; color: #abd;} TD.fieldKey { font-size: 12px; font-weight: bold;} TD.fieldValue { font-size: 12px;} TD.tableHeading { font-size: 12px; font-weight: bold;} SPAN.newItemInCart { font-size: 10px; color: #f00;} CHECKBOX, INPUT, RADIO, SELECT { font-size: 11px;} TEXTAREA { width: 100%; font-size: 11px;} SPAN.greetUser { color: #000; font-weight: bold;} TABLE.formArea { background: #f1f9fe; border: 1px solid #7b9ebd; } TD.formAreaTitle { font-size: 12px; font-weight: bold; } SPAN.markProductOutOfStock { font-size: 15px; color: #A00; font-weight: bold; } SPAN.productSpecialPrice { color: #f00; } SPAN.errorText { color: #f00;} .moduleRow { } .moduleRowOver { background-color: #fcf5d3; cursor: pointer; cursor: hand; } .moduleRowSelected { background-color: #f0cb21; } .checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; } .checkoutBarCurrent { font-size: 10px; color: #000; } /* message box */ .messageBox { font-size: 10px; } .messageStackError, .messageStackWarning { font-size: 10px; background-color: #ffb3b5; } .messageStackSuccess { font-size: 10px; background-color: #99ff00; } /* input requirement */ .inputRequirement { font-size: 10px; color: #f00; } /* DROP DOWN CSS */ ul, li {margin: 0; padding: 0; border: 0;} .alignright {margin: 0 30px 30px 0; text-align: right;} .small {font-size: .8em;} .back {text-align: right; padding: 3px 10px 0 0;} .back a {text-align: right; font-size: .8em; color: #000;} .listarrow { color: #f0cb21; } .textbox { border: 1px solid #252; margin: 20px 10%; padding: 0 10px; background: #fff8f8; } ul { /* needs the Holly hack to avoid IE bugs */ border-top: 1px solid #fff; } li { list-style: none; /* kills the list item "bullet" markers */ border-bottom: 1px solid #fff; /* Makes side borders on flyouts */ position: relative; text-align: left; vertical-align: bottom; /* for IE5/win */ font-weight: bold; } .nav a { display: block; vertical-align: bottom; /* needed for IE5/win */ color: #fff; text-decoration: none; padding: 4px 4px 3px; font-size: 1.1em; font-weight: bold; background: #825A39; border: 1px solid #fff; border-width: 0 1px 0 0; /* Makes side borders on flyouts */ } .nav a:hover {color: #f0cb21; background: #A27651; text-decoration: none;} .nav a:active, .nav:active { background: #f0cb21; color: #fff; } .nav a:focus, .nav a.sffocus { /* enhances the focus styling for keyboard tabbing */ background-color: #f0cb21 !important; color: #fff; } .DropDownMenu { position: relative; width: 140px; float: left; margin: 6px 0 8px; z-index: 100; } .float-holder-right { width: 180px; float: right; margin: 40px 0 0 20px; } .nav div { width: 238px; position: absolute; left: -3000px; } /* \*/ .nav div { width: 250px; wid\th: 200px; } /* Box model fix for IE5.x Win */ .DropDownMenu div { padding: 30px 60px 30px 10px; } .float-holder-right div { padding: 30px 10px 30px 60px; } .DropDownMenu div.leftbox, .float-holder-right div.leftbox { padding: 30px 10px 30px 60px; } .DropDownMenu div.rightbox, .float-holder-right div.rightbox { padding: 30px 60px 30px 10px; } .DropDownMenu .nav div.zone, .float-holder-right .nav div.zone { padding: 0; width: 170px; height: 10px; left: -3000px; top: auto; bottom: -10px; font-size: 1px; } .DropDownMenu .nav li:hover div.zone, .float-holder-right .nav li:hover div.zone { left: 0; } .DropDownMenu li:hover div div, .DropDownMenu div li:hover div div, .float-holder-right li:hover div div, .float-holder-right div li:hover div div { background: #825A39; left: -3000px; } .DropDownMenu li:hover li { background: #825A39; } .DropDownMenu li:hover div, .DropDownMenu div li:hover div, .DropDownMenu div div li:hover div.rightbox, .float-holder-right div div li:hover div.rightbox { left: 130px; top: -31px; } .DropDownMenu div div li:hover div.leftbox, .float-holder-right li:hover div, .float-holder-right div li:hover div, .float-holder-right div div li:hover div.leftbox { left: auto; right: 146px; top: -25px; } .nav ul a {color: #fff;} .nav li li li li a { color: #000; } /* \*/ /*/ .nav div, .nav ul ul .leftbox, .nav ul ul .rightbox { position: relative; left: 5px; padding: 0; } .nav .arrow, .nav .arrow-double {border-bottom: 1px solid #000;} .zone {display: none;} /* */ .class_W {font-size: .6em !important;} .class_W div, .class_W ul ul .leftbox, .class_W ul ul .rightbox, .class_W li:hover div, .class_W ul li:hover div .leftbox, .class_W ul ul .rightbox { position: relative !important; left: 5px !important; top: 0 !important; padding: 0 !important; } .class_W .arrow, .class_W .arrow-double, .class_W .in-arrow-right, .class_W .in-arrow-left { border-bottom: 1px solid #000; background-image: none !important;} .class_W .zone {display: none;} .checkoutInfo { background: #fcf5d3; padding: 8px; font-size: 14px; line-height: 19px; } .bioflow { font-size: 12px; font-weight: bold; line-height: 15px; color: #624125; } p.linkslist { margin: 3px 9px; padding: 0 0 0 15px; background: url(/images/linksbullet.gif) no-repeat left 7px; clear: both; } .linkslist a { font-size: 13px; } .linkslist a:visited { color: #543; } .breed { font-size: 1.1em; font-weight: bold; } .breedex { font-size: 0.9em; } /* EVENTS PAGE */ .eventsheading { font-weight: bold; font-size: 1.6em; line-height: 1.1; margin-bottom: 8px; } .picsleft { margin: 0 10px 10px 0; clear:both } .picsright { margin: 0 0 10px 0; } .eventspics { margin: 4px; } h3 { clear:both; border-bottom: 1px solid #82503A; } .eventscaptions { font-size: 12px; font-style: italic; } .eventspagebox { margin: 12px auto; background: white; width: 550px; text-align: left; } .eventspageheadingbox { margin: 12px auto; background: #fff url(/images/events-heading-bg.jpg) right top no-repeat; width: 550px; height: 56px; text-align: left; } .eventsinsidebox { margin: 8px 16px; padding-top: 8px; padding-bottom: 6px;} .highlightbox { background: #f8e89d; clear: both; font-size: 13px; padding: 10px 12px 8px; } .highlightbox p { line-height: 1.1; margin: 0 0 6px 0; } .red { color: #C00; } .brown { color: #825A39; } .dogshowclasses { margin-bottom: 10px; } .dogshowclasses td { padding: 0 0 12px; font-size: 13px; } .dogshowclasses td .red { font-size: 16px; } .eventsgreyhoundbox { padding: 0 6px; margin: 5px 0 0px; height: 142px; background: url(../images/dogshow-2008/greyhound-parade-bg.jpg) left top no-repeat; } ul.main { list-style-type: disc;} ul.main li { font-weight: normal; padding-left: 16px; list-style-type: disc; list-style-position:inside; } ol.bestsellers { margin: 3px 0 0 6px; padding: 0; } ol.bestsellers li { padding: 0 0 3px 2px; margin: 0; line-height: 1; font-weight: normal;} .footercatlinks { text-align: center; font-size: 11px; line-height: 1.2; margin: 0 0 0 36px; padding: 6px; background: #fff; } .footercatlinks a { color: #825A39; text-decoration: none; } .footercatlinks a:hover, .footercatlinks a:active { color: #000; text-decoration: underline; } /* FRONT BANNER 1 */ #frontbanner { background: #4f3b29; margin: 0px; padding: 0px; height: 310px; width: 587px; overflow: visible; } #frontbanner p { font-size: 13px; margin: 4px 10px 6px; color: #fef6e1; line-height: 1.2; } #frontbanner a:link, #frontbanner a:visited { color: #ffe380; text-decoration: none; } #frontbanner a:hover, #frontbanner a:active { color: #fff; text-decoration: underline; } /* FRONT BANNER 2 */ #frontbanner2 { background: #d8a611 url(../images/Autumn-Banner.jpg) top left no-repeat; margin: 0px; padding: 0px; width: 587px; overflow: visible; } .frontbanner2inner { margin: 0 0 0 10px; padding: 63px 0 6px; width: 398px; color: #fff; } .frontbanner2inner p { font-size: 13px; margin: 0 0 6px; line-height: 1.2; } .frontbanner2inner a:link, .frontbanner2inner a:visited { color: #ffff00; text-decoration: none; } .frontbanner2inner a:hover, .frontbanner2inner a:active { color: #FFE100; text-decoration: underline; } .nounderline a:link, .nounderline a:visited { font-weight: normal; text-decoration: none; color: #543; } .nounderline a:hover, .nounderline a:active { font-weight: normal; text-decoration: underline; color: #825A39; } p.nounderline { margin: 0 0 8px; line-height: 1.3; padding: 0; } /* FRONT BANNER 3*/ #frontbanner3left { background: #4a7021; margin: 0px; padding: 0px; height: 243px; width: 326px; float: left; } #frontbanner3right { background: #4a7021 url(../images/Spring-Banner-right_02.gif) left top no-repeat; margin: 0px; padding: 0px; height: 243px; width: 261px; overflow: hidden; float: left; } #frontbanner3inner { color: #fff; width: 226px; height: 196px; margin: 21px 10px 2px; } #frontbanner3inner p { font-size: 13px; margin: 0 0 8px; padding: 0; line-height: 1.2; } #frontbanner3inner a:link, #frontbanner3inner a:visited { color: #f1fa03; text-decoration: none; } #frontbanner3inner a:hover, #frontbanner3inner a:active { color: #fbff90; text-decoration: underline; } /* FRONT BANNER 4 */ #frontbanner4 { background: #f6e662; margin: 0px; padding: 0px; height: 258px; width: 587px; overflow: visible; } #frontbanner4 p { font-size: 14px; margin: 5px 10px 6px; color: #400; line-height: 1.2; } #frontbanner4 a:link, #frontbanner4 a:visited { color: #ec000b; text-decoration: none; } #frontbanner4 a:hover, #frontbanner4 a:active { color: #950007; text-decoration: underline; } #frontbanner5 { margin: 5px 0; padding: 0; } /* FRONT BANNER 6 */ #frontbanner6 object { margin: 0; padding: 0; height: 157px; overflow: hidden;} #frontbanner6 embed { margin: 0; } #frontbanner6 div { margin: 0 0 10px; padding: 8px 0; background: #2e1209 url('../images/Winter-Banner-0708-bottom.jpg') no-repeat left top; } #frontbanner6 p { color: #fff; margin: 0 10px; line-height: 1.3; } #frontbanner6 a:link { color: #ffd; } #frontbanner6 a:visited { color: #eeb; } #frontbanner6 a:hover, #frontbanner6 a:active { color: #fff; } .telcode { color: #825a39; font-weight: bold; font-size: 11px;} .telno { color: #825a39; font-weight: bold; font-size: 16px; }