@charset "utf-8";
/* CSS Document */
/* Import CSS CSS */
@import url("reset.css");
@import url("contribute.css");
/* End Import */

/* ***Main Layout Styles*** */
/* ***Document Wide Positioning*** */
body { background: #E3F1F7 url(../images/bg.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; }
#wrapper { margin: 0 auto; width: 640px; }
#container-top { background: url(../images/bg-content-top.jpg) no-repeat top center; float: left; width: 640px; }
#container { background: url(../images/bg-content.jpg) repeat-y center; float: left; width: 640px; }
#container-bottom { background: url(../images/bg-content-bottom.jpg) no-repeat bottom center; float: left; width: 640px; height: 10px; }

#content-cont { width: 600px; margin: 0 auto; }
#content { float: left; width: 600px; padding: 15px 0px 20px 0px; }
#content-left { float: left; width: 350px; padding: 0px 15px 0px 15px; border-right: solid 1px #4D4D4D; }
#content-right { float: left; width: 189px; padding: 0px 15px 0px 15px; }

/* ***Document Wide Text Styles*** */
h1 { font-size: 20px; font-weight: normal; color: #E27A13; padding-bottom: 10px; }
h2 { font-size: 18px; font-weight: normal; color: #E27A13; padding-bottom: 10px; }
h3 { font-size: 16px; font-weight: normal; color: #E27A13; padding-bottom: 10px; }
h4 { font-size: 20px; font-weight: normal; color: #30A7D1; padding-bottom: 10px; }
h5 { font-size: 18px; font-weight: normal; color: #30A7D1; padding-bottom: 10px; }
h6 { font-size: 16px; font-weight: normal; color: #30A7D1; padding-bottom: 10px; }
p { font-size: .8em; color: #3F3F3F; padding-bottom: 1.2em; line-height: 1.4em; }
ul.list { font-size: .8em; color: #3F3F3F; padding: 0px 40px 10px 25px; }
ul.list li { padding-bottom: 5px; }
.bold { font-weight: bold; }
a { color: #48A7D3; }
#map { float: left; width: 340px; height: 250px; }

label { float: left; font-size: .8em; font-style: italic; color: #3F3F3F; padding-bottom: 10px; line-height: 1.4em; }
.input-email { float: left; width: 181px; background: #F7F7F7; border: solid 1px #808080; height: 21px; padding: 3px 3px 0px 3px; color: #3F3F3F; }
#send_entry { background: url(../images/but-send-entry.jpg) no-repeat; float: right; width: 77px; height: 26px; border: none; cursor: pointer; margin-top: 8px; }

/* ***Top and Bottom Navigation Styles*** */
#banner { background: url(../images/banner.jpg) no-repeat 38px 32px; float: left; width: 640px; height: 128px; padding: 0px 0px 5px 0px; }
#banner-link a { background: url(../images/but-catalogue.jpg) no-repeat; float: right; width: 156px; height: 80px; margin: 10px 38px 0px 0px; }
* html #banner-link a { margin-top: 5px; }
#flash { float: left; width: 580px; height: 70px; padding-left: 30px; }

#top-nav-cont { background: url(../images/nav-top-bg.png) no-repeat; float: right; width: 314px; height: 54px; margin-top: 15px; }
* html #top-nav-cont { behavior: url(../images/iepngfix.htc); float: right; width: 314px; height: 54px; margin-top: 15px; }
ul#top-nav { float: left; width: 308px; list-style: none; padding: 11px 0px 0px 6px; }
* html ul#top-nav { padding-left: 2px; }
	ul#top-nav li { float: left; height: 13px; margin: 0px 5px 0px 5px; }
	ul#top-nav li a { float: left; height: 13px; }
	ul#top-nav li#home { background: url(../images/nav-home.png) no-repeat; width: 30px; }
	ul#top-nav li#business { background: url(../images/nav-business.png) no-repeat; width: 114px; }
	ul#top-nav li#future { background: url(../images/nav-future.png) no-repeat; width: 73px; }
	ul#top-nav li#contact { background: url(../images/nav-contact.png) no-repeat; width: 38px; }
	ul#top-nav li#home a { background: url(../images/nav-home.png) no-repeat; width: 30px; }
	ul#top-nav li#business a { background: url(../images/nav-business.png) no-repeat; width: 114px; }
	ul#top-nav li#future a { background: url(../images/nav-future.png) no-repeat; width: 73px; }
	ul#top-nav li#contact a { background: url(../images/nav-contact.png) no-repeat; width: 38px; }
	ul#top-nav li#home a:hover { background: url(../images/nav-home-over.png) no-repeat; }
	ul#top-nav li#business a:hover { background: url(../images/nav-business-over.png) no-repeat; }
	ul#top-nav li#future a:hover { background: url(../images/nav-future-over.png) no-repeat; }
	ul#top-nav li#contact a:hover { background: url(../images/nav-contact-over.png) no-repeat; }
* html ul#top-nav li { behavior: url(../images/iepngfix.htc); float: left; height: 13px; margin: 0px 5px 0px 5px; }
* html ul#top-nav li a { behavior: url(../images/iepngfix.htc); float: left; height: 13px; cursor: pointer; }
* html ul#top-nav li a:hover { behavior: url(../images/iepngfix.htc); float: left; height: 13px; cursor: pointer; }

#bottom-nav-cont { background: url(../images/nav-footer-bg.png) no-repeat; float: left; width: 273px; height: 49px; padding-bottom: 5px; margin-left: 7px; }
* html #bottom-nav-cont { behavior: url(../images/iepngfix.htc); float: left; width: 273px; height: 49px; padding-bottom: 5px; margin-left: 4px; }
ul#bottom-nav { float: left; width: 273px; list-style: none; padding: 25px 0px 0px 5px; }
* html ul#bottom-nav { padding-left: 0px; }
	ul#bottom-nav li { float: left; height: 10px; margin: 0px 5px 0px 5px; }
	ul#bottom-nav li#home { background: url(../images/nav-foot-home.png) no-repeat; width: 25px; }
	ul#bottom-nav li#business { background: url(../images/nav-foot-business.png) no-repeat; width: 98px; }
	ul#bottom-nav li#future { background: url(../images/nav-foot-future.png) no-repeat; width: 63px; }
	ul#bottom-nav li#contact { background: url(../images/nav-foot-contact.png) no-repeat; width: 32px; }
ul#bottom-nav li a { float: left; height: 10px; }
	ul#bottom-nav li#home a { background: url(../images/nav-foot-home.png) no-repeat; width: 25px; }
	ul#bottom-nav li#business a { background: url(../images/nav-foot-business.png) no-repeat; width: 98px; }
	ul#bottom-nav li#future a { background: url(../images/nav-foot-future.png) no-repeat; width: 63px; }
	ul#bottom-nav li#contact a { background: url(../images/nav-foot-contact.png) no-repeat; width: 32px; }
	ul#bottom-nav li#home a:hover { background: url(../images/nav-foot-home-over.png) no-repeat; }
	ul#bottom-nav li#business a:hover { background: url(../images/nav-foot-business-over.png) no-repeat; }
	ul#bottom-nav li#future a:hover { background: url(../images/nav-foot-future-over.png) no-repeat; }
	ul#bottom-nav li#contact a:hover { background: url(../images/nav-foot-contact-over.png) no-repeat; }
* html ul#bottom-nav li { behavior: url(../images/iepngfix.htc); float: left; height: 10px; margin: 0px 5px 0px 5px; }
* html ul#bottom-nav li a { behavior: url(../images/iepngfix.htc); float: left; height: 10px; cursor: pointer; }
* html ul#bottom-nav li a:hover { behavior: url(../images/iepngfix.htc); float: left; height: 10px; cursor: pointer; }

/* ***Top Banner (title and telephone) Styles*** */



/* ***Product Tabs Styles, Positioning*** */
#products { background: url(../images/bg-products.jpg) repeat-x; float: left; width: 600px; height: 283px; }
#product-nav-cont { float: left; width: 300px; }
ul#product-nav { float: left; width: 300px; list-style: none; padding: 15px 0px 0px 5px; }
ul#product-nav li { float: left; width: 135px; height: 81px; margin: 0px 0px 4px 14px; }
* html ul#product-nav li { margin-left: 7px; }
	ul#product-nav li#chicken { background: url(../images/but-chicken.jpg) no-repeat; }
	ul#product-nav li#fish { background: url(../images/but-fish.jpg) no-repeat; margin-left: 8px; }
	ul#product-nav li#beef { background: url(../images/but-beef.jpg) no-repeat; width: 146px; margin-left: 0px; }
	ul#product-nav li#shrimp { background: url(../images/but-shrimp.jpg) no-repeat; margin-left: 8px; }
	ul#product-nav li#pork { background: url(../images/but-pork.jpg) no-repeat; }
	ul#product-nav li#seafood { background: url(../images/but-seafood.jpg) no-repeat; margin-left: 8px; }
ul#product-nav li a { float: left; width: 135px; height: 81px; }
	ul#product-nav li#chicken a { background: url(../images/but-chicken.jpg) no-repeat; }
	ul#product-nav li#fish a { background: url(../images/but-fish.jpg) no-repeat; }
	ul#product-nav li#beef a { background: url(../images/but-beef.jpg) no-repeat; width: 146px; }
	ul#product-nav li#shrimp a { background: url(../images/but-shrimp.jpg) no-repeat; }
	ul#product-nav li#pork a { background: url(../images/but-pork.jpg) no-repeat; }
	ul#product-nav li#seafood a { background: url(../images/but-seafood.jpg) no-repeat; }
	ul#product-nav li#chicken a:hover { background: url(../images/but-chicken-over.jpg) no-repeat; }
	ul#product-nav li#fish a:hover { background: url(../images/but-fish-over.jpg) no-repeat; }
	ul#product-nav li#beef a:hover { background: url(../images/but-beef-over.jpg) no-repeat; }
	ul#product-nav li#shrimp a:hover { background: url(../images/but-shrimp-over.jpg) no-repeat; }
	ul#product-nav li#pork a:hover { background: url(../images/but-pork-over.jpg) no-repeat; }
	ul#product-nav li#seafood a:hover { background: url(../images/but-seafood-over.jpg) no-repeat; }
ul#product-nav li#chicken a.selected { background: url(../images/but-chicken-over.jpg) no-repeat; }
ul#product-nav li#fish a.selected { background: url(../images/but-fish-over.jpg) no-repeat; }
ul#product-nav li#beef a.selected { background: url(../images/but-beef-over.jpg) no-repeat; }
ul#product-nav li#shrimp a.selected { background: url(../images/but-shrimp-over.jpg) no-repeat; }
ul#product-nav li#pork a.selected { background: url(../images/but-pork-over.jpg) no-repeat; }
ul#product-nav li#seafood a.selected { background: url(../images/but-seafood-over.jpg) no-repeat; }

.product-img { float: right; width: 276px; height: 249px; padding: 17px 18px 0px 0px; display: none; }

/* ***Footer Styles*** */
#footer { float: left; width: 640px; }
p#footer-info { width: 400px; margin: 0 auto; text-align: center; font-size: 11px; padding-bottom: 5px; } 
#footer-right { float: right; width: 400px; padding: 5px 10px 0px 0px; }


#copyright { float: right; clear: both; color: #30A7D1; font-weight: bold; font-style: italic; font-size: 11px; margin: 0px 10px 0px 0px; }
#modernearth a { float: right; clear: both; margin: 0px 10px 0px 0px; }
#binarycanary a { float: right; clear: both; text-decoration: none; font-size: 10px; color: #B3B3B3; margin: 0px 10px 5px 0px; }

/* *** Error Styles *** */
.error { background: #FFFFFF; border: solid 1px #D89C9C; float: left; width: 400px; margin: 10px 10px 10px 10px; padding: 8px 20px 8px 20px; color: #A05353; font-size: .9em; }
* html .error { margin: 10px 25px 10px 25px; }