html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}


/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks ("") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
ul, ol, dl {position: relative; } 

body {
   font : 76%/1.7 Verdana, Arial, Helvetica, sans-serif;
	background: #fff url(images/wrapper_bg2.jpg) repeat-x right 203px;
	text-align: center;
}
#headerwrap {
	width: 100%;
	height: 200px;
	border-top: 3px solid #fff;
	background: #000;
}
#header {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
#branding {
   width: 186px;
	height: 200px;
	background: #000;
	float: left;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	padding: 0;
	display: inline;
}
#branding img {
	margin: 20px 0 0 0;
}
#header_img {
	float: right;
	display: inline;
	height: 200px;
	width: 808px;
}
a:link, a:visited {
	color: #937830;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
a.more:link, a.more:visited {
	font-variant: small-caps;
	padding: 0 22px 3px 0;
	background: url(images/more_bg.gif) right top no-repeat;
}
h1 {
	color: #937830;
	font-size: 1.6em;
	font-weight: normal;
	margin-bottom: 15px;
	line-height: 1.4em;
}
p {
	margin-bottom: 15px;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 10px 20px;
	text-align: left;
	position: relative;
	background: url(images/header_img_bt2.jpg) no-repeat right top;
	color: #3f4739;
}
#main_nav {
	position: relative;
	display: block;
	list-style: none;
	padding-top: 5px;
}
#navbar, #navbar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
#navbar li a {
	display: block;
	width: 9em;
}
#navbar li a:link, #navbar li a:visited {
	color: #434b3c;
}
#navbar li a:hover {
	color: #937830;
}
#navbar a:link.current, #navbar a:visited.current {
	color: #6f7c63;
}
#navbar a:hover.current {
	color: #6f7c63;
	text-decoration: none;
	cursor: default;
}
#navbar li {
	float: left;
	width: 10em;
}
#navbar li#nav_oil {
	background: url(images/arrow-down.gif) no-repeat 50% 45%;
   position: relative;
}
#navbar li#nav_purchase {
/*	background: url(images/arrow-down.gif) no-repeat 85% 45%; */
/*	margin-right: 20px; */
   position: relative;
}

#navbar li ul {
	position: absolute;
	width: 18em;
	left: -999em;
	border: 1px solid #ccd2c6;
}
li>ul {
	top: auto;
	left: auto;
}

#navbar li:hover ul, #navbar li.sfhover ul {
	left: auto;
}
#navbar li ul li {
   width: 100%;
	background: #f1f3f0;
	border-bottom: 1px solid #ccd2c6;
}
#navbar li ul li.final {
   border-bottom: none;
}
#navbar li ul li a {
   width: 17em;
	padding: 5px 5px 5px 7px;
}

#main {
	width: 530px;
	float: left;
	padding: 30px 10px 20px 10px;
}
#sub {
	width: 300px;
	float: right;
	padding: 0 0 0 10px;
	margin: 70px 50px 20px 0;
	border-left: 1px solid #ccd2c6;
}
#fullwidth {
	width: 900px;
	position: relative;
	padding: 0 10px 20px 10px;
}
#wrapper img {
	padding: 3px;
	background: #fff;
	border: 1px solid #a8b39f;
}	
.img_right {
	float: right;
	margin: 0 0 10px 15px;
	text-align: right;
}
#wrapper img.noframe {
	border: none;
}
blockquote {
	background: url(images/logo_bg.gif) no-repeat 10px top;
	text-align: center;
	padding: 15px 10px 25px 15px;
}
blockquote p {
	font-family: Palatino, Georgia, "Times New Roman";
	font-size: 1.5em;
	letter-spacing: 0.06em;
}
#sub blockquote {
	width: 250px;
	margin: 0 auto;
	padding: 15px 10px 10px 15px;
}
.privacy, .giftpack {
	padding-top: 10px;
	margin: 10px 0 0 25px;
	border-top: 1px solid #ccd2c6;
	border-bottom: 1px solid #ccd2c6;
	text-align: left;
	width: 230px;
}
.privacy, .giftpack {
	margin-top: 50px;
}
.video {
	margin-bottom: 20px;
}
.giftpack {
	padding: 0 10px;
}
#sub .giftpack h4 {
	color: #537304;
	font-weight: bold;
	padding: 10px 0;
	font-size: 1.2em;
	font-variant: small-caps;
}
#sub .privacy h4, #sub .privacy p {
	padding-bottom: 10px;
   color: #748268;
}
#sub .privacy p {
	padding-bottom: 5px;
}
#main blockquote {
	width: 350px;
	display: block;
	margin-left: 20px;
}
span.olives, #wrapper h3 {
	font-family: Palatino, Georgia, "Times New Roman";
	font-size: 1.2em;
	font-weight: bold;
	color: #537304;
}
#wrapper h3.subhead {
	padding: 0 0 15px 15px;
	font-size: 1.3em;
}
#wrapper .gold {
	color: #937830;
	font-size: 1.1em;
}
#wrapper h3 {
	line-height: 1.3em;
	padding: 10px 0;
}
.subnav {
	border-top: 1px solid #ccd2c6;
	padding-top: 15px;
	position: relative;
}
#wrapper .subnav p {
	margin-bottom: 7px;
}

#main .feature {
	margin: 30px 30px 10px 0;
	float: left;
	width: 220px;
	display: inline;
	padding: 0 5px;
}
.feature img {
	border: 3px solid #779d11;
	padding: 3px;
	margin: 3px 0;
}
.feature h2, .img_right h2 {
	color: #937839;
	width: 200px;
	line-height: 1.4em;
	padding: 0 0 5px 5px;
	font-weight: bold;
}
.feature h2.spaced {
	padding-top: 10px;
}
.img_right h2 {
	width: 300px;
	padding-top: 15px;
}
.feature p {
	margin-bottom: 7px;
	padding-left: 5px;
	width: 200px;
}
#sub .feature {
	float: right;
	margin: 25px 30px 0 20px;
}
ul.secondarylinks {
	list-style: circle;
	margin-left: 20px;
}
ul.secondarylinks li {
	font-size: 1.1em;
	padding: 0 0 20px 5px;
	line-height: 1.5em;
}
ul.secondarylinks li h5 {
	margin-bottom: 0;
	font-size: 0.9em;
	font-weight: normal;
}
ul.secondarylinks li p {
	margin-bottom: 0;
}
ul.secondarylinks li p.description {
	color: #67735d;
	line-height: 1.4em;
	font-size: 0.9em;
	padding: 5px 0;
	font-style: italic;
}
/* footer styling */
#footerwrap {
	background: #fff url(images/wrapper_bg2.jpg) repeat-x;
	width: 100%;	
	margin-top: 100px;
}
#footer {
	padding: 20px 0 15px 0;
	margin: 0 auto;
	width: 960px;
	color: #434b3c;
}
#code {
	position: relative;
	float: right;
	margin: -140px 30px 0 0;
}
#code h5, .img_right h5 {
	font-size: 0.9em;
	text-align: right;
	font-weight: normal; 
	line-height: 1.3em;
	margin-right: 5px;
}
.img_right h5 {
	width: 200px;
	padding-bottom: 20px;
}
#wrapper #code img {
	border: none;
	padding: 0;
}

.address {
	width: 450px;
	float: left;
	text-align: left;
	font-size: 1.1em;
}
.copyright {
	width: 400px;
	float: right; 
	text-align: right;
	padding-right: 50px;
}
.copyright h5 {
	margin-top: 10px;
	font-size: 1em;
	font-weight: normal;
}
p.design {
	color: #748268;
	font-size: 0.9em;
}
p.design a:link, p.design a:visited {
	color: #748268;
}
/* Floats */
.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block;
	}	

.clearfloat {
	display:block;
	}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
.bi {
	font-style: italic;
	font-weight: bold;
}
.indent {
	padding-left: 20px;
}
.clear {
	clear: both;
}
/* form styling */
#main form {
	border: 1px solid #ccd2c6;
	width: 450px;
}
fieldset {
	margin: 10px;
	padding: 10px;
	border: 1px solid #a8b39f;
}
fieldset p {
	padding-left: 5px;
	font-size: 1em;
}
fieldset legend {
	font-size: 1em;
	color: #937830;
}
label {
	display: block;
	font-style: italic;
}
input.text {
	display: inline;
	width: 93%;
	margin-bottom: 5px;
}
input:focus, textarea:focus {
	background: #e7e9e4;
}
.submitarea {
	margin: 0 0 10px 25px;
}
#extra2 .submitarea {
	text-align: right;
	margin: 10px 25px;
}
form #block p {
	visibility: hidden;
	display: none;
}
span.indent {
	padding-left: 40px;
	font-size: 0.9em;
}
p.warning, span.warning {
	font-weight: bold;
	color: #d71049;
	font-size: 1em;
}
p.error, span.error {
	font-weight: bold;
	color: #d71049;
}

/* highslide styling */
.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
   display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
   text-decoration: none;
	padding: 2px;
	border: 1px solid black;
   background-color: white;
   padding-left: 22px;
   background-image: url(highslide/graphics/loader.white.gif);
   background-repeat: no-repeat;
   background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: #fff;
    text-decoration: none;
	 font-size: 10px;
	 display: none;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: #fff;
	 display: none;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 520px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul {
	margin-bottom: 5px;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: #5a6571;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
   text-align: left;
	padding: 10px;
}
.highslide-body {
	line-height: 1.5em;
}
.highslide-body h1 {
	font-size: 1.2em;
	color: #537304;
	font-weight: bold;
	padding-bottom: 10px;
}
.highslide-body p {
	margin-bottom: 10px;
	font-size: 1em;
}
.highslide-body strong {
	font-weight: bold;
}
.highslide-body em {
	font-style: italic;
}
.highslide-body h5 {
	font-size: 1.2em;
	font-style: italic;
	font-weight: normal;
	padding: 0;
	margin: 0 0 5px 0;
}
.highslide-body a {
	color: #937830;
	font-weight: bold;
}
.highslide-body a:hover {
	color: #937830;
	font-weight: bold;
	text-decoration: underline;
}
.highslide-body h2 {
	font-size: 1.2em;
	padding-top: 10px;
	font-weight: normal;
	padding-bottom: 7px;
	color: #937830;
}
.highslide-body img {
	float: right;
	margin: 0 0 10px 10px;
	padding: 3px;
	border: 1px solid #e7ddc4;
}
.highslide-body img.block {
	display: block;
	float: none;
	margin: 0 auto;
}
.highslide-body ul {
	margin: 0 0 7px 20px;
	padding: 0;
}
.highslide-body ul li {
	padding: 0 0 5px 5px;
	list-style: circle;
}
.highslide-body ul ul li {
   padding-left: 15px;
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}