BODY { margin: 0; padding: 0; border: 0; background: #FFF url('../images/bg_body.jpg') repeat-x; }

BODY, TD, .NormalText, p { font-weight: normal; text-decoration: none; font-style: normal; color: #000; font-size: 12px; font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; }

a img { border: 0;}

.OrangeHeader	{ color: #F8A838; font-size: 18px; text-transform: uppercase; line-height: 18px; }
.OliveHeader	{ color: #999936; font-size: 18px; text-transform: uppercase; line-height: 18px; }
.OliveSubHeader { color:#999936; font-size: 14px; margin-top: 0; }
.GrayHeader		{ color: #8D8A68; font-size: 18px; text-transform: uppercase; line-height: 18px; }
.Strike			{ text-decoration: line-through; }
.Caps			{ text-transform: uppercase; }
.CapsOff		{ text-transform: none; }

.Red		{ color: #AF4926; }
.Maroon		{ color: #5F0F10; }
.Beige		{ color: #E7E2AA; }
.Orange		{ color: #F8A838; }
.Yellow		{ color: #F2E439; }
.Green		{ color: #629A35; }
.Olive		{ color: #999936; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }
.Gray		{ color: #8D8A68; }

.SmallText	{ font-size: 10px; }
.MediumText	{ font-size: 16px; line-height: 16px; }
.LargeText	{ font-size: 24px; line-height: 24px; }

IMG.FloatLeft 	{ float: left; margin: 0 5px 35px 0; }
IMG.FloatRight 	{ float: right; margin: 0 0 5px 5px; }
IMG.BeigeBorder { border: 1px solid #E7E2AA; }
IMG.OrangeBorder{ border: 1px solid #F8A838; }
IMG.OliveBorder { border: 1px solid #999936; }
IMG.BlackBorder { border: 1px solid #000000; }
IMG.WhiteBorder { border: 1px solid #FFFFFF; }
IMG.CatHeaderImage	{ border: 5px solid #999936; margin: 10px 0 10px 10px; }

TD.BeigeBG	{ background: #E7E2AA; }
TD.OrangeBG	{ background: #F8A838; }
TD.OliveBG	{ background: #999936; }

div.CatHeaderRed		{ color: #5F0F10; font-size: 22px; font-weight: normal; line-height: 16px; border-bottom: 8px solid #5F0F10; width: 628px; margin: 0; text-transform: uppercase; }
div.CatHeaderYellow	{ color: #F2E439; font-size: 22px; font-weight: normal; line-height: 16px; border-bottom: 8px solid #F2E439; width: 628px; margin: 0; text-transform: uppercase; }
div.CatHeaderGreen	{ color: #629A35; font-size: 22px; font-weight: normal; line-height: 16px; border-bottom: 8px solid #629A35; width: 628px; margin: 0; text-transform: uppercase; }

/* home menu buttons */

a#home-menu-finishing-oils,
a#home-menu-infused-oils,
a#home-menu-estate-oils,
a#home-menu-specialty-spreads {
    display: block;
    width: 136px;
    height: 136px;
    border: 1px solid #F8A838;
    text-indent: -9999px;
    overflow: hidden;
}

a#home-menu-finishing-oils      {background: url(../images/home_box1.jpg) no-repeat 0px -136px; }
a#home-menu-infused-oils        {background: url(../images/home_box2.jpg) no-repeat 0px -136px; }
a#home-menu-estate-oils         {background: url(../images/home_box3.jpg) no-repeat 0px -136px; }
a#home-menu-specialty-spreads   {background: url(../images/home_box4.jpg) no-repeat 0px -136px; }

a#home-menu-finishing-oils:hover,
a#home-menu-infused-oils:hover,
a#home-menu-estate-oils:hover,
a#home-menu-specialty-spreads:hover { background-position: 0px 0px; }

/* site structure */

div#container	 	{ width: 819px; height: 100%; background: #FFF; text-align: center; margin: 0 auto; }
div#header		 	{ width: 100%; height: 170px; margin: 0 0 5px 0; }
div#accountLogin 	{ position: absolute; z-index: 2; top: 92px; right: 50%; margin-right: -410px; width: 819px; padding: 0; color: #8D8A68; text-align: right; }
div#header table 	{ height: 60px; background: #E7E2AA;  }
div#header table td { padding: 0; vertical-align: top; }
div#mainNavLinks 	{
  background: #8D8A68 none repeat scroll 0 0;
  color: #F8A838;
  float: left;
  letter-spacing: 0px;
  margin: 0;
  padding: 3px 7px 3px 0;
  text-align: right;
  text-transform: uppercase;
  white-space: nowrap;
  width: 674px;
}
div#accountLinks{
  color: white;
  text-transform: uppercase;
  background-color: #F8A838;
  float: left;
  height: 20px;
  padding-left: 7px;
  padding-top: 3px;
  text-align: left;
  width: 131px;
}
div#accountLinks a,
div#accountLinks a:link,
div#accountLinks a:active,
div#accountLinks a:visited {
  color: white;
  text-decoration: none;
}

div#accountLinks a:hover {
  color: #8D8A68;
}

div#footer 			{ text-align: center; clear: both; border-top: 20px solid #F8A838; background: #8D8A68; padding: 3px 10px; color: #FFFFFF; text-transform: uppercase; }
div#content		 	{ min-height: 500px; }
div#leftContent	 	{ float: left; width: 160px; }
div#rightContent 	{ float: right; width: 160px; }
div#mainContent		{ margin: 0 0 10px 0; text-align: left; padding: 0 10px; }

div#mainContent table 			{ margin: 15px 0 0 0; }
div#mainContent td  			{ text-align: left; padding: 10px; }

div#mainContent table.home  	{ margin: 0; }
div#mainContent table.home td  	{ text-align: center; padding: 8px; }

div#mainContent table.login 	{ margin: 0; width: 400px; }
div#mainContent table.login td 	{ text-align: right; padding: 5px 0 5px 5px; }

ul#register 	{ text-align: left; list-style-image: url('../images/bullet_register.jpg'); margin: 5px 0 0 10px; padding: 0 0 0 15px; }
ul#register li  { text-align: left; margin-bottom: 10px; padding: 0 0 0 0; }

/* category */

div#mainContent table.category	 			{ width: 519px; margin: 0 0 10px 0; float: right; }
div#mainContent div.Scroller {
	width: 628px;
}
div#mainContent div.Scroller ul {
	width: 628px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#mainContent div.Scroller img			{ border: 0; margin: 0 0 5px 0; max-width: 135px; max-height: 118px;}
div#mainContent div.Scroller ul li			{ float:left; height: 260px; width: 140px; margin-right: 0px; display: inline; text-align: center; }
div#mainContent div.Scroller ul li table	{ height: 250px; width: 135px; margin: 0 }
div#mainContent div.Scroller ul li table td	{ padding: 0; text-align: center; vertical-align: bottom; }

.catThumbanil {
	height: 118px;
}

.catTitle {
	height: 3em;
	overflow: hidden;
}
.catVolume {
	height: 2em;
}
.catPrice {
	height: 2em;
}
.catAddToCart {
	height: 20px;
}

.catThumbanil,
.catTitle,
.catVolume,
.catPrice {
	margin-bottom: 0;
}

/* detail */

div#mainContent table.recipes	 { width: 619px; }
div#mainContent table.recipes td { text-align: left; padding: 15px; vertical-align: top; font-size: 11px; }
div#mainContent table.recipes img { border: 0; height: 150px; width: 150px; margin: 0 0 5px 0; }

.recipe-image {
  float: right;
  border: 1px solid #999936;
  margin-left: 5px;
}

div#detail_extra {
  clear: both;
}

div#mainContent table.price 	{ margin: 20px; width: 170px; float: right; border: solid #999936; border-width: 20px 0; }
div#mainContent table.price td 	{ text-align: left; padding: 5px 10px; line-height: 24px; }

div#mainContent table.recipesDetail    { margin: 0; width: 220px; float: left; }
div#mainContent table.recipesDetail td { text-align: left; padding: 5px 0 5px 25px; color: #8D8A68; }

div#mainContent table.related 	 { margin: 0; width: 400px; float: right; }
div#mainContent table.related td { text-align: center; padding: 5px; color: #8D8A68; }

/* column menus */

div.beigeBox	 	{ background: #E7E2AA; padding: 5px; margin: 10px 0; color: #999936; }
div.oliveBox	 	{ background: #999936; padding: 5px; margin: 10px 0; color: #FFFFFF; }
div.beigeBox div	{ border: 1px solid #999936; padding: 10px; text-align: left; text-transform: uppercase; }
div.oliveBox div	{ border: 1px solid #FFFFFF; padding: 10px; text-align: left; text-transform: uppercase; }
div.beigeBox div.MenuHeader,
div.oliveBox div.MenuHeader	{ border: 0; margin: 0; padding: 0; text-align: center; font-size: 18px; line-height: 16px; }

div#leftContent table,
div#rightContent table { margin: 5px auto 0 auto; }

div#leftContent ul,
div#rightContent ul	  { margin: 15px 0 0 0; padding: 0; list-style-type: none; }
div#leftContent ul li,
div#rightContent ul li { margin: 0 0 10px 0; padding: 0; list-style-type: none; }

/* forms */

input[type=submit] {
  color: white;
  background-color: #F8B236;
  border: 1px solid #CC9449;
}
form.login input 		{ width: 175px; height: 20px; border: 1px solid #8D8A68; }
form.login input.submit { height: 23px; width: 160px; border: 0; margin: 0 0 5px 0; }

form.basket input 		 { border: 1px solid #8D8A68; }
form.basket input.submit { height: 21px; width: 150px; border: 0; margin: 0; }

form.relatedProducts	{ margin: 0; display: inline}
form.relatedProducts input.submit { height: 20px; width: 102px; border: 0; margin: 0; }

/* my account */

div#mainContent table.AccountCart {
  margin-bottom: 20px;
}

div#mainContent table.AccountCart td {
  padding: 5px;
}

/* links */

a:link, a:visited { color: #F8A838; text-decoration: underline; }
a:active, a:hover { color: #000000; text-decoration: underline; }

a.BlackLink			{ color: #000000; text-decoration: underline; }
a.BlackLink:link,
a.BlackLink:visited	{ color: #000000; text-decoration: underline; }
a.BlackLink:active,
a.BlackLink:hover	{ color: #F8A838; text-decoration: underline; }

a.OliveLink			{ color: #999936; text-decoration: underline; }
a.OliveLink:link,
a.OliveLink:visited	{ color: #999936; text-decoration: underline; }
a.OliveLink:active,
a.OliveLink:hover	{ color: #000000; text-decoration: underline; }

div#mainNavLinks a:link,
div#mainNavLinks a:visited  { color: #FFFFFF; text-decoration: none; }
div#mainNavLinks a:active,
div#mainNavLinks a:hover,
div#mainNavLinks a.current	{ color: #F8A838; text-decoration: none; }

div.beigeBox a:link,
div.beigeBox a:visited  { color: #999936; text-decoration: none; }
div.beigeBox a:active,
div.beigeBox a:hover,
div.beigeBox a.current	{ color: #000000; text-decoration: none; }

div.oliveBox a:link,
div.oliveBox a:visited  { color: #FFFFFF; text-decoration: none; }
div.oliveBox a:active,
div.oliveBox a:hover,
div.oliveBox a.current	{ color: #000000; text-decoration: none; }

table.price a:link,
table.price a:visited	{ color: #000000; text-decoration: none; }
table.price a:active,
table.price a:hover		{ color: #000000; text-decoration: underline; }

table.recipes a:link,
table.recipes a:visited { color: #8D8A68; text-decoration: underline; }
table.recipes a:active,
table.recipes a:hover	{ color: #000000; text-decoration: underline; }

div#footer a:link,
div#footer a:visited { color: #FFFFFF; text-decoration: none; }
div#footer a:active,
div#footer a:hover,
div#footer a.current { color: #F8A838; text-decoration: none; }