/* CSS Document */

/*GLOBAL STYLES*/
body { margin:0px; padding:0px; margin-bottom:10px; font-family:Helvetica, sans-serif; font-size:12px;}
body img { border:0px; text-decoration:none;}
h2 {font-family:"Times New Roman", Times, serif; font-size:24px; margin:0px; margin-top:10px; margin-bottom:10px; padding:0px; display:block; color:#674313; }
h3 {font-family:"Times New Roman", Times, serif; font-size:18px; margin:0px; margin-top:5px; margin-bottom:5px; padding:0px; display:block; color:#b33d36; }
#centered { width:896px; margin-left:auto; margin-right:auto;}
.divider { background-image:url(../images/div-stretch_3x1.gif); background-repeat:repeat-x; height:1px; line-height:1px; font-size:1px;}
#clear {clear:left; line-height:1px; font-size:1px;}

/*HEADER*/
#header { background-image:url(../images/header-bg_324x102.gif); background-repeat:repeat-x; height:125px;}
#header div.logo { width:214px; height:124px; float:left;}
ul.menu { margin:0px; padding:0px; float:left; margin-top:55px;}
ul.menu li.menuActive, ul.menu li.menuSelect { display:inline; margin:0px; float:left;}
a.menuHome, a.menuAbout, a.menuBrands, a.menuLicensed, a.menuContact {display:block; height:38px; background-repeat:no-repeat; text-decoration:none; }
ul.menu a span { visibility:hidden; } 

/*MENU*/
.menuActive a.menuHome { width: 90px; background: url(../images/bar-home_active_90x38.gif) 0 0;}
.menuActive a.menuAbout { width: 117px; background: url(../images/bar-about_active_117x38.gif) 0 0;}
.menuActive a.menuBrands { width: 100px; background: url(../images/bar-brands_active_100x38.gif) 0 0;}
.menuActive a.menuLicensed { width: 182px; background: url(../images/bar-licensed_active_182x38.gif) 0 0;}
.menuActive a.menuContact { width: 110px; background: url(../images/bar-contact_active_110x38.gif) 0 0;}
.menuSelect a.menuHome { width: 90px; background: url(../images/bar-home_90x76.gif) 0 0;}
.menuSelect a.menuAbout { width: 117px; background: url(../images/bar-about_117x76.gif) 0 0;}
.menuSelect a.menuBrands { width: 100px; background: url(../images/bar-brands_100x76.gif) 0 0;}
.menuSelect a.menuLicensed { width: 182px; background: url(../images/bar-licensed_182x76.gif) 0 0;}
.menuSelect a.menuContact { width: 110px; background: url(../images/bar-contact_110x76.gif) 0 0;}
.menuSelect a:hover { background-position: 0px -38px; }

/*DROP DOWN*/
#cssdropdown, #cssdropdown ul { list-style: none; }
#cssdropdown li { float: left; position: relative; z-index:100;}
.subuls{ display: none; width:150px; position: absolute; top: 38px; margin:0px; margin-left:20px; padding:0px; background-color:#FFFFFF; border: 1px solid #666666; border-top:1px solid #cccccc; opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90); }
.subuls li{ }
.subuls li a{ text-decoration: none; width: 137px;  padding:5px 8px 5px 5px; display:block; font-weight:700; color:#333333; }
.subuls li a:hover{ background-color:#dddddd; color:#000000; }
#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto; left: auto; }
#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block; }

/*LEFT NAVIGATION*/
.lnav{ width:206px; float:left; padding-left:8px; margin-right:8px;}
.lnavBox { background-image:url(../images/lnav-stretch_199x115.gif); background-repeat:repeat-y; width:199px; margin-top:20px;}
.lnavBox div.lnavTop {background-image:url(../images/lnav-top_199x38.gif); background-repeat:no-repeat; width:188px; height:25px; padding-top:13px; padding-left:11px; font-weight:700; font-size:14px;}
.lnavBox div.lnavContent { padding:0 6px}
.lnavBox div.lnavDiv { background-image:url(../images/lnav-green_div_1x4.gif); background-repeat:repeat-x; height:4px; line-height:1px; font-size:1px;}
.lnavBox div.lnavDesc { background-color:#f8f1d5; padding:7px; color:#333333;}
.lnavBox ul { padding:0px; margin:0px; }
.lnavBox ul li { margin:0px; padding:0px; }
.lnavBox ul li a.lnav-nutwalker, .lnavBox ul li a.lnav-naturessensation, .lnavBox ul li a.lnav-heritage, .lnavBox ul li a.lnav-goldfish, .lnavBox ul li a.lnav-firstdragon { display:block; color:#b33d36; font-weight:700; text-decoration:none; padding-left:95px;}
.lnavBox ul li a:hover { text-decoration:underline;} 
.lnavBox ul li a.lnav-nutwalker { height:32px; padding-top:18px; background-image:url(../images/lnav-nutwalker_69x40.gif); background-repeat:no-repeat;}
.lnavBox ul li a.lnav-naturessensation { height:40px; padding-top:10px; background-image: url(../images/lnav-naturessensation_72x40.gif); background-repeat:no-repeat;}
.lnavBox ul li a.lnav-heritage { height:32px; padding-top:18px; background-image: url(../images/lnav-heritage_67x40.gif); background-repeat:no-repeat;}
.lnavBox ul li a.lnav-goldfish { height:32px; padding-top:18px; background-image: url(../images/lnav-goldfish_61x47.gif); background-repeat:no-repeat;}
.lnavBox ul li a.lnav-firstdragon { height:32px; padding-top:18px; background-image: url(../images/lnav-firstdragon_61x43.gif); background-repeat:no-repeat;}
div.lnavBottom {background-image: url(../images/lnav-bottom_199x12.gif); background-repeat:no-repeat; width:199px; height:12px; display:block; }
/**/
.treeview ul{ /*CSS for Simple Tree Menu*/ margin: 0; padding: 0; }
.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/ list-style-type: none; padding-left: 2px; margin-bottom: 3px; }
.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */ cursor: hand !important; cursor: pointer !important; }
.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */ display: none; /*Hide them by default. Don't delete. */ margin-left:20px; }
.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */ cursor: default; margin-bottom:10px; }
.treeview .submenu ul li a { color:#b33d36; text-decoration:none; background-image:url(../images/icon-red_arrow_5x5.gif); background-position:left; background-repeat:no-repeat; padding-left:10px;}
.treeview .submenu ul li a:hover { text-decoration:underline;}

/*CONTENT AREA*/
.content { width:674px; float:left; position:relative; bottom:10px;}
#breadCrumbs { font-size:10px; color:#333333;}
#breadCrumbs a { color:#b33d36; }
/*FOOTER*/
#footer {width:888px; margin-left:auto; margin-right:auto; padding-left:8px; margin-top:15px; color:#666666; font-size:11px;}
#footer div.footerCopy { float:left; width:300px; margin-top:5px;}
#footer div.footerLinks { float:left; width:588px; text-align:right; margin-top:5px;}
#footer div.footerLinks a { color:#b33d36; text-decoration:none; margin-left:5px; margin-right:5px;}
#footer div.footerLinks a:hover { text-decoration:underline;}