body {
	background: #5091C3 url(images/bg.jpg) repeat-x left top;
	margin: 0;
	text-align: center;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
}
a {
	outline: none;
	border:none;
	text-decoration: none;
	color: #003F86;
}

a:hover {
	text-decoration: underline;
}

p {
	color: #003F86;
	font-size: 0.75em;
	line-height: 1.6em;
}
h2 {
	color: #003F86;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0 0 4px 0;
}
h3 {
	color: #003F86;
	font-size: 1em;
	margin: 0 0 20px 0;
}
div#maincontainer {
	width: 948px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	overflow: auto;
	background: #fff url(images/maincontainer_bg.jpg) repeat-x left top;
}


/* Top Navigation */

div#topstrip {
	height: 54px;
	border-bottom: 1px solid #AECAE1;
	background: url(images/topnavbg.jpg) repeat-x left top;
}

ul#topnav {
	margin: 0;
	padding: 8px 0 0 15px;
	list-style-type: none;
}

ul#topnav li {
	float: left;
}

ul#topnav li a {
	float: left;
	text-decoration: none;
	color: #fff;
	font-size: 0.9em;
	padding: 10px 14px;
margin-right: 20px;
}
ul#topnav li a:hover {
	background-color: #2767A4;
	border: 1px solid #639AC7;
	padding: 9px 13px;
}
ul#secondnav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: url(images/subnavbg.jpg) repeat-x left top;
	overflow: auto;
	height: 24px;
	padding: 6px 0 0 15px;
}

ul#secondnav li {
	float: left;
}

ul#secondnav li a {
	float: left;
	text-decoration: none;
	color: #8EA8C6;
	font-size: 0.8em;
	margin-right: 59px;
}

ul#secondnav li a.last {
	margin-right: 0!important;
}

ul#secondnav li a:hover {
	color: #fff;
}

div#basket {
	float: right;
	margin: 18px 15px 0 0;
	font-size: 0.9em;
	color: #fff;
}

div#basket img {
	margin-right: 12px;
}

/* ------------------------------------- */

div#leftpanel {
	width: 271px;
	float: left;
	background: #fff url(images/leftpanelbg.jpg) no-repeat left top;
	height: 615px;
}

h1#logo {
	width: 244px;
	height: 141px;
	background: url(images/westcoasts_logo.jpg) no-repeat left top;
	margin: 0;
}

h1#logo span {display: none;}

div#homemiddlecontent {
	width: 667px;
	float: right;
	padding: 312px 0 20px 0;
	background: url(images/hometopphoto.jpg) no-repeat left top;
}

h2#welcometitle {width: 349px;height: 51px;margin: 0;padding-bottom: 10px;background: #fff url(images/welcome_title.jpg) no-repeat left top;}
h2#welcometitle span {display: none;}

h2#abouttitle {width: 349px;height: 51px;margin: 0;padding-bottom: 10px;background: #fff url(images/about_title.jpg) no-repeat left top;}
h2#abouttitle span {display: none;}

h2#enquirytitle {width: 222px;height: 31px;margin: 0;padding-bottom: 10px;background: #fff url(images/enquiry_title.jpg) no-repeat left top;}
h2#enquirytitle span {display: none;}

h2#thankstitle {width: 355px;height: 31px;margin: 0;padding-bottom: 10px;background: #fff url(images/thanks.jpg) no-repeat left top;}
h2#thankstitle span {display: none;}

h2#frozentitle {width: 180px;height: 31px;margin: 0;padding-bottom: 10px;background: #fff url(images/frozen_title.jpg) no-repeat left top;}
h2#frozentitle span {display: none;}

h2#whatsnewtitle {width: 152px;height: 25px;margin: 0;padding-bottom: 10px;background: #fff url(images/whatsnew_title.jpg) no-repeat left top;}
h2#whatsnewtitle span {display: none;}

h2#linkstitle {width: 159px;height: 25px;margin: 0 0 10px 0;padding-bottom: 10px;background: #fff url(images/usefullinks_title.jpg) no-repeat left top;}
h2#linkstitle span {display: none;}

h2#manufacturers {width: 315px;height: 25px;margin: 0 0 10px 0;padding-bottom: 10px;background: #fff url(images/manufacturers_title.jpg) no-repeat left top;}
h2#manufacturers span {display: none;}

h2#recipeideas {width: 166px;height: 31px;margin: 0 0 10px 0;padding-bottom: 10px;background: #fff url(images/recipeideas_title.jpg) no-repeat left top;}
h2#recipeideas span {display: none;}

h2#smokingprocess {width: 219px;height: 31px;margin: 0 0 10px 0;padding-bottom: 10px;background: #fff url(images/smokingprocess_title.jpg) no-repeat left top;}
h2#smokingprocess span {display: none;}

img.homephoto {
	float: right;
	margin-left: 6px;
}

p.intro {
	font-size: 0.8em;
}


div#middlecontent {
	width: 652px;
	float: right;
	padding: 225px 15px 20px 0;
	background: url(images/topphoto.jpg) no-repeat right top;
}

/* Form Styling */

form#contactform {
	background-color: #F0F3F8;
	width: 390px;
	border: 1px solid #014087;
}

form#contactform fieldset {
	width: 380px;
	border: none;
}

form#contactform label {
	text-align: left;
	padding: 0 0.8em 0 0;
	margin-top: 0.3em;
	width: 11em;
	display: block;
	float: left;
	clear: left;
}

form#contactform input.field, #contactform textarea.field {
	float: left;
	margin-top: 0.5em;
	width: 16em;
}

#contactform textarea.field {
	width: 16.5em;
}

form#contactform input.feedback {
	margin: 5px 0 0 100px;
	background-color: #014087;
	color: #fff;
	border:none;
	padding: 3px;
}
/* ----------------------------- */


/* ---------------------- Footer -------------------------- */
div#footer {
	width: 917px;
	padding: 16px 0;
	border-top: 1px solid #B0C4DA;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.75em;
	color: #003F86;
}

#bf {
      font-weight: normal;
      font-size: 1em;
      text-align: right;
		float: right;
      clear: both;
		margin: 0;
}

#bf a {
      font-weight: bold; 
      text-decoration: none;
		color: #003F86;
}

#bf a:hover {
      text-decoration: underline;
		color: #003F86;
}

#bf span a, #bf span a:hover {
      font-weight: normal; 
      text-decoration: none;
		color: #003F86;
}


/* Updatable Page Styling */

/* Frozen Range */

table.row1 tr td{
	text-align: left;
	background-color:#4F8EC1;
	color: #fff;
	font-size: 0.9em;
	border: none;
}

table.row2 tr td{
	text-align: left;
	background-color:#4F8EC1;
	color: #fff;
	font-size: 0.9em;
	border: none;
}

table.row3 tr td{
	text-align: left;
	background-color:#4F8EC1;
	color: #fff;
	font-size: 0.9em;
	border: none;
}

table.row4 {
	border-collapse: collapse;
}
table.row4 tr td{
	text-align: left;
	color: #003F86;
	font-size: 0.75em;
	padding: 4px;
	border: none;
}

table.row4 tr th{
	text-align: left;
	background-color:#4F8EC1;
	color: #fff;
	font-size: 0.9em;
	padding: 4px;
	font-weight: normal;
	border-bottom: 1px solid #fff;
}

table.row4 tr td.lightbg{
	text-align: left;
	color: #003F86;
	font-size: 0.75em;
	padding: 4px;
	background-color: #E0E9EF;
	border-bottom: 1px solid #fff;
}

table.links {
	margin-bottom: 20px;
}

table.links p {
	margin: 0!important;
}

table.links h3 a:hover {
	text-decoration:none;
	color: #4C8BC0;
}

table.manufacturers {
	margin-top: 15px;
	border-collapse: collapse;
	width: 450px;
}
table.manufacturers tr td{
	text-align: left;
	color: #003F86;
	font-size: 0.75em;
	padding: 4px;
}

table.manufacturers tr th{
	text-align: left;
	background-color:#4F8EC1;
	color: #fff;
	font-size: 0.9em;
	padding: 4px;
	font-weight: normal;
	border-bottom: 1px solid #fff;
}

img.news_img {
	margin: 0 0 20px 11px;
}

h2.news_title {
	text-align: left;
	background-color:#4F8EC1;
	color: #fff;
	font-size: 0.9em;
	padding: 4px;
}

/* Shop Pages */

div#shopleftpanel {
	width: 271px;
	float: left;
	height: 615px;
}

span.tree {
	color: #4283B9;
	font-size: 0.75em;
}

form.search {
	margin: 80px 0 0 14px;
}

form.search fieldset {
	border: none;
	padding: 0;
}

form.search input#submit {
	background-color: #003F86;
	border: none;
	color: #fff;
	font-size: 0.7em;
	padding: 2px;
	float:left;
	margin: 4px 0 0 128px;
}

form.search input#search {
	border: 1px solid #689CC7;
	width: 175px;
}

form.search fieldset legend {
	font-size: 1em;
	margin: 0;
	color: #4283B9;
}

form.search fieldset legend span {
	color: #003F86;
}

ul#sidenav {
	margin: 35px 0 0 14px;
	padding: 0;
	list-style-type: none;
	width: 177px;
}

ul#sidenav li a {
	font-size: 0.8em;
	border-bottom: 1px dotted #C6D4E4;
	padding-bottom: 5px;
	margin-bottom: 12px;
	display:block;
}

table.productlist {
	width: 652px;
	border-collapse: collapse;
	margin-top: 7px;
}

table.smallproduct {
	border-collapse: collapse;
	width: 155px;
	float: left;
	color: #003F86;
	font-size: 0.8em;
	margin: 8px 8px 15px 0;
}

table.smallproduct tr td a:hover {
	text-decoration: none;
	color: #4283B9;
}
table.smallproductend {
	border-collapse: collapse;
	width: 150px;
	float: left;
	color: #003F86;
	font-size: 0.8em;
	margin: 8px 0 15px 0;
}
table.smallproductend tr td a:hover {
	text-decoration: none;
	color: #4283B9;
}
.height {
	height: 100px;
}

span.price {
	color: #4283B9;
	font-size: 1.1em;
}

/*---------[ tpl_product, tpl_shop] ----------*/

span.tree {
	font-size: 0.8em;
}

table.product {
	border-collapse: collapse;
	font-size: 1em;
	width: 100%;
	margin-top: 20px;
}

table.product th {
	padding: 1px 0 1px 4px;
	text-align: left;
	font-size: 1.1em;
	font-weight: normal;
	background-color: #5291C4;
	color: #fff;
}

table.product th a {
	text-decoration: none;
}

table.product th a:hover, .product th a:focus {
	text-decoration: underline;
}

input.order_button {
	background-color: #5291C4;
	color: #fff;
	border: none;
}

/*---------[ END tpl_product, tpl_shop] ----------*/

/*-------------- [ tpl_addprod ] ------------------*/

table.tpl_addprod {
	width: 600px;
	border: 1px solid #B0C4DA;
	background: #fff;
	font-size: 0.8em;
	padding: 4px;
}
input.go_button {
	background-color: #5291C4;
	color: #fff;
	border: none;
}
/*------------ [ END tpl_addprod ] ------------------*/

/*--------- [ tpl_viewcart ] --------*/

#tpl_viewcart1 {
	background: #fff;
	color: #000;
	border: 1px solid #B0C4DA;
	font-size: 0.8em;
	padding: 4px;
	width: 600px;
	border-collapse: collapse;
}

#tpl_viewcart2 {
	background: #fff;
	color: #000;
	border: 1px solid #B0C4DA;
	font-size: 0.8em;
	margin-top: 15px;
	padding: 4px;
	width: 600px;
	border-collapse: collapse;
}

#tpl_viewcart1 th {
	text-align: left;
	background-color: #5291C4;
	color: #fff;
}
input.formbutton {
	background-color: #5291C4;
	color: #fff;
	border: none;
}
/*--------- [ END tpl_viewcart ] --------*/

/*--------- [ tpl_checkout ] --------*/

table.tpl_checkout {
	width: 600px;
	background: #fff;
	font-size: 0.8em;
	border-collapse: collapse;
	padding: 0; 
	margin: 0 auto;
	border: 1px solid #B0C4DA;
}

table.tpl_checkout td, .tpl_checkout th {
	padding: 4px;
}

table.tpl_checkout th {
	text-align: left;
	background-color: #5291C4;
	color: #fff;
}

input.button {
	background-color: #5291C4;
	color: #fff;
	border: none;
}

input.secure_button {
	background-color: #5291C4;
	color: #fff;
	border: none;
}
/*--------- [ END tpl_checkout ] --------*/

/*---------[ tpl_iframe] ----------*/

body.iframe {
background: #3C7AB3 url(images/basket_bg.jpg) repeat-x left top;
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 0.9em;
}

.iframe img {
margin-right: 10px;
}

.iframe a {
	color: #fff;
}

.iframe a:hover {
	color: #fff;
	text-decoration: underline;
}

/*---------[ END tpl_iframe] ----------*/

table.search {
	border-collapse: collapse;
	font-size: 0.8em;
	width: 450px;
	border: 1px solid #B0C4DA;
}

table.search tr td {
	padding: 4px;
}