html { border: 0; }

body { color: #313131; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; text-align: center; background-color: #fff; margin: 0; padding: 0; background-image: url(../graphics/agrishop_01.jpg); background-position: top center; background-repeat: repeat-x; list-style: disc; list-style-position: inside; border: 0; }

div#background { width: 100%; background-image: url(../graphics/agrishop_bg.jpg); background-position: top center; background-repeat: no-repeat;}

div#container { width: 800px; margin: 0 auto; padding: 0; }

td#logo { height: 105px; }

img#logo2 { position: absolute; z-index: 10; }

table#menu { color: #fec03b; height: 50px; background-color: #743c00; }

td.menubaroff3 { width: 200px; }

td.menubaron3 { width: 200px; }

td#left { padding: 15px 30px 15px 15px; }

td.date { color: #fff; font-size: 14px; line-height: 16px; font-weight: bold; padding: 2px 0 0 9px; background-image: url(../graphics/agrishop_12.gif); background-position: top left; background-repeat: no-repeat; }

td.date a { color: #fff; }

td.date span { color: #000; font-size: 180%; line-height: 145%; }

td.blurb { color: #4f4f50; font-size: 12px; line-height: 16px; padding: 0 0 15px; }

td.blurb h3 { color: #282828; text-transform: uppercase; font-style: italic; padding: 0; }

td#content { padding: 15px 35px 15px 4px; }

td#logos { padding: 10px 0; border-top: 1px #818181 solid; border-bottom: 1px #818181 solid; }

td#contact p { font-size: 11px; line-height: 14px; padding: 0; }

td.footer { padding: 10px 15px; }

td.footer, td.footer * { color: #000; font-size: 11px; }
small { font-size: 90%; }

address { font-style: normal; }

p { color: #313131; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 22px; margin: 0; padding: 0 0 10px; }

h1 { color: #955f00; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 22px; text-transform: uppercase; font-weight: bold; line-height: 32px; margin: 0; padding: 0 0 5px; }

h2 { color: #000; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 24px; margin: 0; padding: 0 0 5px; }

h3 { color: #3f3f3f; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 22px; margin: 0; padding: 0 0 5px; }

h4 { color: #3f3f3f; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; line-height: 23px; margin: 0; padding: 0; }

h5 { color: #3f3f3f; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 11px; margin: 0; padding: 0 0 2px; }

h6 { color: #000; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 15px; margin: 0; padding: 2px 0; }

table { border-style: none; }

td {}

form { margin: 0; padding: 0; }

div { margin: 0px; padding: 0px; }

span { margin: 0; padding: 0; }

ul { margin: 0 0 15px; padding: 0 0 0 25px; }

a:link { color: #bc6820; text-decoration: none; }

a:visited { color: #bc6820; text-decoration: none; }

a:hover { color: #000000; text-decoration: none; }

a:active { color: #000000; text-decoration: none; }

a img { border: none; }

/* styles for the input fields*/

input { color: #020101; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 12px; width: 30%; margin: 4px 0; padding: 2px 4px; }

select { margin: 4px 0; }

input#searchbox { width: 100%; margin: 10px 0 0; padding: 6px 0 5px 8px; border: 1px #6c6c6c solid; background-color: #fff; }

input#email { width: 90%; margin: 10px 0 0; padding: 6px 0 5px 8px; border: 1px #6c6c6c solid; background-color: #fff; }

input#submit { width: 91px; height: 35px; margin: 6px 0 0; padding: 0; border-style: none; background-color: transparent; }

textarea { color: #6d6f71; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 11px; width: 80%; height: 75px; margin: 4px 0; padding: 2px 4px; overflow: auto; }

input.submit { cursor: pointer; color: #000; width: 75px; float: right; margin: 10px 0 0 10px; }

/* styles for the weather */

td#todaysweatherimg { text-align: center; height: 90px; vertical-align: middle; border: 1px #8c8c8c solid; background-color: #fff; }

td#todaysweather { vertical-align: bottom; padding: 0 0 0 10px; }

td#todaysweather p.condition { color: #000; font-weight: bold; padding: 0; }

td#todaysweather p.highs { color: #ea0000; padding: 0; }

td#todaysweather p.lows { color: #236d81; padding: 0; }

/* scrolling jquery styles for social media icons */

div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 85px;
  width: 760px;
  /* Add scroll-bars */
  overflow: auto;
}
ul.sc_menu {
  display: block;
  height: 110px;
  /* Max width here, for users without Javascript */
  width: 1500px;
  padding: 5px 0 0 5px;
  /* Remove default margin */
  margin: 0;
  background: url('navigation.png');
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
}
.sc_menu a {
  display: block;
  text-decoration: none;
}
.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}

/* hover effects for social media icons scrolling */

.sc_menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
.sc_menu a:hover span {
  display: block;
}
.sc_menu img {
  border: 3px #fff solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

/* menubar css settings */

ul#ul0 { text-transform: lowercase; padding: 0; margin: 0; }

td.productimagecell {
	width : 100px;
	height : 95px;
	background-image : url(/graphics/frame-pic-holder.gif);
	background-repeat : no-repeat;
}

td.productinfocell {
	padding : 0px;
	margin : 0px;
}

td.productinfocell h2, td.productinfocell a {
	margin : 0px;
	padding : 0px;
}