body {
	margin: 0;
	text-align: center;
	background: #f1f1f1;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.8em;
	line-height: 1.6em;
}


img {margin: 0 auto;}

h3.sidetitles {
	margin: 0;
	color: White;
	background-color: #335a6d;
	padding: 4px 0 4px 9px;
	font-weight: normal;
	font-size: 1em;
}

h2 {
	color: #335a6d;
	margin: 5px 0;
	font-weight: normal;
	font-size: 1.55em;
}

h3 {
	color: #9F9F9F;
	margin: 10px 0 5px 0;
	font-weight: bold;
	font-size: 1.1em;
}

a {color: black; text-decoration: none;}

a:link, a:visited {color: black; text-decoration: none;}
a:hover {color: black; text-decoration: underline;}
a:active {color: black; text-decoration: none;}
/* ---------------- Top Nav and Header ----------------- */

h1#logo {
	width: 990px;
	height: 127px;
	margin: 0;
	background: url(images/logo.jpg) no-repeat left top;
}

h1#logo span {
	display: none;
}

div#container {
	width: 990px;
	margin: 0 auto;
	text-align: left;
	background-color: White;
	overflow: auto;
}

ul#topnav {
	margin: 0;
	padding: 0;
	background-color: #335a6d;
	height: 30px;
	list-style-type: none;
}

ul#topnav li {
	float: left;
	margin-right: 8px;
}

ul#topnav li a {
	text-decoration: none;
	color: #fff;
	padding: 5px 10px;
	float: left;
}

ul#topnav li a:hover {
	background: url(images/navhover.gif) no-repeat center bottom;
}

div#middlestrip {
	height: 26px;
	background-color: #9f9f9f;
	color: #fff;
	padding-left: 9px;
	padding-top: 4px;
}

form.search {

	margin: 0;

	padding: 0;

	border: none;

	float: left;

	width: 320px;

}



form.search fieldset {

	margin: 0;

	padding: 0;

	border: none;

	width: auto;

}



input#submit,input#search {

	border: 1px solid #335a6d;

	color: #335a6d;

	background-color: #fff;

}



iframe.basket {
	float: right;
	margin-right: 25px;
}

body.basket {
	background-color: #9f9f9f;
	text-align: right;
}

body.basket img {
	border: none;
	vertical-align: middle;
	margin-right: 4px;
}

body.basket a {
	text-decoration: none;
	color: #fff;
}

body.basket a:hover {
	text-decoration: underline;
}


/* ------------------------------------------------------- */


div#leftpanel {
	width: 218px;
	float: left;
	margin-right: 10px;
	background: #fff url(images/navbg.jpg) no-repeat right bottom;
	padding-bottom: 260px;
	margin-bottom: 15px;
}

ul#leftnav {
	margin: 0;
	padding: 0 0 0 9px;
	list-style-type: none;
}

ul#leftnav li {
	
	font-size: 0.85em;
	line-height: 2.4em;
	border-bottom: 1px dashed #e3e3e3;
}

ul#leftnav li a {
	text-decoration: none;
	color: #3c3939;
	display: block;
}

ul#leftnav li ul {
	display: none;
}

/* ------------------------------------------------------- */
div#middlecontent {
	width: 533px;
	float: left;
}
/* ------------------------------------------------------- */

div#rightpanel {
	width: 218px;
	float: right;
	background: #fff url(images/rightpanel_bg.jpg) no-repeat right bottom;
	padding-bottom: 360px;
	min-height: 300px;
}

table.specialoffers {
	border-collapse: collapse;
}

table.specialoffers tr td {
	vertical-align: middle;
	font-size: 0.7em;
	line-height: 1.4em;
	color: #335a6d;
	padding: 8px 1px;
}

table.specialoffers tr td a {color: #335a6d;; text-decoration: none;}
table.specialoffers tr td a:hover {color: #335a6d;; text-decoration: underline;}

/* ------------------------ Shop Content --------------------- */

div#shopcontent {
	width: 751px;
	float: left;
}

span.tree {font-size: 0.85em;color: #335a6d;}
span.tree a {text-decoration: none; color: #335a6d;}

span.tree a:link, span.tree a:visited {text-decoration: none; color: #335a6d;}
span.tree a:hover{text-decoration: underline; color: #335a6d;}
span.tree a:active {text-decoration: none; color: #335a6d;}


.ProductRow {
	width: 375px;
	float:left;
}

table.product {
	width: 97%;
	font-size: 0.85em;
	border-collapse: collapse;
	margin: 10px 0;
	height:345px;
}

table.product th {
	background: #335a6d;
	color: #fff;
	text-align: center;
	font-weight: normal;
	padding: 4px 3px;
	font-size: 1.2em;
}
table.product tr td {
	padding: 6px;
	line-height: 1.7em;
}
table.product th a {
	color: #fff;
	text-decoration: none;
}
table.product th a:link, table.product th a:link{text-decoration: none; color: white;}
table.product th a:hover {text-decoration: underline; color: white;}
table.product th a:active{text-decoration: none; color: white;}

table.product td.price {
	font-size: 1.4em;
	font-weight: bold;
	color: #335a6d;
}

input.order_button, input.go_button, input.formbutton, input.button, input.secure_button {
   background-color: #335a6d;
   border: none;
   color: white;
   font-size: 0.8em;
   padding: 3px 5px;
}

table#address {
	border-collapse: collapse;
	border: 5px solid #f1f1f1;
	margin: 10px 0 0 0;
	padding: 0;
	width: 300px;
	background: #f1f1f1;
	font-size: 1em;
}

table#address th {
color: #000;
border: 1px solid #335A6D;
background: transparent;
font-weight: bold;
}

table#address tr td {padding: 4px;}

table#address label {
	margin-right: 5px;
}

table#address input {
	font-size: 1.1em;
	border: 1px solid #335A6D;
	color: #335A6D;
	background: #fff;
	padding: 1px;
}

* html table#address input {
	color: #335A6D;
}

table#address input:focus { /* IE doesn't get this at all! */  border: 1px solid #335A6D; color: #335A6D!important; background: #FFF;}

table#ribbon {
	border-collapse: collapse;
	border: 5px solid #f1f1f1;
	margin: 10px 0 0 0;
	padding: 0;
	width: 300px;
	background: #f1f1f1;
	font-size: 1em;
}

table#ribbon th {
color: #000;
border: 1px solid #335A6D;
background: transparent;
font-weight: bold;
}

table#ribbon tr td {padding: 4px;}

table#ribbon label {
	margin-right: 5px;
}

table#ribbon input {
	font-size: 1.1em;
	border: 1px solid #335A6D;
	color: #335A6D;
	background: #fff;
	padding: 1px;
}

* html table#ribbon input {
	color: #335A6D;
}

table#ribbon input:focus { /* IE doesn't get this at all! */  border: 1px solid #335A6D; color: #335A6D!important; background: #FFF;}

ul#sublinks {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#sublinks li {
	list-style-type: none;
}

ul#sublinks li a {
	line-height: 2.2em;
	background: url(images/bulletpoint.gif) no-repeat 0 5px;
	padding-left: 15px;
	color: #335A6D;
	font-size: 1.1em;
	text-decoration: none;
	list-style-type: none;
}
ul#sublinks li a:link,ul#sublinks li a:visited {color: #335A6D;text-decoration: none;}
ul#sublinks li a:hover {color: #335A6D;text-decoration: underline;}
ul#sublinks li a:active {color: #335A6D;text-decoration: none;}
/*-------------- [ tpl_addprod ] ------------------*/

table.tpl_addprod {
	width: 650px;
	border: 1px solid #335A6D;
	font-size: 0.9em;
	border-collapse: collapse;
}

table.tpl_addprod tr td {padding: 4px;}

/*------------ [ END tpl_addprod ] ------------------*/

/*--------- [ tpl_viewcart ] --------*/

#tpl_viewcart1, #tpl_viewcart2 {
	width: 650px;
	border: 1px solid #335A6D;
	font-size: 0.9em;
	border-collapse: collapse;
	padding: 4px;
	margin-bottom: 15px;
}

#tpl_viewcart1 th {
	text-align: left;
	background: #335A6D;
	color: white;
}

/*--------- [ END tpl_viewcart ] --------*/

/*--------- [ tpl_checkout ] --------*/

table.tpl_checkout {
	width: 650px;
	border: 1px solid #335A6D;
	font-size: 0.9em;
	border-collapse: collapse;
	margin: 0 auto 15px auto;
}

table.tpl_checkout td, .tpl_checkout th {
	padding: 4px;
}

table.tpl_checkout th {
	text-align: left;
	background: #335A6D;
	color: white;
}

/*--------- [ END tpl_checkout ] --------*/

ul#recyclingpolicy {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#recyclingpolicy li {
	line-height: 2.2em;
	background: url(images/bulletpoint.gif) no-repeat 0 11px;
	padding-left: 15px;
	color: #335A6D;
	font-size: 1.1em;
}

/* ------------------ Contact Form ------------------- */

form#contactform {margin: 10px 0;color:#335A6D; float: left;}

form#contactform p {margin: 3px 0;}
	
form#contactform fieldset {
		width: 290px;
		border: 1px solid #E3E3E3;
}
	
form#contactform label {
		font-weight: bold;
		text-align: right;
		padding: 0 0.8em 0 0;
		margin-top: 0.3em;
		display: block;
		float: left;
		width: 8em;
		font-size: 0.85em;
	}
	
form#contactform p.leftspacing {	margin-left: 7.6em;}
	
form#contactform input, form#contactform textarea {
		margin-top: 0.5em;
		width: 14em;
		border: 1px solid #E3E3E3;
}
	
form#contactform input:hover, form#contactform textarea:hover {border-color: #E3E3E3;}
	
form#contactform input:focus, form#contactform textarea:focus {border-color: black;}
	
form#contactform textarea {width: 14.4em;}
	
form#contactform button {
		float: right;
		margin-right: 9.7em;
		background-color: #335A6D;
		color: white;
		border: none;
		padding: 3px 8px;
		margin-top: 5px;
}

div#map {
	float: right;
	width: 410px;
	height: 440px;
margin: 10px 10px 0 0;
}
/* ------------- Footer ---------------*/

div#footer {
	background-color: #9f9f9f;
	color: White;
	display: block;
	clear: both;
	padding: 9px;
	height: 20px;
	font-size: 0.85em;
}

p.address {
	float: left;
	margin: 0;
	
}

p.address span {
	margin: 0 11px;
}

p.address a {color: white;text-decoration: none;}
p.address a:link, p.address a:link {color: white;text-decoration: none;}
p.address a:hover {color: white;text-decoration: underline;}
p.address a:active {color: white;text-decoration: none;}

p#bf {
      color: white;
      text-align: right;
      margin: 0 auto;
      clear: both;
		float: right;
		display: none;
}

p#bf a {
      color: white; 
      font-weight: bold; 
      text-decoration: none;
}

p#bf a:hover {
      color: white;
      text-decoration: underline;
}

p#bf span a, #bf span a:hover {
      color: white;
      font-weight: normal; 
      text-decoration: none;
}
/* ------------------------------------------------------- */

form.forgetmenot table tr td {font-size: 0.8em;}

div#salmonpopup {
	text-align: left;
	width: 350px;
margin: 10px;
}

#mailing-list {
	margin: 10px 0;
	border: 1px solid #ddd;
	background: #f3f3f3;
	padding: 10px;
	float: left;
	width: 100%;
}

#mailing-list div {
	float: left;
	width: 42%;
}

#subscribebutton {
	float: left;
	width: 70px;
	margin: 0;
	border: 1px solid #424382;
	background: #5c5db5;
	color: #fff;
}

.clear {
	clear: left;
	height: 1%;
}


table#scroller {width: 400px; height: 20px; font-size: 0.9em; color: #fff; float: left;}