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

/* This rule resets a core set of elements so that they will appear consistent across browsers. */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}

body {
	background-color: #221E1F;
	background-image:url(/images/bg.jpg);
	background-repeat:repeat-x;
    color:#626157;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 18px;
  margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  text-align: center; /* Centers the page content container in IE 5 browsers. */
}

/********************* text styles **********************/

/* Commonly used to style page titles. */
h1 {
  color:#C00;
  font-size: 14px;
  font-weight: bold;
  border-bottom:1px solid #CCC;
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 10px 0px;
}

#hometext h1{
	color:#F93;
}
.bigred {
  color:#C00;
  font-size: 14px;
  font-weight: bold;
  padding: 0px 0px 10px 0px;
  margin: 10px 0px 10px 0px;
}
/* Commonly used to style section titles. */
h2 {
  color:#F60;
  font-size: 12px;
  font-weight: normal;
  line-height: 21px;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 10px 0px;
}

h3 {
  color:#808040
  font-size: 11px;
  font-weight: normal;
  line-height: 21px;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 10px 0px;
}

h4 {
  color:#800000;
  font-size: 11px;
  font-weight: normal;
  line-height: 14px;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 10px 0px;
}

h5 {
  color:#960;
  font-size: 12px;
  font-weight: normal;
  line-height: 21px;
  padding: 10px;
  margin: 10px;
 
}

h6 {
  color:#C63;
  font-size: 12px;
  font-weight: bold;
  border-bottom:1px solid #CCC;
  padding: 10px 0px 10px 0px;
  margin: 10px 0px 5px 0px;
}

p{
	text-align:justify;
	margin:5px 0 5px 0; padding:0;
}

.clearfloat{
	padding:50px 20px 20px 20px;
	clear:both;
	}


/********************* link styles **********************/

/* Sets the style for unvisited links. */
a,  a:link {
  color:#36F;
  font-weight: normal;
  text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
  color: #36F;
  font-weight: normal;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
  color:#C60;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a:focus {
  color: #C60;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
  color: #C60;
}

/********************* outer wrapper - holds content on center of page **********************/

#outerWrapper {
	margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  min-width: 500px;
  text-align: left; /* Redefines the text alignment defined by the body element. */
  width: 980px;
  
}

#navpluscontentwrap{
	position:relative;
}
	
/********************* header styles **********************/
#header {
  width: 980px;
  background-image:url(images/logo.jpg);
  background-repeat:no-repeat;
  height:130px;
}

#premium{
	position:relative;
	left:530px;
	top:70px;
	width:300px;
}


/********************* main content divs styles **********************/

#topNavigation {
  
  border-top: solid 1px #EF4137; /* Sets the bottom border properties for an element using shorthand notation */
  height: 25px;
  padding: 3px 10px 3px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}


#content {
margin:0; padding:0;
  background-color:#fff;
  position:relative;
/* The proprietary zoom property gives IE the hasLayout property which addresses several bugs. */
  zoom: 1;
  z-index: 10;
}

#contentleft{
	margin:0px;
	padding:0px 300px 0px 0px;
	min-height:750px;
}

#contentright{
	position:absolute;
	top:0px;
	left:640px;
	width:300px;
	margin:0px;
	padding:20px;
	}

#homecontentwrap {
margin:0; padding:0;
  
  position:relative;
/* The proprietary zoom property gives IE the hasLayout property which addresses several bugs. */
  zoom: 1;
}

#flash{margin:0; padding:0; position:relative; 
height:280px; width:980px; background:#424243;
z-index: 10;}


#contentwords {
margin:0;
padding:0px 40px 40px 40px;
min-height:650px;
 
}

/*home content styles*/
#homecontent{margin:2px 0 0px 0; padding:0;
position:relative; 
width:980px; background:#424243;}

#homecontent p {color:#ffffff;}

#hometext{margin:0; padding:10px 25px 30px 25px; position:relative;  width:430px; }


#homegallerynav{margin:0; padding:0; position:absolute; top:8px; left:490px; width:460px; }

#homegallerynav a{margin:0; padding:0; position:absolute; top:0px; border:0; display:block;}
#homegallerynav a.homeitem1{left:0px; }
#homegallerynav a.homeitem2{left: 160px; }
#homegallerynav a.homeitem3{left:320px; }
#homegallerynav img{margin:0; padding:0;}

#homegallerynav a img {display:block; width:0px; height:0px; border:0;}
#homegallerynav a img.thumb {display:block; width:145px; height:100px; border:0;}
#homegallerynav a:hover img {width:145px; height:100px; position:absolute;}
#homegallerynav a:hover img.thumb {display:none;}

/*#homegallerynav p{margin:0; padding:0; font-size:10px; width:145px; position:absolute; 
top:103px; line-height:13px;}
#homegallerynav p.homeitem1{left:0px; }
#homegallerynav p.homeitem2{left:160px; }
#homegallerynav p.homeitem3{left:320px;}*/

/*footer*/

#footer {
	
  padding: 2px 0px 2px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}

/********************* footer styles **********************/

#footer ul {margin:0; padding:0; list-style-type:none;}
#footer li {margin:0; padding:0; display:inline;
font-family:century gothic, Verdana, Arial, Helvetica;
 font-size:11px; color:#646545;}
#footer li a, #footer li a:visited {margin:0; padding:0; 
text-decoration:none; color:#646545;}
#footer li a:hover {color:#6F3;} 
 
#footer li.copyright {margin:0; padding:0;  }
#footer li.doodlefish {margin:0; padding:0; position:relative; top:0px; left:680px; }

/*end footer styles*/

/********************* corner styles **********************/
#topleftcorner{
margin:0; padding:0; position:relative;
background:url(images/topleftcorner.jpg);

width:44px; height:44px;
}
#lowrightcorner{
margin:0; padding:0; position:absolute;
background:url(images/lowrightcorner.jpg);
bottom:0px;
right:0px;
width:44px; height:44px;
}
#lowrightcornerhome{
margin:0; padding:0; position:absolute;
background:url(images/lowrightcornerhome.jpg);
bottom:0px;
right:0px;
width:40px; height:35px;
}

/********************* subnav styles **********************/
ul.subnav{
text-decoration:none;
position:absolute;
bottom:30px;
left:650px;
padding:0px; margin:0;
width:300px;
}

#homecontent ul.subnav{bottom:15px;}

ul.subnav li{
font-family: Arial, sans-serif;
font-size:12px;
font-weight:normal;
display:inline;
margin:0;
padding:0;
color:#A4A4A4;
}

ul.subnav li a{
text-decoration:none;
margin:0;
padding:0;
color:#CC9933;
}

ul.subnav li a:hover {
color:#F00;
}

/********************* end subnav styles **********************/

/********************* subnav styles **********************/
ul.prodnav{
text-decoration:none;
padding:0px; margin:0;
}

ul.prodnav li{
font-family: Arial, sans-serif;
font-size:12px;
font-weight:normal;
display:inline;
margin:0;
padding:0;
color:#A4A4A4;
list-style-type:none;
}

/*-----------------gallery styles-----------------------*/
/*#content_main_gallery {background:url(images/gallerybg.jpg) no-repeat; }*/

#gallery { margin:0px 0px 50px 0px;  padding:0; width:600px; height:400px; position:relative; top:10px; left:-10px; background-color:#ffffff;}
#gallery ul {list-style:none; padding:0; margin:0; width:600px; height:400px; overflow:auto;}

#gallery ul li {display:inline; width:95px; height:120px; float:left; padding:2px; margin:0 0px 10px 15px; border:1px solid #d6d6ab;}

#gallery ul li img{display:none;}
#gallery ul li img.thumb {display:block; width:95px; height:120px; border:0; cursor:pointer;}

#gallery ul li.off {display:none;}

#gallery ul li.click img {padding:2px; display:block; position:absolute; left:600px; top:0px; width:300px; height:400px; border:1px solid #d6d6ab;}


#gallery ul li.click img.thumb {display:none;}

#gallery ul li.default {width:0; height:0; border:0;}
#gallery ul li.default img {padding:2px; display:block; position:absolute; left:600px; top:0px; width:300px; height:400px; overflow:auto;}


/*textstyles*/

#gallery ul li.default h2{margin:0; padding:0; display:none; position:absolute; left:10px; top:280px; width:560px; font-size:12px; text-align:left; margin-top:5px; font-weight:bold;  color:#F00;}
#gallery ul li.default p{display:none; position:absolute; left:10px; width:560px; text-align:justify; top:300px; margin:0; padding:0; margin-top:5px; }

#gallery ul li.default h2, #gallery ul li.default p, #gallery ul li.click h2, #gallery ul li.click p, #gallery ul li.click a {display:block;}

#gallery ul li h2{margin:0; padding:0; display:none; position:absolute; left:10px; top:280px; width:560px; font-size:12px; text-align:left; margin-top:5px; font-weight:bold; color:#F00;}

#gallery ul li p {display:none; position:absolute; left:10px; width:560px; text-align:justify; top:300px; margin:0; padding:0; margin-top:5px;}


#gallery a{margin:0; padding:0; display:none;
text-decoration:none;}


/* end gallery */

.rightimage{
	float:right;
	margin:0px 5px 20px 20px;
	padding:2px 2px 0px 2px;
	}

#rightimage{
	float:right;
	margin:0px 5px 20px 20px;
	padding:2px 2px 0px 2px;
	
}

.leftimage{
	float:left;
	margin:0px 20px 20px 0px;
	padding:2px 2px 2px 2px;
	
}

.centreimage{
	display: block;
    margin-left: auto;
    margin-right: auto 
}
#contactform{
	margin:0px;
	padding:10px 10px 10px 10px;
	background-color:#F9F9F9;
	border:1px solid #eeeeee;
	}

.orderform{
	margin:0px;
	padding:10px 10px 10px 10px;
	background-color:#F7F7FB;
	border:1px solid #eeeeee;
	width:500px;
	}
	
	.formitem{
		margin:5px 10px 5px 0px;
		padding:10px;
		border-bottom: 1px solid #eeeeee;
	}
	
	.formitem label{
			}
	
	.formitem label.red{
		color:#C00;
		padding:5px;
		font-size:12px;
	}

.selectflavour{
	padding:0px;
	margin:0px auto 0px auto;
	text-align:center;
	width:600px;
	
}

.flavourhead{
	
	border_bottom:1px solid #eeeeee;
	font-size:14px;
	font-weight:bold;
}

grey{
	color:#8C8873;
	font-size:10px;
}

.largeimage{
	padding:0px;
	margin:0px;
	width:450px;
	height:500px;
	}
	
#flavourright{
		padding:0px;
		margin:0px;
		position:absolute;
		top:130px;
		left:550px;
		width:400px;
}

.item{
	padding:5px 5px 5px 5px;
	margin:10px 0px 0px 0px;
	border:1px solid #C2C0B6;
}

.itemborder{
	padding:5px 5px 5px 5px;
	margin:10px 0px 0px 0px;
	border-bottom:1px solid #C2C0B6;
}

.newsitem{
	padding:5px 5px 5px 5px;
	margin:20px 0px 10px 0px;
	border_bottom:1px solid #C2C0B6;
}
td.top{vertical-align:top; padding-left:20px;}


.frcolumn{
	float:right;
	width:400px;
	margin-top:30px;}
	
.cakebox{
	position:relative;
	margin:20px 20px 20px 0px;
	padding:10px;
	float:left;
	border:1px solid #E0E0BA;
	width:180px;
	height:350px;
}

.button{position:absolute;

bottom:20px;
right:20px;
}

#breadcrumbs{
	padding:0px;
	margin:-20px 20px 0px 0px;
	text-align:right;
}

.leftmargin{
	
	margin:0px;
	padding:0px 0px 0px 300px;
	
	
}

.form_right{
	
	float:right;
	margin:30px 5px 5px 20px;
	padding:10px;
	width:200px;
	background-color:#F8F8F8;
	border:1px solid #eeeeee;
	
}

.form_left{
	
	margin:30px 20px 5px 5px;
	padding:10px;
	width:350px;
	background-color:#F8F8F8;
	border:1px solid #eeeeee;
	
}

ul.bullet{
	list-style-type:none;
	list-style-image:url(images/bullet.jpg);
	list-style-position:inside;
	
}

.red{
	text-align:right;
	padding:10px;
	color:#F00;
	
}

#boxes{margin:0px 0px 10px 0px; padding:0; position:absolute; top:8px; left:470px; width:480px; }

.box{
	float:left;
	margin:0px 8px 10px 0px;
	padding:0px;
border: solid 1px #666;
height: 200px;
}

.box h2{
	color:#F93;
	margin:0px;
	font-size:11px;
}

.box p{
	font-size:10px;
	text-align:left;
	line-height:12px;
}



.productfeaturelist {
	list-style-type:none;
}

.images{
	margin:20px 0px 0px 0px;}

table.productTable td {padding:0px 3px 0px 3px;}
table.productTable tr {padding:0px 3px 0px 3px;}


td.productcode{
width:80px;}

td.name{
width:200px;}

td.price{
width:80px;}

td.qty{
width:80px;}

td.addtocart{
width:90px;}

.productTextInput{
width:30px;}

#headertran {
height: 290px;
}

#trans-image-box {
height: 300px;
float:right;
width:250px;
padding:2px 2px 0px 2px;
margin:0px 5px 20px 20px;
}

#trans-image{
	position:absolute;
	margin:0px;
	padding:0px;
	
}