/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
margin:0 6% 0 6%;
   text-align: left;
   font-family:Geneva, Arial, Helvetica, sans-serif;
   font-size: 100%;
background:#71714d url(globimg/body-bg.jpg) repeat-x top;

}

input.button {
padding:0;
font-size:0.9em;
width:40%;
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #18507C; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #18507C;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   background-color: #C3D4DF;
   color: #385C72;
}

#crumb {
margin:5px 0 -10px 57px;
font-size:11px;
}

#crumb a {
font-size:11px;
}


/*****************
LAYOUT 
*****************/
#wrapper {
	width: 100%;
	background-color:#e5e5cc;
}

#headerLogo {
height:85px;
background:#666600 url(imgGlob/house-of-olive-oil.jpg) no-repeat -20px 0;
text-align:left;
overflow:visible;
}

#headerStrap {
	height:155px;
	background-image: url(imgGlob/header-bg.jpg);
	background-repeat: repeat-x;
}

#headerStrap div {
	width:100%;
		height:155px;
	background-image: url(./imgGlob/header-main1.jpg);
	text-align:right;
	background-repeat: no-repeat;
	background-position: left top;
}

#headerNav {

}

#mainNav {
float:left;
width:25%;
background: #e5e5cc url(imgGlob/side-nav-bg.jpg) repeat-x top;
text-align:center;
}

#cntnt01moduleform-1 {
margin:5px 0 5px 0;
}

#cntnt01moduleform-1 input {
width:40%;
}

input {
padding:2px;
}

#subbox input {
margin-bottom:3px;
}

#main {
float:left;
width:75%;
background: #fff url(imgGlob/main-bg.jpg) repeat-x top;
}

#mainContent {
margin:25px 0 25px; 0;
padding:10px 10px 10px 75px;
background:  #fff url(imgGlob/main-content-bg.jpg) repeat-y;
background-color:#fff;
line-height: 1.25em;
}

#footer {
padding:5px 0;
clear:both;
background-color:#ececec;
text-align:center;
}


/********************
CONTENT STYLING
*********************/

/* HEADINGS */

#headerLogo h1 {
float:left;
padding:5px 0 0 100px;
font-size:18px;
}

#headerLogo h1 a:link, #headerLogo h1 a:active, #headerLogo h1 a:visited, #headerLogo h1 a:hover  {
color:#fff;
text-decoration:none;
display:block;
width:250px;
height:81px;
background-color:transparent;
}

#headerStrap h1  {
padding:30px 0.5em 0 0;
	letter-spacing:-1.75px;
	font-weight:normal;
	color:#3A3A3A;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:165%;
line-height:1.5em;
}

#headerStrap h1 strong {
font-size:115%;
letter-spacing:-1.5px;
}

/*
#headerStrap h1 span {
background-color:#eaebd6;
} */

#main h1 {
	margin:19px 0 0 55px;
	color:#b70000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}

#mainContent h1 {
	margin:19px 0 10px -10px;
	color:#c1bb43;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
font-size:1.1em;
letter-spacing:-0.5px;
}

#footer h1 {
font-size:0.9em;
font-weight:normal;
}

#sidenav h1, .calendar-event h2 {
margin-bottom:5px;
padding:5px;
	color:#666600;
background-color:#BEBF9E;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
font-size:1.1em;
letter-spacing:-0.5px;
text-align:center;
}

.calendar-event h2 {
margin-top:16px;
}

.calendar-event {
width:50%;
}

#subbox form {
padding:10px;
}

div#content h2 {
	color: #294B5F; 
	font-size: 1.5em; 
	text-align: left; 
/* some air around the text */
	padding-left: 0.5em;
	padding-bottom: 1px;
/* set borders around header */
	border-bottom: 1px solid #e7ab0b; 
	border-left: 1.1em solid #e7ab0b; 
        line-height: 1.5em;
/* and some air under the border */
        margin: 0 0 0.5em 0;
}
div#content h3 {
   color: #294B5F; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   color: #294B5F; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   color: #294B5F; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0; /* some air around p elements */
   line-height: 1.4em;
   padding: 0;
}



blockquote#intro {
width:75%;
margin:5px auto 15px auto;
text-align:center;
color:#666600;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:1.5;
}

a:link.prodlist,  a:active.prodlist,  a:visited.prodlist  {
color:#3d4242;
text-decoration:none;
}

img.prodimg {
float:right;
margin:0 0 10px 10px;
padding:3px;
border:1px solid #d7d7f7;
}

img.prodimgsidenav {
float:right;
margin:0 0 10px 10px;
padding:3px;
border:0px solid;
}

img.prodimg2 {
float:left;
margin:0 0 10px 10px;
padding:3px;
border:0px
}

blockquote.product {
width:90%;
margin:5px auto 5px auto;
text-align:left;
color:#333;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:normal;

}


blockquote.product img {
float:left;
padding:3px;
border:1px solid #d7d7f7;
}

h1.prodhead {
margin:0;
padding:0px 0px 0px 145px;
	color:#3d4242;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
font-size:1.1em;
letter-spacing:-0.5px;
}

p.product {
	padding:0 100px 0 145px;
}

.awardWinning {
background:#fff url(imgGlob/award-winner.jpg) no-repeat right 15%;
}

.banner {
background:#fff url(imgGlob/product-banner.jpg) no-repeat right 15%;
}

.new {
background:#fff url(imgGlob/product-new.jpg) no-repeat right 15%;
}

.essential {
background:#fff url(imgGlob/essential-banner.jpg) no-repeat right 15%;
}

.innovative {
background:#fff url(imgGlob/innovative-banner.jpg) no-repeat right 15%;
}

strong, b {
/* explicit setting for these */
   font-weight: 500;
}

em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;
}

#orderbox {
border:1px solid #ddd;
margin-top:15px;
padding:20px;
font-size:0.8em;
background-color:#f2f5f9;
line-height:normal;
font-family:Georgia, arial, "sans serif";
}

ul#orderOptions {
margin:0 0 0 45px;
padding:0;
}

ul#orderOptions li {
margin:0;
padding:5px;
}

#mainContent ul {
margin:10px 0 0 20px;
list-style-type:square;
}
#mainContent li {
padding:3px;
font-size:0.9em;
}

.clear {
clear:both;
}

/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
  margin: 0 0 2.5em;
}

p.tinyText, .tinyText {
font-size:0.80em;
}

b.bold, strong.bold {
font-weight:bold;
}

/* END TEXT */

/* LISTS 
 ////////////// lists in content need some margins to look nice //////////////
div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

////////////// definition lists topics on bold //////////////
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}


END LISTS */

#m7username { }

#m7username { }

.buy-now {
	margin:10px 0 0 0;
	padding:5px;
	background-color: #FAFFE6;
	border: 1px solid #CCCC00;
	background-image: url(imgGlob/shoppingcart.gif);
	background-repeat: no-repeat;
	background-position: 15px 0;
	clear:both;
}

.buy-now h1 {
padding:5px 0 10px 60px;
font-size:16px;
}

.buy-now p {
font-size:0.8em;
}

dl.table-display
{
width:auto;
margin:0;
padding: 0;
font-family: georgia, times, serif;
font-size:12px;
}

.table-display dt
{
width: 30%;
float: left;
margin: 0;
padding: 5px;
border-top: 1px solid #999;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd
{
float: left;
width: 30%;
margin:0;
padding: 5px;
border-top: 1px solid #999;
text-align:center;
}

.table-header {
font-weight:bold;
}

a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b, a.screen strong {
position:absolute;
visibility:hidden; /* hide the image */
width:auto; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0; /* position:the image */
top:-150px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b, a.screen:hover strong {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img, a.screen:hover strong img {
border:0; /* remove the link border */
}

.postage {
margin-top:7px;
clear:both;
text-align:center;
}


blockquote#ln-box {
padding-top:20px;
background:url(imgGlob/deco-border.gif) center top no-repeat;
}

p#more-news {
padding:10px 0 10px 0;
background:url(imgGlob/deco-border.gif) center bottom no-repeat;
}

span.bold {font-weight:bold;}

blockquote.recipe {
margin:0 30px;
padding:10px;
border-left:1px solid #BADFA7;
background-color:#D4FFBF;
}


p#web-designer {
margin:10px 20%;
text-align:center;
font-size:11px;
color:#ccc;
}

#sidenav {
clear:left;
float:left;
width:100%;
font-size:0.9em;

}

#sidenav ul {	
margin:10px 0;
list-style:none;
}	

#sidenav li {
font-size:1.1em;
text-align:left;
}

#sidenav li a {
display:block;
font-weight:bold;
text-decoration:none;
color:#505050;
padding:8px 3px 8px 5px;
background:#f4f4f4 ;
border-left:4px solid #c1bb43;
border-bottom:1px dotted #666600;
}	
	
#sidenav li a:hover {
background:#eaeaea;
color:#666600;
border-left:4px solid #b70100;
}

#sidenav li a.page {
background:#fff;
border-right:4px solid #baba9e;
color:#ccc;
}

#sidenav li a:visited {
background:#f4f4f4 url(imgGlob/visited.gif) no-repeat 100% 5%;
padding-right:30px;
}

#navtop {
min-height:40px;
background-color:#CCCC00; /* cad273  CCCC00  */
width:100%;
}

#navtop ul {
border-top:5px solid #666600;
}

#navtop li {
display:inline;
list-style:none;
}

#navtop a {
	display:block;
	float:left;
	width:auto;
	padding:6px 10px;
	color:#333;

	font:bold 0.95em/1.5 Geneva,Helvetica,Arial,sans-serif;
	text-decoration:none;
	letter-spacing:0.5px;
}
#navtop a:hover,
#navtop a:focus,
#navtop a:active {background-color:#ffff00;}
#navtop .sel a {background-color:#666600;color:#fff;}
#navtop .sel a:focus {background-color:#b31203;}

ul#navOrder {
padding-top:0px;
}

#navOrder li {
float:right;
display:inline;
margin:0;
padding:0;
text-align:center;
border-top:0px solid #8D8D40 ;
border-bottom:1px solid #575700;
}



#navOrder a {
	display:block;
	margin:0;
	padding:10px 10px 15px 10px;
	border-left:1px solid #666600;
	color:#ffffff;
	background:#666600 url(imgGlob/order-bg.gif) repeat-x left 25%;
	font:bold 0.85em/1.25 Arial,Geneva,Helvetica,sans-serif;
	text-decoration:none;
	letter-spacing:-0.5px;
}
#navOrder a:hover,
#navOrder a:focus,
#navOrder a:active {background:#666600 url(imgGlob/order-bg-over.gif) repeat-x bottom;color:#ffffcc;}
#navOrder li.currentpage a {background:#666600 url(imgGlob/order-bg-over.gif) repeat-x bottom;color:#fff;}
#navOrder li.currentpage a:focus {background:#b31203 url(imgGlob/order-bg-over.gif) repeat-x bottom}



















	#navTab {
		float:right;
		margin:0px 20px 0px 0px;
		font-size:0.94em;
		line-height:1em;
	}
	#navTab ul {
		margin:0;
		padding:0 0 0 28px;
		list-style:none;
	}
	#navTab li {
		float:left;
		margin:0 0 0 -1px;
		padding:0 0 0 6px;
		background:url(imgTab/nav1.gif) 0 100% no-repeat;
	}
	#navTab li:hover {
		background-position:-6px 100%;
	}
	#navTab a {
		float:left;
		display:block;
		color:#473215;
		font-weight:bold;
		font-family:Georgia,Times,"Times New Roman",serif;
		background:url(imgTab/nav2.gif) 100% 100% no-repeat;
		padding:5px 14px 12px 8px;
		text-decoration:none;
	}
	#navTab li:hover a {
		background-image:url(imgTab/nav1.gif);
	}
	/* Hide from IE5-Mac \*/
	#navTab a {float:none;}
	/* End IE5-Mac hack */
	#navTab a:hover {
		color:#000;
		text-decoration:underline;
	}
	#order-by-fax #navTab #t9,
	#services #navTab #t10,
	#projects #navTab #t11,
	#about #navTab #t1.4,
	#contact #navTab #t1.5 {
		background-position:-12px 100%;
		padding-left:26px;
		margin:0 2px 0 1px;
	}
	#order-by-fax #navTab #t9 a,
	#services #navTab #t10 a,
	#projects #navTab #t11 a,
	#about #navTab #t1.4 a,
	#contact #navTab #t1.5 a {
		background-image:url(imgTab/nav2s.gif);
		padding-left:0;
		padding-right:19px;
	}
	#navTab #t9,
	#order-by-fax #navTab #t1.1 {
		margin-left:0;
	}
	#navTab #t5,
	#contact #navTab #t1.5 {
		margin-right:0;
	}