/* v1.0 | 20080212 */
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;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
html { height: 100%; }
body { height: 100%;
font: normal normal normal 12px/18px Arial, Verdana, Sans-Serif;
text-align: left;
color: #63634f;
background: #e3d8bb url(inc/img/bg.jpg) no-repeat center top;
}
p { padding-bottom: 1.4em; }
a:link, a:visited, a:active { text-decoration: none; color: #6a4519; }
a:hover { color: #000; text-decoration: underline; }
img{ vertical-align: top; }
label { display: block; padding: 0 0 5px 6px; font-size: 10px; line-height: 10px; text-transform: uppercase; }
/* BROWSER MESSAGES */
.browsernote {
display: none;
width: 100%;
padding: 6px 0;
border-bottom: 1px solid #fff;
background: #000;
text-align: center;
color: #fff;
}
.browsernote a { color: #527430; }
#centering { width: 1004px; margin: 0 auto; }
/* HEADER */
#header { width: 964px; padding: 40px 20px 0 20px; }
#logo { display: inline; float: left; width: 286px; height: 58px; }
#blog-bubble {
display: inline;
float: left;
margin-left: 20px;
width: 96px;
height: 60px;
background: transparent url(inc/img/blog.png) no-repeat 0 0;
text-indent: -9999px;
overflow: hidden;
}
#blog-bubble:hover { background: transparent url(inc/img/blog.png) 0 -60px;}
#cart-wrap {
display: inline;
float: right;
width: 308px;
padding-top: 12px;
font-family: Georgia, Times, Serif;
font-size: 10px;
text-align: right;
text-transform: uppercase;
line-height: 10px;
}
#cart-wrap a { font-weight: bold; }
#searchform { display: block; margin-top: 8px; }
#search-wrap { display: inline; float: left; width: 211px; height: 29px; background: transparent url(inc/img/fields/search.png) no-repeat; }
.search-field { width: 191px; height: 15px; padding: 7px 10px; background: transparent; border: none; font-size: 11px; line-height: 11px; }
#search-button-wrap { display: inline; float: left; width: 97px; height: 29px; }
.search-button {
display: block;
width: 97px;
height: 29px;
background: transparent url(inc/img/buttons/search.png) no-repeat; !important;
border: none;
text-indent: -9999px;
overflow: hidden;
}
/* MENU */
#main-menu { margin: 20px 0; }
#main-menu ul li { display: inline; float: left; height: 38px; }
#main-menu ul li a { display: block; height: 38px; text-indent: -9999px; overflow: hidden; }
.menu-home, .menu-home-active { width: 80px; background: url(inc/img/menu.png) no-repeat 0 0 }
.menu-home:hover, .menu-home-active { background-position: 0 -38px !important; }
.menu-oil, .menu-oil-active { width: 182px; background: url(inc/img/menu.png) no-repeat -80px 0 }
.menu-oil:hover, .menu-oil-active { background-position: -80px -38px !important; }
.menu-flour, .menu-flour-active { width: 151px; background: url(inc/img/menu.png) no-repeat -262px 0 }
.menu-flour:hover, .menu-flour-active { background-position: -262px -38px !important; }
.menu-health, .menu-health-active { width: 319px; background: url(inc/img/menu.png) no-repeat -413px 0 }
.menu-health:hover, .menu-health-active { background-position: -413px -38px !important; }
.menu-corporate, .menu-corporate-active { width: 155px; background: url(inc/img/menu.png) no-repeat -732px 0 }
.menu-corporate:hover, .menu-corporate-active { background-position: -732px -38px !important; }
.menu-contact, .menu-contact-active { width: 117px; background: url(inc/img/menu.png) no-repeat -887px 0 }
.menu-contact:hover, .menu-contact-active { background-position: -887px -38px !important; }
.sidebar { display: inline; float: left; width: 246px; margin-right: 20px;}
.main-body { display: inline; float: left; width: 738px; }
.body-tile { background: #faf8f2 url(inc/img/body-tile.png) repeat-y; }
.body-bottom { padding-bottom: 20px; background: transparent url(inc/img/body-bottom.png) no-repeat left bottom; }
.body-top { padding: 20px 20px 0 20px; background: transparent url(inc/img/body-top.png) no-repeat; }
/* FOOTER */
#footer {
clear: both;
margin-top: 20px;
padding-top: 20px;
border-top: 2px dashed #ccc5ac;
font-family: Georgia, Times, Serif;
text-align: center;
font-size: 11px;
}
#footer a { font-weight: bold; text-transform: uppercase; }
#footer span { display: block; padding-top: 10px; }
#footer span a { font-weight: normal !important; color: #736d5c !important; text-transform: none !important; }
/* HOME */
#welcome {
width: 595px;
height: 259px;
background: transparent url(inc/img/welcome.jpg) no-repeat;
padding: 35px 20px 0 389px;
}
#welcome strong { color: #527430; }
#front-products li { display: inline; float: left; height: 104px; }
#front-products { height: 104px !important; margin-bottom: 20px; }
#front-products li a { display: block; height: 104px; text-indent: -9999px; overflow: hidden; }
.oil-front { width: 339px; background: transparent url(inc/img/front-products.jpg) no-repeat 0 0; }
.oil-front:hover { background-position: 0 -104px !important; }
.extraoil-front { width: 327px; background: transparent url(inc/img/front-products.jpg) no-repeat 0 -208px; }
.extraoil-front:hover { background-position: 0 -312px !important; }
.flour-front { width: 338px; background: transparent url(inc/img/front-products.jpg) no-repeat 0 -416px; }
.flour-front:hover { background-position: 0 -520px !important; }
/* PRODUCT */
#product-details, #corporate-body {
display: inline;
float: left;
width: 456px;
margin-right: 20px;
}
#product-photo, #corporate-photo {
display: inline;
float: left;
width: 222px;
}
.pricing-table {
width: 698px;
margin-top: 10px;
}
.title-row { font-weight: bold; text-transform: uppercase; }
.product-row { background: #e3e2da url(inc/img/table-split.png) no-repeat center bottom !important; }
.title-row td, .product-row td { padding: 10px; vertical-align: middle !important;}
.item { width: 319px !important; }
.units { width: 52px !important; text-align: center; }
.price { width: 105px !important; text-align: right; }
.purchace { width: 143px !important; text-align: right; }
.ad, .comment-split { display: inline; float: left; width: 339px; margin-top: 20px; }
/* CORPORATE */
#corporate-body h2 { margin-bottom: 20px; }
/* CONTACT */
.full-tile { width: 1004px; background: #faf8f2 url(inc/img/full-tile.png) repeat-y; }
.full-bottom { padding-bottom: 20px; background: transparent url(inc/img/full-bottom.png) no-repeat left bottom; }
.full-top { padding: 20px 20px 0 20px; background: transparent url(inc/img/full-top.png) no-repeat left top; }
#map { width: 472px; height: 400px; padding-right: 492px; background: transparent url(inc/img/map.png) no-repeat right center; }
#map strong { color: #527530; }
/* BLOG */
.blog-title { margin-top: 20px; font-size: 18px; text-transform: uppercase; color: #527530; }
.author-info { display: block; margin-bottom: 20px; font-size: 10px; line-height: 10px; }
.small-title { font-size: 10px; font-weight: normal !important; text-transform: uppercase; color: #527530; }
.tags { font-size: 10px; }
#post-nav { border-top: 2px dashed #dcdad1; border-bottom: 2px dashed #dcdad1; margin-top: 20px; padding: 10px 0; }
.nav-link, .comment-head { display: inline; width: 339px; }
.comment-tile { width: 698px; margin-bottom: 20px; background: #e9e7df url(inc/img/comment-tile.png) repeat-y; }
.comment-bottom { padding-bottom: 10px; background: transparent url(inc/img/comment-bottom.png) no-repeat left bottom; }
.comment-top { height: 26px; padding: 10px 10px 0 10px; background: transparent url(inc/img/comment-top.png) no-repeat left top; }
.comment-head { font-size: 10px; line-height: 18px; text-transform: uppercase; }
.comment-body { padding: 10px 10px 0 10px; }
.comment-field-wrap { width: 339px; height: 29px; margin-bottom: 10px; background: transparent url(inc/img/fields/comment-field.png) no-repeat; }
.comment-field { width: 319px; height: 15px; padding: 7px 10px; border: none; background: transparent; }
.optional { color: #aeada0; }
.comment-box { width: 335px; height: 130px; border: 2px solid #dcdad1; }
.submit-button { display: block; width: 97px; height: 25px; border: none; background: transparent url(inc/img/buttons/submit.jpg) no-repeat !important; text-indent: -9999px; overflow: hidden; }
.readmore { font-size: 14px; color: #1f414d !important; }
/* WIDGET */
.split-tile {
display: inline;
float: left;
width: 492px;
background: #faf8f2 url(inc/img/split-tile.png) repeat-y;
}
.split-bottom { width: 492px; padding-bottom: 20px; background: transparent url(inc/img/split-bottom.png) no-repeat left bottom; }
.split-top { width: 452px; padding: 20px 20px 0 20px; background: transparent url(inc/img/split-top.png) no-repeat left top; }
.widget li { float: left; width: 452px; margin-top: 10px; padding-bottom: 8px; border-bottom: 2px dashed #dcdad1; }
.widget li a { font-weight: normal !important; }
.widget .news-date { display: inline; float: left; width: 62px; margin-right: 20px; }
.widget h4 { display: inline; float: left; width: 369px; }
.submenu-tile { width: 246px; margin-bottom: 20px; background: #63634f url(inc/img/submenu-tile.png) repeat-y; }
.submenu-bottom { padding-bottom: 20px; background: transparent url(inc/img/submenu-bottom.png) no-repeat left bottom; }
.submenu-top { padding: 20px 20px 0 20px; background: transparent url(inc/img/submenu-top.jpg) no-repeat left top; }
.submenu a { color: #fff !important; }
.submenu li { margin-top: 10px; padding: 0 0 8px 8px; border-bottom: 2px dashed #818170; background: transparent url(inc/img/submenu-bullet.png) no-repeat 0 5px; }
.side-products li { margin-bottom: 20px; }
.widget-tile { width: 246px; margin-bottom: 20px; background: #faf8f2 url(inc/img/widget-tile.png) repeat-y; }
.widget-bottom { padding-bottom: 20px; background: transparent url(inc/img/widget-bottom.jpg) no-repeat left bottom; }
.widget-top { padding: 20px 20px 0 20px; background: transparent url(inc/img/widget-top.jpg) no-repeat left top; }
.side-widget li { margin-top: 10px; padding: 0 0 8px 8px; border-bottom: 2px dashed #dcdad1; background: transparent url(inc/img/bullet.png) no-repeat 0 5px; }
/* GLOBAL GOODIES */
.left{ float: left; }
.right { float: right; }
.clear { clear: both; }
.block { display: block; }
.primary-title {
display: block;
font-family: Georgia, Times, Serif;
font-size: 18px;
font-weight: normal;
line-height: 1em;
text-transform: uppercase;
color: #6a4519;
}
.secondary-title, .submenu-title {
display: block;
font-family: Georgia, Times, Serif;
font-size: 18px;
font-weight: normal;
line-height: 1em;
text-transform: uppercase;
color: #527430;
}
.submenu-title { margin-bottom: 10px; color: #fff; }
.big-title {
display: block;
margin-bottom: 20px;
font-family: Georgia, Times, Serif;
font-size: 40px;
font-weight: bold;
line-height: 1em;
text-transform: uppercase;
color: #527530;
}
.bigger-title {
display: block;
font-family: Georgia, Times, Serif;
font-size: 30px;
font-weight: bold;
line-height: 1em;
text-transform: uppercase;
color: #527530;
}
.smaller-title {
display: block;
font-family:Georgia, Times, Serif;
font-size: 14px;
font-weight: normal;
line-height: 1em;
text-transform: uppercase;
color: #6a4519;
}
.titles { padding-bottom: 10px; border-bottom: 2px dashed #dcdad1; }
.arrows li { padding-left: 8px; background: transparent url(inc/img/bullet.png) no-repeat 0 5px; }
.upsize .arrows li { font-size: 14px; line-height: 20px; background-position: 0 6px !important; }
.upsize, #address li { font-size: 14px; line-height: 20px; }
.caps { text-transform: uppercase; }
.right-margin{ margin-right: 20px; }
.top-margin { margin-top: 20px; }
.bottom-margin{ margin-bottom: 20px; }
.text-right { text-align: right; }
.wp-pagenavi { clear: both; display: block; margin: 24px 0; }
.wp-pagenavi a {
padding: 2px 4px;
margin: 2px;
background: #6a4519;
text-decoration: none;
color: #fff;
}
.wp-pagenavi a:hover {
color: #527430;
background: #e9e7df;
}
.wp-pagenavi span.pages {
padding: 2px 4px;
margin: 2px 2px;
}
.wp-pagenavi span.current {
padding: 2px 4px;
margin: 2px;
background: #527430;
color: #fff;
}
.wp-pagenavi span.extend {
padding: 2px 4px 2px 4px;
margin: 2px;
border: 1px solid #000000;
color: #000000;
background-color: #FFFFFF;
}/* STUFF YOU CAN EDIT */
/* STUFF YOU DON'T EDIT */
/*---- sIFR ---*/
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-unloading .sIFR-flash {
visibility: hidden !important;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
.sIFR-dummy {
width: 0px;
height: 0px;
margin-left: 42px;
z-index: 0;
}