html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
* {
font-family: georgia, arial, helvetica, sans-serif;
}
html {
height: 100%;
padding: 0 0 1px 0;
font-size: 50%; /* Part one of 1em = 10px */
}
body {
font-size: 125%; /* Part two of 1em = 10px */
/*part 1 of centering hack*/
text-align: center;
background: #f1e5ae url(/images/interface/bg_body.jpg) repeat center top;
}
a {
color: #5c8e3a;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/*a[href="#"] {
color: #ff00f0;
}*/
/* Good to have global classes
--------------------------------*/
.floatright {
float: right;
}
.floatleft {
float: left;
}
.alignright {
text-align: right;
}
.half {
width: 48%;
}
.third {
width: 33%;
}
.hide {
display: none;
}
.nobg {
background: none !important;
}
.noborder {
border: 0 !important;
}
.noborderright {
border-right: 0 !important;
}
.nomargin {
margin: 0 !important;
}
.noclear {
clear: none !important;
}
div.bgleft {
position: absolute;
left: 0;
top: 64px;
width: 145px;
height: 499px;
background: transparent url(/images/interface/bg_left.jpg) no-repeat left top;
z-index: 1;
}
/* Modal overlays */
#overlay {
background-image: url(/images/interface/bg_overlay.png);
width: 650px;
height: 434px;
padding: 10px 0 0 10px;
display: none;
text-align: left;
position: relative;
}
#emergencyoverlay {
background-image: url(/images/interface/bg_overlay_sm.png);
width: 433px;
height: 269px;
padding: 20px 20px 0 20px;
display: none;
text-align: left;
position: relative;
}
#overlay .close,
div.overlay .close {
position: absolute;
right: -14px;
top: -14px;
width: 26px;
height: 26px;
cursor: pointer;
background: transparent url(/images/interface/bg_close.png) no-repeat left top;
}
#overlay #videoreplace p,
div.overlay #videoreplace p {
font-size: 1.3em;
line-height: 1.4em;
color: #423109;
}
#overlayhistorylink,
#overlaylink,
#emergencylink {
width: 0;
height: 0;
overflow: hidden;
}
div.overlay p {
font-size: 1.2em;
line-height: 1.5em;
color: #423109;
margin: 0 0 1.2em 0;
}
div.overlay h2 {
font-size: 2.1em;
color: #a83126;
margin: 0 0 16px 0;
}
#emergencyoverlay div.content {
height: 205px;
overflow: auto;
}
/* MAIN CONTAINER
--------------------------------------------------------------------*/
#wrapper {
background: transparent url(/images/interface/bg_wrapper.jpg) no-repeat center 20px;
}
#wrapperinner {
width: 978px;
/*part 2 of centering hack*/
text-align: left;
margin: 0 auto;
position: relative;
z-index: 10;
}
/* HEADER
--------------------------------------------------------------------*/
#header {
position: relative;
height: 124px;
background: transparent url(/images/interface/bg_headerfooter.png) no-repeat 0 118px;
z-index: 20;
}
#header #logo {
position: absolute;
left: 2px;
top: 30px;
}
#header #globalnav {
list-style-type: none;
position: absolute;
right: 7px;
top: 7px;
}
#header #globalnav li {
float: left;
height: 16px;
padding: 5px 0 0 0;
}
#header #globalnav li a {
display: block;
height: 9px;
text-indent: -9999px;
margin: 0 0 0 21px;
}
#header #globalnav li a.customerlogin {
width: 114px;
background: transparent url(/images/interface/globalnav.png) no-repeat 0 0;
}
#header #globalnav li a.search {
width: 64px;
float: left;
overflow: hidden;
background: transparent url(/images/interface/globalnav.png) no-repeat -115px 0;
}
#header #globalnav li.open a.search {
background: transparent url(/images/interface/globalnav.png) no-repeat -115px -9px;
}
#header #search form {
float: left;
width: 1px;
overflow: hidden;
position: relative;
margin: -5px 0 0 0;
}
#header #search form div {
padding: 0 0 0 1px;
width: 212px;
}
#header #search input {
float: left;
}
#header #search input.type_text {
border-top: 1px solid #9cac6c;
border-bottom: 1px solid #9cac6c;
border-left: 1px solid #9cac6c;
border-right: 0;
width: 176px;
height: 17px;
background-color: #f8f4e4;
font-size: 1.1em;
font-family: arial, helvetica, sans-serif;
padding: 2px 5px 0 5px;
}
/* Main Nav Setup
--------------------------------*/
#header #mainnav {
position: absolute;
right: 0;
top: 38px;
width: 775px;
height: 38px;
padding: 6px 6px 6px 5px;
list-style-type: none;
background: transparent url(/images/interface/bg_nav-100.png) no-repeat 0 0;
}
#header #mainnav li {
float: left;
height: 38px;
position: relative;
}
#header #mainnav li a {
display: block;
height: 38px;
text-indent: -9999px;
background: #466b2c url(/images/interface/mainnav-100.png) no-repeat 0 0;
}
#header #mainnav li.retail a {
width: 155px;
}
#header #mainnav li.retail a.selected {
background-position: 0 -76px;
}
#header #mainnav li.retail a:hover,
#header #mainnav li.retail:hover a {
background-position: 0 -38px;
}
#header #mainnav li.foodservice a {
width: 156px;
background-position: -155px 0;
}
#header #mainnav li.foodservice a.selected {
background-position: -155px -76px;
}
#header #mainnav li.foodservice a:hover,
#header #mainnav li.foodservice:hover a {
background-position: -155px -38px;
}
#header #mainnav li.allaboutolives a {
width: 155px;
background-position: -311px 0;
}
#header #mainnav li.allaboutolives a.selected {
background-position: -311px -76px;
}
#header #mainnav li.allaboutolives a:hover,
#header #mainnav li.allaboutolives:hover a {
background-position: -311px -38px;
}
#header #mainnav li.company a {
width: 155px;
background-position: -466px 0;
}
#header #mainnav li.company a.selected {
background-position: -466px -76px;
}
#header #mainnav li.company a:hover,
#header #mainnav li.company:hover a {
background-position: -466px -38px;
}
#header #mainnav li.contactus a {
width: 154px;
background-position: -621px 0;
}
#header #mainnav li.contactus a.selected {
background-position: -621px -76px;
}
#header #mainnav li.contactus a:hover,
#header #mainnav li.contactus:hover a {
background-position: -621px -38px;
}
#header #mainnav ul {
list-style-type: none;
position: absolute;
top: 38px;
left: 0;
border-left: 1px solid #1d3708;
border-right: 1px solid #1d3708;
background-color: #75b62d;
width: 219px;
display: none;
}
#header #mainnav li:hover ul {
display: block;
}
#header #mainnav ul li {
float: none;
height: auto;
}
#header #mainnav ul li a {
height: auto;
width: auto !important;
padding: 7px 10px;
text-indent: 0;
background: transparent;
border-bottom: 1px solid #2f500f;
color: #fff;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
}
#header #mainnav ul li a:hover {
background-color: #639d26;
}
/* #body - Global elements (works in all columns)
--------------------------------------------------------------------*/
#body {
position: relative;
z-index: 10;
padding: 0 6px;
background: #fff url(/images/interface/bg_body.png) repeat-y 0 0;
}
#home #body {
padding: 0;
background: transparent;
}
#home #flasharea {
height: 347px;
padding: 0 0 0 6px;
background: #e3e6dc url(/images/interface/bg_home.png) no-repeat 0 0;
}
#home #flasharea #flashcontent {
height: 341px;
overflow: hidden;
}
#home #flasharea #flashcontent.bg {
background: transparent url(/images/interface/flashreplace.jpg) no-repeat 0 0;
}
#home #flashcontent div.content {
padding: 36px 0 0 41px;
}
#home #flashcontent h1 {
font-size: 3em;
color: #48742a;
margin: 0 0 27px 0;
}
#home #flashcontent h2 {
font-size: 2em;
color: #413820;
width: 420px;
margin: 0 0 15px 0;
}
#home #flashcontent p {
display: inline;
}
#home #flashcontent p a {
display: block;
width: 150px;
height: 29px;
text-indent: -9999px;
background: transparent url(/images/interface/btn_learnmore.png) no-repeat 0 0;
}
#home #flashcontent p a:hover {
background-position: 0 -29px;
}
#home #pathways {
height: 167px;
padding: 18px 0 0 27px;
position: relative;
background: #f8faf6 url(/images/interface/bg_home.png) no-repeat 0 -347px;
}
#home #pathways div.leftcol,
#home #pathways div.centercol,
#home #pathways div.rightcol {
position: relative;
float: left;
height: 167px;
}
#home #pathways div.leftcol {
width: 300px;
margin: 0 24px 0 0;
}
#home #pathways div.centercol {
width: 282px;
margin: 0 34px 0 0;
}
#home #pathways div.rightcol {
width: 290px;
}
#home #pathways div.image {
float: right;
}
#home #pathways div.leftcol div.image {
width: 133px;
height: 101px;
overflow: hidden;
}
#home #pathways p {
margin: 0 0 9px 0;
}
#home #pathways p.more {
font-size: 1.2em;
font-weight: bold;
margin: 0;
}
#pathways div.dropup {
width: 288px;
height: 23px;
margin: 0 0 5px 0;
position: relative;
}
#pathways div.dropup a {
display: block;
width: 288px;
height: 23px;
text-indent: -9999px;
background: transparent url(/images/interface/bg_dropups.png) no-repeat 0 0;
}
#pathways div.retail a {
background-position: 0 0;
}
#pathways div.retail a.open {
background-position: 0 -23px;
}
#pathways div.foodservice a {
background-position: -288px 0;
}
#pathways div.foodservice a.open {
background-position: -288px -23px;
}
#pathways div.learn a {
background-position: -576px 0;
}
#pathways div.learn a.open {
background-position: -576px -23px;
}
#pathways div.dropup ul {
list-style-type: none;
width: 286px;
position: absolute;
left: 0;
bottom: 23px;
background-color: #75b62d;
border-right: 1px solid #2f500f;
border-left: 1px solid #2f500f;
display: none;
}
#pathways div.dropup ul a {
display: block;
width: auto !important;
height: auto;
text-indent: 0;
background: transparent;
padding: 7px 10px;
border-top: 1px solid #2f500f;
color: #fff;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
}
#pathways div.dropup ul a:hover {
background-color: #639d26;
}
#pathways div.hrdotted {
height: 1px;
overflow: hidden;
margin: 0 0 5px 0;
clear: both;
background: transparent url(/images/interface/hrdotted.png) repeat-x 0 0;
}
#maincontent {
position: relative;
width: 671px;
min-height: 500px;
float: left;
padding: 26px 40px 15px 40px;
background: transparent url(/images/interface/bg_maincontent.png) no-repeat 0 0;
}
#maincontent.bg1 {
background: transparent url(/images/interface/bg_maincontent1.jpg) no-repeat 0 0;
}
#maincontent.bg2 {
background: transparent url(/images/interface/bg_maincontent2.jpg) no-repeat 0 0;
}
#maincontent div.introimg {
float: right;
margin: 0 0 0 15px;
}
#maincontent div.introimg img {
display: block;
}
#maincontent div.flush {
margin: -26px -40px 0 15px;
}
#maincontent div.video {
margin: -36px -15px 0 15px;
}
#maincontent h1, #maincontent h2,#sidebar h3 {font-family:verdana, arial, sans-serif; font-weight:lighter;}
#maincontent h1 {
font-size: 3em;
color: #466c2c;
margin: 0 0 6px 0;
}
#maincontent h2,
#pathways h2 {
font-size: 2.1em;
color: #a83126;
margin: 0 0 9px 0;
}
#maincontent h3 {
font-size: 1.3em;
line-height: 1.4em;
color: #423109;
}
#maincontent h4 {
font-size: 1em;
line-height: 1.7em;
color: #423109;
font-family: arial, helvetica, sans-serif;
text-transform: uppercase;
}
#maincontent p,
#pathways p,
#maincontent li {
font-size: 1.3em;
line-height: 1.4em;
color: #423109;
}
#maincontent p {
margin: 0 0 22px 0;
}
#maincontent p.intro {
font-size: 1.4em;
line-height: 1.5em;
margin: 0 0 22px 0;
}
#maincontent p.links {
line-height: 1.6em;
}
#maincontent p.small {
font-size: 1.2em;
}
#maincontent ul {
margin: 0 0 16px 16px;
}
#maincontent ul li {
margin: 5px 0 0 0;
}
#maincontent ul.links li {
color: #5c8e3a;
}
#maincontent div.hr {
height: 1px;
overflow: hidden;
background-color: #e3e9dd;
margin: 26px 0 16px 0;
clear: both;
}
#maincontent div.hrdotted {
height: 1px;
overflow: hidden;
margin: 0 0 16px 0;
clear: both;
background: transparent url(/images/interface/hrdotted.png) repeat-x 0 0;
}
#maincontent div.hrthick,
#maincontent div.hrthickgrad {
width: 721px;
height: 3px;
overflow: hidden;
background: transparent url(/images/interface/hrthick.png) no-repeat 0 0;
clear: both;
}
#maincontent div.hrthick {
margin: 0 -25px 16px -25px;
/* background: transparent url(/images/interface/hrthick.png) no-repeat 0 0;
*/}
#maincontent div.hrthickgrad {
margin: 12px -25px 16px -25px;
background: #e3e9dd url(/images/interface/hrthick_grad.png) no-repeat 0 0;
}
#maincontent div.imgleft {
float: left;
margin: 0 16px 0 0;
}
#maincontent div.imgright {
float: right;
margin: 0 0 0 16px;
}
#maincontent div.article {
padding: 20px 0 0 0;
}
#maincontent div.pathways {
width: 707px;
margin: 40px -18px 0 -18px;
padding: 6px 0 0 0;
background: transparent url(/images/interface/bg_pathways.png) no-repeat -707px 0;
}
#maincontent div.pathways div.content {
padding: 15px 26px 30px 31px;
background: transparent url(/images/interface/bg_pathways.png) repeat-y 0 0;
}
#maincontent div.pathways div.bottom {
height: 6px;
overflow: hidden;
background: transparent url(/images/interface/bg_pathways.png) no-repeat -707px -6px;
}
#maincontent p.altmargin {
margin: 0 0 6px 0;
}
#maincontent div.pathways div.hr {
margin: 20px 0 16px 0;
}
#maincontent div.pathways div.image {
float: left;
margin: 0 16px 0 0;
}
#maincontent div.pathways div.floatleft div.image,
#maincontent div.pathways div.floatright div.image {
float: right;
margin: 0 0 40px 10px;
}
#maincontent div.pathways p.links {
float: right;
width: 210px;
padding: 0 0 0 15px;
margin: 0 0 9px 20px;
background: transparent url(/images/interface/vr_dotted.png) repeat-y 0 0;
}
#maincontent div.wlinks p.altmargin {
padding-right: 20px;
margin-right: 224px;
background: transparent url(/images/interface/vr_dotted.png) repeat-y right top;
}
#maincontent #hoverareas {
margin: 20px 0 30px 0;
}
#maincontent #hoverareas div.borderbottom {
border-bottom: 1px solid #e3e9dd;
}
#maincontent #hoverareas div.content {
width: 223px;
height: 188px;
float: left;
border-right: 1px solid #e3e9dd;
cursor: pointer;
text-align: center;
}
#maincontent #hoverareas div.content:hover a {
text-decoration: underline;
}
#maincontent #hoverareas div.content h2 {
margin: 0 0 120px 0;
}
#maincontent #hoverareas div.content div {
height: 178px;
padding: 10px 0 0 0;
overflow: hidden;
}
#maincontent #hoverareas div.content div.blackripe {
background: transparent url(/images/interface/privatelabel/blackripe.jpg) no-repeat 0 0;
}
#maincontent #hoverareas div.content div.blackripealt {
background: transparent url(/images/interface/privatelabel/valenciablackripe.jpg) no-repeat 0 0;
}
#maincontent #hoverareas div.content div.spanisholives {
background: transparent url(/images/interface/privatelabel/spanisholives.jpg) no-repeat 0 0;
}
#maincontent #hoverareas div.content div.kalamataolives {
background: transparent url(/images/interface/privatelabel/kalamataolives.jpg) no-repeat 0 0;
}
#maincontent #hoverareas div.content div.olivemedley {
background: transparent url(/images/interface/privatelabel/olivemedley.jpg) no-repeat 0 0;
}
#maincontent #hoverareas div.content div.capers {
background: transparent url(/images/interface/privatelabel/capers.jpg) no-repeat 0 0;
}
#maincontent #hoverareas div.content div.cocktailonions {
background: transparent url(/images/interface/privatelabel/cocktailonions.jpg) no-repeat 0 0;
}
#maincontent #hoverareas div.content div.blackripeolives {
background: transparent url(/images/interface/lindsayolives/blackripe.jpg) no-repeat 0 0;
}
#maincontent #hoverareas div.content div.naturals {
background: transparent url(/images/interface/lindsayolives/naturals.jpg) no-repeat 0 0;
}
#maincontent #hoverareas div.content div.recloseables {
background: transparent url(/images/interface/lindsayolives/recloseables.jpg) no-repeat 0 0;
}
#maincontent #hoverareas div.content div.snackers {
background: transparent url(/images/interface/lindsayolives/snackers.jpg) no-repeat 0 0;
}
#maincontent #hoverareas div.content div.manzanilla {
background: transparent url(/images/interface/lindsayolives/manzanilla.jpg) no-repeat 0 0;
}
#maincontent #hoverareas div.content div.perfectpairings {
background: transparent url(/images/interface/lindsayolives/perfectpairings.jpg) no-repeat 0 0;
}
#maincontent #hoverareas div.content div.spanishqueen {
background: transparent url(/images/interface/lindsayolives/spanishqueen.jpg) no-repeat 0 0;
}
#maincontent #hoverareas div.content div.adventures {
background: transparent url(/images/interface/lindsayolives/adventures.jpg) no-repeat 0 0;
}
#maincontent #hoverareas div.content div.accents {
background: transparent url(/images/interface/lindsayolives/accents.jpg) no-repeat 0 0;
}
#maincontent #hoverareas div.content div.kalamata {
background: transparent url(/images/interface/lindsayolives/kalamata.jpg) no-repeat 0 0;
}
#maincontent #hoverareas div.content div.sicilian {
background: transparent url(/images/interface/lindsayolives/sicilian.jpg) no-repeat 0 0;
}
#maincontent #hoverareas div.content div.wholeripe {
background: transparent url(/images/interface/lindsayolives/wholeripe.jpg) no-repeat 0 0;
}
#maincontent #hoverareas div.content div.pittedripe {
background: transparent url(/images/interface/lindsayolives/pittedripe.jpg) no-repeat 0 0;
}
#maincontent #hoverareas div.content div.specialtypittedripe {
background: transparent url(/images/interface/lindsayolives/specialtypittedripe.jpg) no-repeat 0 0;
}
#maincontent #hoverareas div.content div.spanishmanzanilla {
background: transparent url(/images/interface/lindsayolives/spanishmanzanilla.jpg) no-repeat 0 0;
}
#maincontent #hoverareas div.content div.valenciablackripe {
background: transparent url(/images/interface/lindsayolives/valenciablackripe.jpg) no-repeat 0 0;
}
#maincontent #hoverareas div.content:hover div {
background-position: 0 -189px !important;
}
#maincontent div.articles p {
margin: 0 0 14px 0;
}
#maincontent div.articles div.hrdotted {
margin: 0 0 12px 0;
}
#maincontent div.recipes {
padding: 0 0 50px 0;
}
#maincontent div.recipes h2 {
margin: 0 0 15px 0;
}
#maincontent div.recipes h3 {
margin: 0 0 0 165px;
padding: 5px 0 0 0;
}
#maincontent div.recipes p {
margin: 0 0 10px 165px;
}
#maincontent div.recipes p.getrecipe {
font-size: 1.2em;
}
#maincontent div.recipes div.image {
float: left;
margin: 0 0 20px -2px;
}
#maincontent div.recipes div.hrdotted {
margin: 0 0 22px 0;
}
#maincontent div.contacts div.image {
float: left;
}
#maincontent div.contacts h3 {
margin: 0 0 0 336px;
}
#maincontent div.contacts p {
margin: 0 0 17px 336px;
}
#maincontent div.contacts p.states {
font-size: 1.1em;
color: #765f27;
}
#maincontent div.sitemap h3 {
margin: 0 0 12px 0;
}
#maincontent div.marginright p {
margin-right: 160px;
}
#maincontent div.marginright div.image {
float: right;
}
#maincontent div.map {
float: left;
margin: 0 26px 30px 0;
}
#maincontent div.leftcol {
width: 336px;
}
#maincontent #didyouknow {
width: 184px;
padding: 0 15px 25px 15px;
margin: 0 0 15px 30px;
float: right;
background: #f3f6f1 url(/images/interface/bg_didyouknow.png) no-repeat left bottom;
}
#maincontent #didyouknow h3 {
font-weight: normal;
color: #48742a;
font-size: 1.3em;
text-transform: uppercase;
padding: 6px 15px;
margin: 0 -15px 10px -15px;
border-bottom: 1px solid #e3e9dd;
background: #ebf0e7 url(/images/interface/bg_h3_didyouknow.png) no-repeat 0 0;
}
#maincontent #didyouknow li {
font-size: 1.2em;
font-family: arial, helvetica, sans-serif;
margin: 0 0 12px 0;
}
#maincontent ul.tabs {
list-style-type: none;
height: 51px;
margin: 0 -18px 0 -18px;
background: transparent url(/images/interface/bg_tabs.png) repeat-x left 46px;
}
#maincontent ul.tabs li {
display: inline;
margin: 0;
font-size: 2.1em;
}
#maincontent ul.tabs li a {
float: left;
height: 51px;
padding: 0 0 0 6px;
margin: 0 2px 0 0;
color: #8a7747;
text-decoration: none;
background: transparent url(/images/interface/bg_tabs.png) no-repeat left -5px;
}
#maincontent ul.tabs li a span {
display: block;
height: 41px;
padding: 10px 28px 0 22px;
cursor: pointer;
background: transparent url(/images/interface/bg_tabs.png) no-repeat right -5px;
}
#maincontent ul.tabs li a.current {
color: #a83126;
background-position: left -56px;
}
#maincontent ul.tabs li a.current span {
background-position: right -56px;
}
#maincontent div.tabspanes {
padding: 20px 11px 40px 11px;
}
#maincontent div.tabspanes div.image {
float: right;
margin: 0 0 0 10px;
}
#maincontent div.variety {
position: relative;
}
#maincontent div.variety h3 {
margin: 0 0 0 168px;
}
#maincontent div.variety p {
margin: 0 0 15px 168px;
}
#maincontent div.variety div {
position: absolute;
left: 0;
top: 0;
color: #48742a;
font-size: 1.5em;
}
#maincontent div.variety div strong {
color: #4c2b1e;
}
#sidebar {
width: 215px;
float: left;
padding: 37px 0 30px 0;
list-style-type: none;
background: #eef2ea url(/images/interface/bg_body.png) repeat-y -757px 0;
}
#sidebar #subnav {
padding: 1px 0 28px 0;
list-style-type: none;
background: transparent url(/images/interface/subnav.png) no-repeat -223px -104px;
}
#sidebar #subnav li {
font-weight: bold;
font-size: 1.1em;
text-transform: uppercase;
background: transparent url(/images/interface/subnav.png) no-repeat 0 0;
position: relative;
padding: 5px 0 0 0;
width: 223px;
margin: 0 0 -5px 0;
}
#sidebar #subnav li.selected {
background: transparent url(/images/interface/subnav.png) no-repeat 0 -55px;
}
#sidebar #subnav li a {
display: block;
padding: 7px 10px 8px 20px;
background: transparent url(/images/interface/subnav.png) no-repeat -223px bottom;
}
#sidebar #subnav span {
position: absolute;
right: -8px;
top: -5px;
width: 8px;
height: 34px;
display: none;
background: transparent url(/images/interface/subnav.png) no-repeat -215px -24px;
}
#sidebar #subnav li.selected a {
text-decoration: none;
color: #fff;
}
#sidebar #subnav li.selected span {
display: block;
}
#sidebar div.hr {
height: 1px;
overflow: hidden;
margin: 0 0 17px 0;
background: transparent url(/images/interface/hr_sidebar.png) no-repeat 0 0;
}
#sidebar div.content {
padding: 0 20px;
}
#sidebar h3 {
font-size: 1.8em;
color: #a83126;
margin: 0 0 5px 0;
}
#sidebar p,
#sidebar ul.links li {
font-size: 1.2em;
line-height: 1.4em;
color: #423109;
}
#sidebar p {
margin: 0 0 12px 0;
}
#sidebar ul.links {
margin: 0 0 14px 0;
list-style-type: none;
}
#sidebar ul.links li {
font-weight: bold;
padding: 0 0 0 10px;
margin: 0 0 4px 0;
background: transparent url(/images/interface/li_arrow.png) no-repeat 0 5px;
}
#sidebar form div.type_text {
float: left;
width: 113px;
height: 22px;
margin: 0 3px 0 0;
background: transparent url(/images/interface/bg_input.png) no-repeat 0 0;
}
#sidebar form div.type_text input {
border: 0;
background: transparent;
width: 97px;
height: 18px;
font-size: 1.1em;
color: #423109;
padding: 4px 8px 0 8px;
}
/* Google Custom Search
-------------------------------------------------------------------- */
.gsc-trailing-more-results,
.gs-visibleUrl,
.gsc-resultsHeader,
.gsc-tabsArea,
.gsc-search-box {display:none !important;}
.gs-title *,
.gs-title {color:#5c8e3a !important; text-decoration:none !important;}
.gs-title:hover{text-decoration:underline !important;}
.gsc-result {padding: 18px !important; border-bottom: 1px solid #eff0f0 !important; margin:0 !important;}
#sidebar label.error {
display: block;
font-size: 1.1em;
margin: 5px 0 0 0;
color: #df0000;
clear: both;
width: 175px;
}
#sidebar #emailajax {
position: relative;
left: -9999px;
width: 16px;
height: 16px;
background: transparent url(/images/interface/ajaxloader.gif) no-repeat 0 0;
}
#sidebar #confirmation {
display: none;
}
/* FOOTER
--------------------------------------------------------------------*/
#footer {
background: transparent url(/images/interface/bg_headerfooter.png) no-repeat 0 -6px;
clear: both;
padding: 14px 0 40px 9px;
}
#home #footer {
background: transparent;
}
#footer p {
font-size: 1.2em;
color: #44622b;
font-weight: bold;
}
#footer a{color:#44622b;}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
.clearfix:after,
#body:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix,#body {
min-width: 0;
}
/* Cufon FOUC fix */
.cufon-loading h1,
.cufon-loading h2,
.cufon-loading #maincontent #didyouknow h3,
.cufon-loading #maincontent ul.tabs a,
.cufon-loading #sidebar h3 {
visibility: hidden !important;
}