/* CSS for wildgamemeats.com - Last updated April 2008 */
/* Author: Tyler Fawcett - tf[at]tylerfawcett[dot]com */


/* universal */
body {margin: 0; padding: 0; text-align: center; background: url(../img/inside-bg.jpg) 0 6px repeat-x #455b36; font-family: 'tahoma', 'trebuchet ms', arial, sans-serif; font-size: large; border-top: 6px solid #232f1a;}
a:link, a:visited, a:active, a:hover {color: #e5da92; text-decoration: none; font-weight: normal;}
a:hover {text-decoration: underline;}
ul {margin-top: 8px; margin-bottom: 30px; line-height: 1.3em;}
ul li {margin-bottom: 0px;}
h3 {margin: 25px 0 3px 0; padding: 0 0 2px 0; border-bottom: 1px dotted #627c51; color: #fff; font-size: 110%; line-height: 1em; font-weight: bold; font-variant: small-caps;}


/* splash page */
#splash-text {color: #a9a56d; color: #fff; width: 500px; height: 115px; margin: 205px auto;}
#splash-text p {margin: 0 20px 20px 20px; font-size: 11px; line-height: 1.6em;}
#enter-site {margin: -191px auto; width: 500px; text-align: right;}
body#splash {background: url(../img/page-bg.jpg) top repeat-x #455b36;}
#wrap-splash {margin: 0 auto; width: 100%; height: 625px; background: url(../img/home-page-bg-short.jpg) top center no-repeat; text-align: center;  line-height: 1.4em;}
#top-menu {margin: 15px auto; height: 25px;}
#top-menu ul {margin: 0;}
#top-menu ul li.link {margin: 0 10px 0 10px; display: inline;}
#top-menu ul li.bullet {color: #95a08e; font-weight: bold; display: inline; font-size: 10px; vertical-align: -10%;}
#top-menu a:link, #top-menu a:visited, #top-menu a:active, #top-menu a:hover {text-transform: uppercase; color: #fff; text-decoration: none; font-weight: bold; padding: 0px 6px 0px 4px; font-size: 10px;}
#top-menu a:hover {background: #272e22;}


/* page container */
#container {margin: 0 auto; width: 918px; text-align: left; background: url(../img/inside-bg-png.png) top center no-repeat; min-height: 480px; padding: 0 20px 0 20px;}


/* header */
#header {height: 72px; width: 100%;	position: relative;}
#header h1 {font-size: 150%; font-weight: bold; display: none;}
#header b {display: none;}
#header h4 {float: right; margin: 0; padding: 0; background: url(../img/proud_supplier_tag.gif) no-repeat transparent; width: 232px; height: 42px; display: none;}
img.logo-trans {float: left; width: 238px; height: 125px; border: 0; position: absolute;}


/* top navigation */
#topnav {height: 32px; text-align: right; line-height: 32px; padding-right: 2px; font-size: 100%;}
#topnav h3 {display: none;}
#topnav ul {margin: 0; list-style: none; padding: 0 1px 0 0;}
#topnav ul li {margin: 0 0 0 15px; display: inline;}
#topnav a:link, #topnav a:visited, #topnav a:active, #topnav a:hover {text-decoration: none; font-weight: normal; font-size: 75%; border: 0; background: none; text-transform: uppercase; color: #fff; line-height: 30px;}
#topnav a:hover {text-decoration: none; color: #e5da92;}


/* text sizer */
#text-size {color: #fff; font-size: 75%; margin-top: 4px; display: inline;}
a.txt-size {margin: 0 3px 0 3px;}
a.txt-size img {width: 18px; height: 18px; border: 0; padding: 0; margin: 0;}


/* main product menu */
#product-menu {float: left; padding: 46px 0 40px 0;}
#product-menu h3 {display: none;}
#product-menu ul {margin: 0; width: 238px; list-style: none; padding: 0; background: #455b35; border-top: 1px solid #455b35; border-bottom: 1px solid #455b35;}
#product-menu ul li {margin: 0 0 1px 0;}
#product-menu a:link, #product-menu a:visited, #product-menu a:active, #product-menu a:hover, #product-menu li.prod-sel {text-transform: uppercase; color: #fff; text-decoration: none; font-weight: normal; padding: 0 6px 1px 10px; font-size: 90%; background: #2e3e25; display: block; border: 0; line-height: 2.2em; font-variant: small-caps;}
#product-menu a:hover {background: #232f1a;}
#product-menu li.prod-sel {background: #9d8f46;}
#menu-fade {height: 85px; width: 238px; background: url(../img/sidebar-bg.jpg) repeat-x;}


/* main content area */
#contents {float: left; margin: 0 ; padding: 0px 0px 40px 0px;}
#contents-pad {padding: 0 0 10px 18px; width: 660px; color: #fff; font-size: 90%;}
#contents p {padding: 1em 0 1em 0; margin: 0; line-height: 1.4em;}
#contents-text {padding-top: 0.5em;}
.page-desc {margin: 15px 0 10px 0;}
.page-desc h4 {font-size: 120%; margin: 0; padding: 7px 0 1px 0; border-bottom: 1px dotted #6a7c5d; color: #fff; font-variant: small-caps;}
.page-desc p {padding: 0; margin: 0; font-size: 95%;}
.prod-photo-l {float: left; margin: 0 14px 12px 0; border: 3px solid #6a7c5d;}
.prod-photo-r {float: right; margin: 0 0 12px 14px; border: 3px solid #6a7c5d;}
.content-ul {clear: both; background: url(../img/shaded-ul.png) top no-repeat; height: 16px;}


/* page name */
#page-info {padding: 0;}
#page-info h2 {font-size: 150%; margin: 0; padding: 0; text-transform: uppercase; line-height: 46px; color: #fff; height: 46px; width: 275px; background-repeat: no-repeat; background-position: 0 14px; border:}
#page-info h2 b {visibility: hidden;}
#page-info .chicken {background: url(../img/ttl/bg_chicken.jpg) top right no-repeat; height: 46px; margin-right: -14px;}


/* product information table headers */
.prod-title {border: 1px solid #6a7c5d; background: #2d3d22; padding: 0; border-bottom: none; margin-top: 15px; text-align: center; clear: both;}
.flag-icon {float: right; margin: -26px 7px 0 0;}
.flag-icon span {font-size: 85%; color: #d7dad4; vertical-align: 1px; margin: 0;}
.flag-icon img {border: 1px solid #556946; margin-left: 6px;}
.prod-title h4 {font-size: 105%; font-weight: bold; color: #fff; background: #232f1a; display: block; line-height: 2.0em; margin: 0; font-variant: small-caps; padding-bottom: 1px;}
.url-out {display: block; margin-top: 0px; font-weight: normal; font-size: 90%; padding: 1px 0 2px 0; border-top: 1px solid #38472d;}
.prod-desc {font-style: italic; font-size: 85%; display: block; padding: 0 0 4px 0;}
.prod-notes {text-align: center; margin: 20px 0 20px 0; border: 1px dotted #a1ae80; background: url(../img/icons/info.png) top left no-repeat #889664; background-position: 6px 5px; color: #fff; padding: 4px; font-size: 80%; font-weight: bold; text-transform: uppercase;}


/* product information table body */
table.prod-info {border: 1px solid #6a7c5d; clear: both;}
table.prod-info td {padding: 0.2em 3px 0.2em 6px;}
td.item {text-align: left; border-right: 1px solid #556946; border-bottom: 1px solid #556946; color: #fff;}
td.weight {text-align: center; border-right: 1px solid #556946; border-bottom: 1px solid #556946; width: 90px;}
td.pack-size {text-align: center; border-right: 1px solid #556946; border-bottom: 1px solid #556946; width: 90px;}
td.notes {text-align: center; border-bottom: 1px solid #556946; width: 110px;}
tr.prod-head td {font-weight: bold; background: #384b2b; border-bottom: 1px solid #6a7c5d; text-transform: uppercase; font-size: 90%; color: #fff; font-variant: small-caps;}
tr.prod-head td.weight, tr.prod-head td.item, tr.prod-head td.pack-size {border-right: 1px solid #6a7c5d;}
tr.prod-even td {background: #455b36;}
tr.prod-odd td {background: #4b613c;}
table.prod-info .prod-sub {padding-left: 10px; background: url(../img/prod-sub-bg.png) 2px 7px no-repeat;}
table.prod-info .prod-cat {font-style: italic;}
table.prod-info td.label, table.prod-info td.value {text-align: left; border-right: 1px solid #556946; border-bottom: 1px solid #556946; color: #fff;}
table.prod-info td.label {width: 160px;}

/* about us graphical buttons */
ul.abt {margin: 10px 0 0 0; padding: 0; list-style-type: none;}
ul.abt li {display: block; float: left; background: top left no-repeat; margin: 0 5px 10px 0; position: relative;}
ul.abt li a {display: block; float: left; color: #fff; font-variant: small-caps; font-size: 110%; width: 160px; height: 80px;}
ul.abt li a:hover {text-decoration: none;}
ul.abt li a i {position: absolute; bottom: 13px; left: 5px; font-style: normal; font-weight: normal;}
ul.abt li.beef a {background-image: url(../img/abt/beef.png);}
ul.abt li.chicken a {background-image: url(../img/abt/chicken.png);}
ul.abt li.lamb a {background-image: url(../img/abt/lamb.png);}
ul.abt li.pork a {background-image: url(../img/abt/pork.png);}
ul.abt li.veal a {background-image: url(../img/abt/veal.png);}
ul.abt li.wildgame a {background-image: url(../img/abt/wildgame.png);}
ul.abt li.duck a {background-image: url(../img/abt/duck.png);}
ul.abt li.gamebirds a {background-image: url(../img/abt/gamebirds.png);}
ul.abt li.other a {background-image: url(../img/abt/other.png);}
ul.abt li.value a {background-image: url(../img/abt/value.png);}



/* temporary 'coming soon' watermarked background */
#coming-soon {text-align: center; padding-top: 130px; padding-bottom: 80px; background: url(../img/watermark.gif) transparent no-repeat center; margin-top: 20px;}


/* side content (below main product menu) */
.side-content {width: 238px;}
.bluebox {background: #3a6877; border: 1px solid #5b828f; margin-bottom: 20px;}
.bluebox h4 {font-size: 80%; color: #fff; margin: 0; padding: 4px 9px 4px 9px; text-transform: uppercase; background: #345c69; border-bottom: 1px solid #5b828f;}
.bluebox div {padding: 6px 9px 6px 9px; color: #fff; font-size: 80%;}
.goldbox {background: #bfb263; border: 1px solid #cfc377; margin-bottom: 20px;}
.goldbox h4 {font-size: 80%; color: #49421e; margin: 0; padding: 4px 9px 3px 9px; text-transform: uppercase; background: #b4a34b; border-bottom: 1px solid #cfc377;}
.goldbox div {padding: 4px 9px 4px 9px; color: #49421e; font-size: 80%;}
.whitebox {background: #bfb263; border: 1px solid #cfc377; margin-bottom: 20px;}
.whitebox h4 {font-size: 80%; color: #49421e; margin: 0; padding: 4px 9px 3px 9px; text-transform: uppercase; background: #b4a34b; border-bottom: 1px solid #cfc377;}
.whitebox div {padding: 4px 9px 4px 9px; color: #49421e; font-size: 80%;}


/* footer and copyright */
#footer {clear: both; width: 100%; background: #526843; text-align: center; border-top: 9px solid #526843; border-bottom: 9px solid #526843; font-size: 75%; margin-top: 0px; text-transform: uppercase;}
#footer ul {margin: 0 auto; width: 918px; text-align: right; padding: 0;}
#footer ul li {margin: 0 2px 0 20px; display: inline; color: #fff; font-weight: bold;}
#footer a {font-size: 100%;}
#copyright {text-align: right; width: 918px; margin: 10px auto; font-size: 75%; color: #7d946e; padding-bottom: 30px; padding-right: 2px;}