@charset "utf-8";
/* CSS Document */

Body {
	background:url(images/BG.png) no-repeat center top;
	background-color: black;
	margin: 0; padding:0;
	color: #8c8c8c;
font: 9pt "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", "Lucida Grande", Lucida;
	
}

	
#homewrapper {
background: url(images/mainashbolt.jpg) no-repeat #000000;
	position: relative;
	width: 933px;
	margin: 0 auto 0 auto;
	padding: 0;
	height:600px;
	}	
	
#oliveoilwrapper {
background: url(images/oo_main.jpg) no-repeat #000000;
	position: relative;
	width: 933px;
	margin: 0 auto 0 auto;
	padding: 0;
	height:700px;
	}
	
#ebwrapper {
background: url(images/eb_main.jpg) no-repeat #000000;
	position: relative;
	width: 933px;
	margin: 0 auto 0 auto;
	padding: 0;
	height:700px;
	}	
	
	
	#efwrapper {
background: url(images/BGelderflower.jpg) no-repeat #000000;
	position: relative;
	width: 933px;
	margin: 0 auto 0 auto;
	padding: 0;
	height:700px;
	}	
	
	#platewrapper {
background: url(images/plate.jpg) no-repeat #000000;
	position: relative;
	width: 933px;
	margin: 0 auto 0 auto;
	padding: 0;
	height:700px;
	}	

#contentwrapper {
background: url(images/orderpage.png) no-repeat #000000;
	position: relative;
	width: 933px;
	margin: 0 auto 0 auto;
	padding: 0;
	}		

.bg {
margin:0; padding:0;
position:absolute;
}

#homeholder {
	margin:0; padding:0;
	width:1px;
	height:550px;
	position:relative;
	
}

#oilholder {

	margin:0; padding:0px 20px 20px 0px;
	width:480px;
	height:150px;
	position:relative;
	top:30px;
		
}

#content {
	margin:0px 0px 10px 0px; padding:0px;
	width:520px;
	position:relative;
	top:0px;
	text-align:justify;
}

#content2 {
	margin:0px 0px 10px 0px; padding:0px;
	width:400px;
	position:relative;
	top:0px;
	text-align:justify;
}

#widecontent {
	margin:20px 30px 20px 30px; padding:0;
	width:850px;
	position:relative;
	text-align:justify;
}

#award{
position:absolute;
left:0px;
top:350px;
margin:0px;
padding:0px;
}

#award_eb{
margin:100px 0px 0px 0px;
padding:0px;
}

#award_ef{
margin:0px 0px 0px 0px;
padding:0px;
}

#info {
	margin:0 20px 20px 250px; padding:0;
	width:650px;
	position:absolute;
	top:500px;
	text-align:justify;
}

img.award {margin:0; padding:0; position:absolute;
top:440px; left:70px;
}

#images {

float:right;
padding:0px;
margin:0px 0px 0px 30px;
width:300px;
}

#images2 {

float:right;
padding:0px;
margin:30px 0 0 0;
width:200px;
}


#images3 {

float:right;
padding:0px;
margin:30px 100px 0px 60px;
width:400px;
}
#welcome {
	width: 312px;
	position: absolute;
	top: 205px;
	color: #715f4b;
	font: 13px/21px "Lucida Grande", Lucida, Verdana, sans-serif, helvetica;
	left: 20px;
}

#welcome_eb {
padding: 20px 0px 20px 0px;
margin:0px;
	width: 312px;
	position: relative;
	color: #715f4b;
	}

#info_eb {
	width: 480px;
	color: #715f4b;
	
}

#welcome_oo {
	width: 312px;
	position: relative;
	color: #715f4b;
	font: 13px/21px "Lucida Grande", Lucida, Verdana, sans-serif, helvetica;
	
}
#logoash {
	margin:0; padding:0;
	width: 167px;
	height: 55px;
	background: url(images/ashboltLOGO.gif) no-repeat;
	
}

#infooter {
	margin:70px 20px 0px 0px; padding:0;
	float:right;
	text-align: right;
	font-size: 7pt;
	color: #795e44;
	width: 850px;
	height: 33px;
	
}

#infooter a {
	color: #795e44;
	text-decoration: none;
}

#infooter a:hover {
	color: #dacdb6;
}



/* begin main text styles*/

h1{margin:30px 0 5px 0; padding:0; font: normal 10pt "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", "Lucida Grande", Lucida;
color:#B09C71;}

h1.recipe{margin:30px 0 5px 0; padding:0; font: normal 20pt "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", "Lucida Grande", Lucida;
color:#B09C71;}
h2{margin:10px 0 10px 0; padding:0; font: normal 10pt "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", "Lucida Grande", Lucida;
color:#886c46;}

h2.policy{margin:20px 0 0px 0; padding:0; font: normal 10pt "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", "Lucida Grande", Lucida;
color:#886c46;}

h3{margin:20px 0 0px 0; padding:0; font: normal 10pt "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", "Lucida Grande", Lucida;
color:#6262FF;}

h4{margin:10px 0 0px 0; padding:0; font: normal 9pt "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", "Lucida Grande", Lucida;color:#B09C71;
}

h2.recipe{margin:30px 0 5px 0; padding:0; font: normal 16pt "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", "Lucida Grande", Lucida;
color:#886c46;}

p{margin:10px 0 5px 0; padding:0; font-family: "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", "Lucida Grande", Lucida;
 font-size:9pt;
line-height:13px; color:#8B8B8B;} 

p.indent{ margin:20px 0px 20px 0px;color:#886c46; }
p.quote_small{margin:15px 0 10px 0; padding:0; font-family:"Times New Roman", Times, serif; font-size:10pt;font-style:italic;line-height:15px; color:#886c46; }

ul.text li{ padding:10px 0 5px 0;}


a:link{
color:#6262FF;
}

a:visited{
color:#6262FF;
}

a:hover{
color:#ffffff;
}

/* end main text styles*/

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(three_1.gif);}
.preload2 {background: url(three_1a.gif);}

#nav {padding:0; margin:0; padding-left:60px; list-style:none; height:38px; background:#000;  position:relative; z-index:500; font-family:arial, verdana, sans-serif;}

#nav2 {padding:0; margin:0; padding-left:60px; list-style:none; height:38px; background:#000;  position:relative; z-index:500; font-family:arial, verdana, sans-serif;}


#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#f3e61b; text-decoration:none; font-size:10px; font-weight:normal; padding:0 0 0 12px; cursor:pointer;background:#000;}
#nav li a.top_link span {float:left; display:block; padding:0 12px 0 12px; height:35px; background:#000;}
#nav li a.top_link span.down {float:left; display:block; padding:0 12px 0 12px; height:35px; background:#000;}

#nav li:hover a.top_link {color:#ffffff; background:#000;}
#nav li:hover a.top_link span {background:#000;}
#nav li:hover a.top_link span.down {background:#000;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:38px; background: #000; padding:3px;  white-space:nowrap; width:160px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:160px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:10px; height:18px; width:160px; line-height:18px; text-indent:5px; color:#B09C71; text-decoration:none;}
#nav li ul.sub li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#000; color:#ffffff; }
#nav li:hover ul.sub li a.fly:hover
{background:#2c7081 url(arrow_over.gif) 80px 6px no-repeat; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#bbd37e;} 


.imagegallery{
padding:0px;
margin:0px;
float:left;
width:150px;
height:150px;
text-align:center;

}

.webapptable td{
border:1px solid #1A1613;
text-align:center;
width:200px;
height:140px;

}

.webapptable{
background-color:#000000;
width:90%;

}

.fr{float:right; }

#register:hover {
background:transparent url(images/register.gif) no-repeat scroll 0 -36px;
color:#8080FF;
padding:8px 8px 8px 0px;
width:163px;
}

#register {
background:transparent url(images/register.gif) no-repeat scroll 0 0;
color:#DACDB6;
padding:8px 8px 8px 0px;
position:absolute;
text-decoration:none;
top:150px;
width:163px;
z-index:5;
text-indent: 40px;}

.item{
padding:10px 5px 10px 0px;
margin:0px;
}

.row{
margin:0px;
padding:10px;
width:95%;
height:120px;
border-top: 0.1em solid #333333;
}


.imagethumb{
margin:0px ;
padding:0px 0px 0px 5px;
float:left;
}

.imageleft{
margin:0px 10px 0px 0px;
padding:5px;
float:left;
}

.imageright{
margin:0px 0px 0px 10px;
padding:5px;
float:right;
}

.name{
position:relative;
margin:0px 0px 0px 130px;
padding:0px 10px 0px 0px;
width:650px;
}

.default{
background-image:url(images/noimage.jpg);
background-repeat:no-repeat;
height:100px;
width:100px;
}

#name{
margin:0px;
padding:0px;
width:850px;
position:relative;
}

.imagebig{
float:right;
margin:0px;
padding:10px 0px 10px 30px;
height:250px;
width:300px;
}

#ingredient{
margin:0px;
padding:0px;
width:850px;
position:relative;
background-color:yellow;
}


#method{
margin:0px;
padding:0px;
width:850px;
position:relative;
}

#chef{
margin:0px;
padding:0px;
width:850px;
}

.chefdefault{
background-image:url(images/noimage.jpg);
background-repeat:no-repeat;
height:140px;
width:100px;
}

.imageref{
font-size:9px;
text-align:right;
color:#795e44;
}

.testimonial{
padding:10px 0px 0px 0px;
margin:20px 0px 0px 0px;
border-top:1px solid #B09C71;
}

.testr{
text-align:right;
color:#886c46;
}

.productSelectInput{
margin:5px;
background-color:#000000;
border:1px solid #B09C71;
color:#ffffff;
}

/* begin landscape gallery */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/photo_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#gallery {margin:0;  padding:0; width:430px; height:300px; position:absolute; top:88px;
left:425px;  }

#gallery ul {list-style:none; padding:0; margin:0; width:414px; float:left; height:151px; overflow:auto; overflow-x: hidden;}

#gallery ul li {display:inline; width:123px; height:68px; float:left; padding:2px; margin:0 3px 3px 0px; border:1px solid #b4a393;}

#gallery ul li a {display:block; width:123px; height:68px; text-decoration:none; border:none;}

#gallery ul li a img {margin:0; padding:0; display:block; width:0px; height:0px; border:0;}
#gallery ul li a img.thumb {display:block; width:123px; height:68px; border:0;}
#gallery ul li a span {display:none; }
#gallery ul li a span p {margin:0; padding:0;}
#gallery ul li a span h1 {margin:0; padding:0;}


#gallery ul li a:hover {white-space:normal; border-color:#ddd;}

#gallery ul li a:hover img {padding:2px; display:block; position:absolute; left:0px; 
top:154px; width:387px; height:258px; border:1px solid #b4a393;}
#gallery ul li a:hover img.thumb {display:none;}
#gallery ul li a:hover span {display:block; position:absolute; top:418px; left:5px; width:384px;}

/* end landscape gallery */

/* begin portrait gallery */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/photo_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#portgallery {margin:0;  padding:0; width:350px; height:380px; position:absolute; top:85px;
left:425px; }

#portgallery ul {list-style:none; padding:0; margin:0; width:175px; float:left; height:357px; overflow:auto; overflow-x: hidden;}

#portgallery ul li {display:inline; width:70px; height:81px; float:left; padding:2px; margin:0 3px 3px 0px; border:1px solid #b4a393;}

#portgallery ul li a {display:block; width:70px; height:81px; text-decoration:none; border:none;}

#portgallery ul li a img {margin:0; padding:0; display:block; width:0px; height:0px; border:0;}
#portgallery ul li a img.thumb {display:block; width:70px; height:81px; border:0;}
#portgallery ul li a span {display:none; }
#portgallery ul li a span p {margin:0; padding:0;}
#portgallery ul li a span h1 {margin:0; padding:0;}


#portgallery ul li a:hover {white-space:normal; border-color:#ddd;}

#portgallery ul li a:hover img {padding:2px; display:block; position:absolute; left:185px; 
top:0px; width:234px; height:351px; border:1px solid #b4a393;}
#portgallery ul li a:hover img.thumb {display:none;}
#portgallery ul li a:hover span {display:block; position:absolute; top:357px; left:187px; width:230px;}

/* end portrait gallery */

#defaultimglandscape{
margin:0; padding:0; position:absolute; top:154px; left:0px; background:url(images/gallery/landscapedefault.jpg); width:393px; height:264px;
}

#defaultimgportrait{
margin:0; padding:0; position:absolute; top:0px; left:185px; background:url(images/gallery/portraitdefault.jpg); width:240px; height:357px;
}

#more{
position:relative;
top:360px;
left:-160px;
}

#default1{
float:left;
position:relative;
top:0px;
left:387px;
}

ul.shopblue{
color:#6262FF;
}

#buynow {
margin:0; padding:0; position:absolute;
top:-20px; right:0px;
}

#homelinks{
	position:absolute;
	background:#00F;
	top:400px;
	left:400px;
}

#breadcrumbs{
	position:absolute;
	top:20px;
	right:20px;
}
	
.productbox{ width:240px; float:left; padding:20px; }	
.chef{float:left; margin:10px; padding:10px; width:210px; height: 200px; vertical-align:middle;}

ul.list{ list-style-position:inside; padding-left:20px;}