/* ---------------- */
/* start navigation */
/* ---------------- */
div#nav { margin:0; padding: 0; list-style: none; z-index:900;text-align:center; position:relative;}
ul#main-navigation {margin: 0 auto 0 300px !important; margin: 0 auto 0 325px; text-align:left;width:650px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    ul#main-navigation { margin-left: 180px; text-align:left;}
}

/* headings */
ul#main-navigation h2 { margin: 0; padding:0; text-indent: -999em; background-position: 12px 0 ; background-repeat: no-repeat; }
ul#main-navigation li.ddtitle { z-index: 9; margin: 0; padding: 10px 0 0; width: 185px; background: url('../_img/dd-sep.gif') no-repeat 0 9px; }
ul#main-navigation ul.sc-nav li.ddtitle { z-index: 9; margin: 0; padding: 10px 0 0; width: 185px; background: url('../_img/dd-sep-sc.gif') no-repeat 0 9px; }
ul#main-navigation li.dogproducts, ul#main-navigation li.catproducts { margin-top: -10px; }
ul#main-navigation li.dogproducts h2 { background-image: url('../_img/ddhead-dogproducts.gif'); }
ul#main-navigation li.catproducts h2 { background-image: url('../_img/ddhead-catproducts-sc.gif'); }
ul#main-navigation li.training h2 { background-image: url('../_img/ddhead-training.gif');}
ul#main-navigation li.breeders h2 { background-image: url('../_img/ddhead-breeders.gif'); }
ul#main-navigation li.dog h2 { background-image: url('../_img/ddhead-dog.gif'); }
ul#main-navigation li.cat h2 { background-image: url('../_img/ddhead-cat.gif'); }
ul#main-navigation ul.sc-nav li.training h2 { background-image: url('../_img/ddhead-training-sc.gif');}
ul#main-navigation ul.sc-nav li.breeders h2 { background-image: url('../_img/ddhead-breeders-sc.gif'); }
ul#main-navigation li.dd-nohead { padding-top: 13px; }

/* nav titles (images) */
ul#main-navigation li, ul#main-navigation li a { margin: 0; padding: 0; list-style: none; float: left; position: relative; font-family:Arial, Helvetica, sans-serif;}

ul#main-navigation li#home, ul#main-navigation li#home a { width: 53px; background-image: url('../_img/nav-new.gif'); background-repeat: no-repeat; background-position: 0 0; text-indent: -999em; height: 32px; }
ul#main-navigation li#home.selected a, ul#main-navigation li#home.selected a:hover { background-position: 0 -44px; }
ul#main-navigation li#home a:hover { background-position: 0 -44px; }

ul#main-navigation li#dog, ul#main-navigation li#dog a { width: 200px; background-image: url('../_img/nav-new.gif'); background-repeat: no-repeat; background-position: -53px 0; text-indent: -999em; height: 32px;}
ul#main-navigation li#dog.selected a, ul#main-navigation li#dog.selected a:hover { background-position: -53px -44px;  }
ul#main-navigation li#dog a:hover { background-position: -53px -44px; }

ul#main-navigation li#cat, ul#main-navigation li#cat a { width: 194px; background-image: url('../_img/nav-new.gif'); background-repeat: no-repeat; background-position: -253px 0; text-indent: -999em; height: 32px;}
ul#main-navigation li#cat a {position:relative;z-index:102}
ul#main-navigation li#cat.selected a, ul#main-navigation li#cat.selected a:hover { background-position: -253px -44px; }
ul#main-navigation li#cat a:hover { background-position: -253px -44px; }

ul#main-navigation li#about, ul#main-navigation li#about a { width: 92px; background-image:url('../_img/nav-new.gif'); background-repeat: no-repeat; background-position: -447px 0; text-indent: -999em; height: 32px; }
ul#main-navigation li#about a {position:relative;z-index:101}
ul#main-navigation li#about.selected a, ul#main-navigation li#about.selected a:hover { background-position: -447px -44px; }
ul#main-navigation li#about a:hover { background-position: -447px -44px;}

ul#main-navigation li#fun, ul#main-navigation li#fun a { width: 88px; background-image: url('../_img/nav-new.gif'); background-repeat: no-repeat; background-position: -539px 0; text-indent: -999em; height: 32px; }
ul#main-navigation li#fun.selected a, ul#main-navigation li#fun.selected a:hover { background-position: -539px -44px; }
ul#main-navigation li#fun a:hover { background-position: -539px -44px; }
ul#main-navigation li#fun li.sel-fun a:hover { cursor:default }

ul#main-navigation li#promo, ul#main-navigation li#promo a { width: 92px; background-image: url('../_img/nav-new.gif'); background-repeat: no-repeat; background-position: -627px 0; text-indent: -999em; height: 32px; }
ul#main-navigation li#promo.selected a, ul#main-navigation li#promo.selected a:hover { background-position: -627px -44px; }
ul#main-navigation li#promo a:hover { background-position: -627px -44px; }
ul#main-navigation li#promo li.sel-promo a:hover { cursor:default }

/* drop downs */
ul#main-navigation ul { position: absolute; z-index: 101; top: 0; left: 0; height: auto; width:200px; margin: 0; padding: 0; display: none; background: #d82e25 url('../_img/dd-bg.gif') repeat-y; }
ul#main-navigation li#about ul { left:-93px; position: absolute; z-index: 101; width:185px;}
ul#main-navigation li#fun ul { left:-17px;position: absolute; z-index: 100; width:105px;}


ul#main-navigation ul.sc-nav { position: absolute; z-index: 102; top: 0; left: 0; height: auto; width: 194px; margin: 0; padding: 0; display: none; background: #4ea0cf url('../_img/dd-bg-sc.gif') repeat-y; }
#main-navigation li.sfhover ul { position: absolute; z-index: 999; }
ul#main-navigation li:hover ul, ul#main-navigation li.sfhover ul { display: block; }
ul#main-navigation li ul li, ul#main-navigation li ul li a { background-image: none; text-indent: 0; height: auto; clear: both; text-indent: 0; padding: 0; margin: 0; left: 0; top: 0; line-height: 1.5em; clear: both; width: 185px; float: left; text-decoration: none; color: #9a9895; }
ul#main-navigation li ul li { margin: 0; width: 185px; }
ul#main-navigation li#fun ul li { width: 105px; }

ul#main-navigation li ul li a { padding: 3px 9px 4px 14px; margin: 0; width: 118px; color: #fff; position: static; }
ul#main-navigation li ul li.selected a { color: #fff; }
ul#main-navigation li ul li a:hover {  background-color: #a1000e; }
ul#main-navigation li.red-border { width:200px; height:1px; background-color: #262626; margin:0; padding:0; overflow:hidden;}
ul#main-navigation li.red-border-sm { width:185px; height:1px; background-color: #262626; margin:0; padding:0; overflow:hidden;}
ul#main-navigation li.red-border-fun { width:105px; height:1px; background-color: #262626; margin:0; padding:0; overflow:hidden;}
ul#main-navigation li.red-border-head { width:185px; height:1px; background-color: #262626; padding:0; margin:5px 0;overflow:hidden;}
ul#main-navigation li.blue-border { width:194px; height:1px; background-color: #262626; margin:0; padding:0;overflow:hidden;}
ul#main-navigation li.blue-border-head { width:194px; height:1px; background-color: #83bddd; padding:0; margin:5px 0;overflow:hidden;}


/* overide inherited widths and bg image */
ul#main-navigation li#home ul li a, ul#main-navigation li#dog ul li a, ul#main-navigation li#about ul li a, ul#main-navigation li#fun ul li a, ul#main-navigation li#contact ul li a,
ul#main-navigation li#home.selected ul li a, ul#main-navigation li#dog.selected ul li a, ul#main-navigation li#about.selected ul li a, ul#main-navigation li#fun.selected ul li a, ul#main-navigation li#contact.selected ul li a
{ width: 177px; height: auto; text-indent: 0; background: no-repeat 5px 9px; }
ul#main-navigation li#home ul li a.sm, ul#main-navigation li#dog ul li a.sm, ul#main-navigation li#about ul li .sm, ul#main-navigation li#fun ul li a.sm, ul#main-navigation li#contact ul li a.sm,
ul#main-navigation li#home.selected ul li a.sm, ul#main-navigation li#dog.selected ul li a.sm, ul#main-navigation li#about.selected ul li a.sm, ul#main-navigation li#fun.selected ul li a.sm, ul#main-navigation li#contact.selected ul li a.sm
{ width: 162px; height: auto; text-indent: 0; background: no-repeat 5px 9px; }
ul#main-navigation li#cat ul li a, ul#main-navigation li#cat.selected ul li a { width: 170px; height: auto; text-indent: 0; background: no-repeat 5px 9px; }
ul#main-navigation li#home ul li a:hover, ul#main-navigation li#dog ul li a:hover, ul#main-navigation li#about ul li a:hover, ul#main-navigation li#fun ul li a:hover, ul#main-navigation li#contact ul li a:hover,
ul#main-navigation li#home.selected ul li a:hover, ul#main-navigation li#dog.selected ul li a:hover, ul#main-navigation li#about.selected ul li a:hover, ul#main-navigation li#fun.selected ul li a:hover, 
ul#main-navigation li#contact.selected ul li a:hover
{ background-color: #262626; }
ul#main-navigation li#cat ul li a:hover, ul#main-navigation li#cat.selected ul li a:hover {background-color:#262626; }
/* set the fake "selected" nav item image, when mouseover */
ul#main-navigation li#dog ul li.sel-dog, ul#main-navigation li#cat ul li.sel-cat, ul#main-navigation li ul li.sel-about, ul#main-navigation li ul li.sel-fun, ul#main-navigation li ul li.sel-contact { margin: 0; clear: left; }
ul#main-navigation li#dog ul li.sel-dog a, ul#main-navigation li#cat ul li.sel-cat a, ul#main-navigation li ul li.sel-about a, ul#main-navigation li ul li.sel-fun a, ul#main-navigation li ul li.sel-contact a
{ height: 42px; text-indent: -999em; float: left; clear: left; display: block; margin: 0 0 0 0px; padding: 0; border: 0; }
ul#main-navigation li#dog ul li.sel-dog a { margin-left: 0px; }
ul#main-navigation li#dog ul li.sel-dog, ul#main-navigation li#dog ul li.sel-dog a, ul#main-navigation li#dog ul li.sel-dog a:hover { width: 200px; height: 42px; text-indent: -999em; background: url('../_img/nav-new.gif') -53px -44px;}
ul#main-navigation li#cat ul li.sel-cat, ul#main-navigation li#cat ul li.sel-cat a, ul#main-navigation li#cat ul li.sel-cat a:hover { width: 194px; height: 42px; text-indent: -999em; background: url('../_img/nav-new.gif') -253px -44px; }
ul#main-navigation li#about ul li.sel-about, ul#main-navigation li#about ul li.sel-about a, ul#main-navigation li#about ul li.sel-about a:hover { width: 92px; height: 42px; text-indent: -999em; background: url('../_img/nav-new.gif') -447px -44px;}
ul#main-navigation li#fun ul li.sel-fun, ul#main-navigation li#fun ul li.sel-fun a, ul#main-navigation li#fun ul li.sel-fun a:hover { width: 88px; height: 42px; text-indent: -999em; background: url('../_img/nav-new.gif') -539px -44px;}


ul#main-navigation li#about a:hover {}
ul#main-navigation li#cat ul li.sel-cat { }
/*ul#main-navigation li#cat ul li.sel-cat { margin: 0; clear:left; float:none; position:relative; z-index:205;}*/
ul#main-navigation li ul li.sel-about { margin: 0; clear: left; float:none;position:relative; left:93px; z-index:203;}
ul#main-navigation li ul li.sel-fun { margin: 0; clear: left; float:none;position:relative; left:17px; z-index:198;}
ul#main-navigation li#fun ul li a:hover { width:82px;}


/* bottom of nav lists */
ul#main-navigation li.bottom { margin: 6px 0 -10px; position: relative; bottom: 0; left: 0; border:none;}

/* -------------------- */
/* phew! end navigation */
/* -------------------- */