/* CSS Document */ /* CLEAR DEFAULTS & SET PAGE ---------------------------------------------------*/ h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p, blockquote, img, label {margin:0px; padding:0px;} img {border:none} table, tr, td, th {/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse}/* sets declarations for all tables throughout the site */ table th {text-align: left; speak-header: always} th {speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/ a:link, a:visited {color:#743c00; text-decoration:none;} a:hover, a:active {color:#b05b00; text-decoration:none;} input, select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;} label {cursor: pointer; margin-bottom: 5px} /* Set html & body --------------------------------------------------*/ html {width:100%;} body {position:relative; width:100%; min-width:760px; margin:0 auto; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; color:#434343; background:url(../images/bkgd_olivebranches.gif) top no-repeat #181800;} #container {position:relative; width:760px; min-height:300px; margin:0 auto; left:0px; padding:0px; z-index:1;} /* BRANDING / NAVIGATION ---------------------------------------------------*/ #branding {position:relative; width:760px; height:92px; margin-top:30px;} #branding h2 {position:absolute; left:-9997px;} #branding #logo {position:relative; width:760px; height:55px; background-color:#5b5b00;} #branding img.logo {margin:13px 0px 0px 27px;} /*Main Navigation*/ #nav {position:relative; width:760px; height:24px; margin-top:3px; background-color:#3d3d00;} #nav h2 {position:absolute; left:-8999px;} #nav ul {padding:4px 0px 0px 22px; list-style:none;} #nav ul li {float:left; margin:0px 7px;} #nav ul li a {display:block; color:#848e36;} #nav ul li a:hover, a:active {color:#b77900; text-decoration:none;} #pg_home #nav_home a {color:#b77900;} #pg_products #nav_products a {color:#b77900;} #pg_about #nav_about a {color:#b77900;} #pg_club #nav_club a {color:#b77900;} #pg_harvest #nav_harvest a {color:#b77900;} #pg_recipes #nav_recipes a {color:#b77900;} #pg_news #nav_news a {color:#b77900;} #pg_faq #nav_faq a {color:#b77900;} #pg_contact #nav_contact a {color:#b77900;} #pg_where #nav_where a {color:#b77900;} /* CONTENT & FORMATTING ---------------------------------------------------*/ #content {position:relative; width:760px; background:url(../images/bkg_oliveleaves_int.gif) bottom right no-repeat #6b6b19;} #content ul {list-style:none; margin-bottom:10px;} #content ol {padding:0px 0px 20px 20px;} #content #text {float:left; width:459px; background-color:#f9fae8; clear:both; padding:23px 27px; min-height:249px;} #content #text a:link, a:visited {color:#743c00;} #content #text a:hover, a:active {color:#b05b00;} #content h1 {border-bottom:dotted #5b5b00 thin; margin-bottom:12px; padding-bottom:10px;} #content .floatleftimg {float:left; margin:0px 15px 15px 0px;} #content #brandingbox {float:left; width:247px;} #content #brandingbox img {float:left; margin:0px; padding:0px;} #content #brandingbox a {display:block;} p {margin-bottom:10px;} b {font-weight:bold; color:#9a9a32;} h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; font-weight:normal; color:#b77900;} h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; color:#9a9a32; margin-bottom:8px;} h3 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#3d3d00; margin-bottom:5px;} h4 {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:normal; margin-bottom:5px;} h5 {} h6 {} .left {float:left;} .leftimg {float:left;margin:10px;} .right {float:right;} .clear {clear:both;} .last {margin-bottom:10px;} .center {margin-left:180px;} .box {border:1px solid #999; padding:3px;} .box p {margin-bottom:0px;line-height:16px} /* HOME CONTENT ---------------------------------------------------*/ #pg_home #content {position:relative; width:760px; height:313px;} #pg_home #content h1 {position:absolute; left:-9996px;} #pg_home #club {float:left; margin:10px 10px 0px 0px; width:247px;} #pg_home #club a {display:block;} #pg_home .top {width:247px; height:30px; background-color:#614000;} #pg_home .btm {width:247px; height:78px; background-color:#b77900;} #pg_home .btm p {font-size:12px; color:#614000; line-height:18px; padding:11px 11px 0px 11px;} #pg_home .btm b {color:#743c00;} #pg_home #buy {float:left; margin:10px 10px 0px 0px; width:247px;} #pg_home #buy a {display:block;} #pg_home #buy .top {background-color:#3d3d00;} #pg_home #buy .btm {background-color:#5b5b00;} #pg_home #buy .btm p {color:#969801;} #pg_home #buy .btm p a:link, a:visited {color:#969801;} #pg_home #buy .btm p a:hover, a:active {color:#969801;} #pg_home #newsletter {float:left; margin:10px -5px 0px 0px; width:247px;} #pg_home #newsletter a {display:block;} #pg_home #newsletter .top {background-color:#512a00;} #pg_home #newsletter .btm {background-color:#743c00;} #pg_home #newsletter .btm p {color:#b75f00;} #pg_home #newsletter .btm p a:link, a:visited {color:#b75f00;} #pg_home #newsletter .btm p a:hover, a:active {color:#b75f00;} /* Specific Pages ---------------------------------------------------*/ #pg_faq #content h2 {font-size:16px;} #pg_faq #content #faq {margin:5px 5px 5px 20px;} #pg_faq #content #faq th {font-weight:bold; font-size:12px;} #pg_faq #text ul li {list-style-type:disc; margin:0px 0px 3px 12px;} #pg_recipes h2 span {font-size:12px; font-style:italic;} #pg_news h4 {margin-bottom:12px;} #pg_news h3.bold {font-weight:bold;} #pg_club ul.club li {font-size:12px; list-style-type:disc; margin:0px 0px 3px 12px;} #pg_club ul.club b {color:#512a00;} #pg_harvest #content #text {float:left; width:706px; background-color:#f9fae8; clear:both; padding:23px 27px; min-height:249px;} #pg_harvest #flashcontent {width:706px; height:472px; background-color:#FFF;} #pg_harvest p.flashtext {padding:200px 0px 0px 100px;} #pg_products .products {width:457px; height:auto; overflow:auto; border-bottom:dotted 1px #c1c26e; padding-bottom:15px; margin-bottom:15px;} #pg_products .productshots {float:left; width:170px;} #pg_products .productshots img {border:solid 1px #cbcc95;} #pg_products .productstxt {float:left; width:272px; margin-left:15px;} *html #pg_products .productstxt {float:left; width:257px; margin-left:15px;} #pg_buynow #content #text {float:left; width:706px; background-color:#f9fae8; padding:23px 27px; min-height:249px;} #pg_buynow ul.club li {font-size:12px; list-style-type:disc; margin:6px 0px 3px 12px;} #pg_contact #newsletter {width:451px; height:20px; margin-top:20px; padding:6px 0px 0px 8px; background-color:#512a00;} #pg_contact #newsletter h4 {color:#b05b00; text-transform:uppercase; letter-spacing:3px;} /* Products Form ---------------------------------------------------*/ /* Newsletter Form ---------------------------------------------------*/ .form_row {width:100%; margin:10px 0px;} .form_req {float:left; width:12px; color:#990000;} .form_label {float:left; width:90px;} /* SITE INFO (footer) ---------------------------------------------------*/ #siteinfo {position:relative; margin-top:5px; margin-bottom:60px;} #siteinfo cite {font-style:normal; color:#3d3d00;} #siteinfo cite a:link, a:visited {color:#3d3d00; text-decoration:none;} #siteinfo cite a:hover, a:active {color:#969801; text-decoration:none;}