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; }