
	@media print {

		body {
			font-family:arial,helvetica,sans-serif;
			font-size:100%;
		}

		.nav, #menu, #loginarea, #basket, .button, .switchview, .membernav {
			display:none;
		}

		#footer p {
			text-align:center;
		}

		a {
			color:#000000;
			background-color:inherit;
			text-decoration:none;
		}

		a img {
			border:none;
		}

		.largeimg {
			width:250px;
			float:right;
			text-align:right;
			margin:0px 0px 26px 26px;
		}

		.largeimg img {
			margin:0em 0em 1em 0em;
		}

		table.grid,table.form {
			width:100%;
			font-size:100%;
			padding:0.5em;
			border-collapse:collapse;
		}

		table.grid th,table.form th {
			font-weight:bold;
			padding:0.5em;
			border:solid 1px #000000;
			text-align:left;
		}

		table.grid td,table.form td {
			padding:0.5em;
			border:solid 1px #000000;
		}	
	}

	@media handheld {

		body {
			font-family:arial,helvetica,sans-serif;
			font-size:100%;
		}

		#loginarea {
			border:solid 1px #000000;
			padding:0em 1em 0em 1em;
			margin:0em 0em 1em 0em;
		}

		#menu h3 {
			font-size:100%;
		}

		#footer p {
			text-align:center;
		}

		a img {
			border:none;
		}

		table.grid,table.form {
			width:100%;
			font-size:100%;
			padding:0.5em;
			border-collapse:collapse;
		}

		table.grid th,table.form th {
			font-weight:bold;
			padding:0.5em;
			border:solid 1px #000000;
			text-align:left;
		}

		table.grid td,table.form td {
			padding:0.5em;
			border:solid 1px #000000;
		}

		.buttonsurround {
			text-align:center;
		}
	}

	@media screen {

		body {
			margin:1em 0em 1em 0em;
			padding:0em;
			color:#000000;
			background-color:#000044;
			font-family:tahoma,verdana,arial,helvetica,sans-serif;
			font-size:100%;
			text-align:center;
		}

		body.newwindow {
			margin:1em;
			padding:0em;
			color:#000000;
			background-color:#FFFFFF;
			font-size:80%;
			text-align:left;
		}

		body.newwindow .button {
			float:right;
		}

		body.newwindow hr {
			display:inline;
			border:none;
			height:1px;
			color:#000000;
			background-color:#000001;
			margin:0em 0em 0em 0em;
		}

		a:link, a:visited {
			color:#0C4481;
			background-color:inherit;
			text-decoration:underline;
		}

		a:hover {
			color:#000000;
			background-color:inherit;
			text-decoration:none;
		}

		h1 {
			font-family:arial,helvetica,verdana,sans-serif;
			font-size:140%;
			font-weight:bold;
			color:#000077;
			background-color:inherit;
			margin:1em 0em 1em 0em;
		}

		h1.main {
			display:block;
			width:526px;
			height:158px;
			background-image:url(/images/home.jpg);
			margin:1em 0em 1em 0em;
			padding:0px;
		}

		h2 {
			font-family:arial,helvetica,verdana,sans-serif;
			font-size:140%;
			color:#000077;
			background-color:inherit;
		}


		h3 {
			font-size:100%;
			color:#000077;
			background-color:inherit;
		}

		form {
			margin:0em;
			padding:0em;
		}

		hr {
			display:none;
		}

		input,select {
			font-size:1.2em;
		}

		.productselection select {
			font-size:1em;
			width:300px;
		}

		#container {
			width:779px;
			margin-left:auto;
			margin-right:auto;
			border:solid 1px #FFFFFE;
			text-align:left;
			background-image:url(/images/container_back.gif);
			background-repeat:repeat-y;
			color:inherit;
			background-color:#FFFFFF;
		}

		#header {
			height:80px;
			color:#FFFFFF;
			background-color:inherit;
			background:url(/images/header.jpg);
		}

		#header #logo {
			float:left;
			margin:10px 0px 0px 10px;
		}

		#basket {
			display:inline;
			float:right;
			width:265px;
			height:30px;
			margin:10px 10px 0px 0px;
			background-image:url(/images/basket.gif);
			font-size:8pt;
			font-weight:bold;
		}

		#basket p {
			padding:0px 0px 0px 43px;
			margin:0em;
			line-height:28px;
		}			

		#basket a {
			color:#FFFFFF;
			background-color:inherit;
		}

		#loginarea {
			display:none;
			padding:0.6em;
			margin:0em;
			color:#FFFFFF;
			background-color:#0CA8DC;
			font-size:70%;
			font-weight:bold;
			text-align:center;
			border-bottom:solid 8px #0A86AF;  
		}

		.nav {
			display:block;
		}

		.nav ul {
			list-style-type:none;
			height:2em;
			line-height:2em;
			margin:0em;
			padding:0em 0em 0em 198px;
			border-top:solid 1px #FFFFFF;
			border-bottom:solid 1px #FFFFFF;
			white-space:nowrap;
			color:#FFFFFF;
			background:url(/images/navback.gif);
			background-position:bottom;
			background-repeat:repeat-x;
			background-color:#193E98;
			font-size:70%;
			font-weight:bold;
		}

		.nav li {
			display:inline;
			float:left;
			padding-left:30px;
			padding-right:30px;
			background:url(/images/navdivide.gif);
			background-position:bottom right;
			background-repeat:no-repeat;
		}

		.nav li a:link, .nav li a:visited {
			color:#FFFFFF;
			background-color:inherit;
			text-decoration:none;
		}

		.nav li a:hover {
			color:#FFFFFF;
			background-color:inherit;
			text-decoration:underline;
		}

		.nav ul.bottom {
			border-bottom:none;
		}

		.nav ul.bottom li {
			float:right;
		}

		.button {
			display:inline;
			font-size:100%;
			font-family:tahoma,verdana,arial,helvetica,sans-serif;
			font-weight:bold;
			color:#FFFFFF;
			background-color:#0CA8DC;
			padding:0.2em;
			border:solid 1px #FFFFFF;
			cursor:pointer;
		}

		.buttonsurround {
			text-align:center;
			margin:1em;
		}

		#menu {
			display:inline;
			width:198px;
			float:left;
			font-size:70%;
		}

		#menu h3 {
			line-height:2em;
			padding:0em 0em 0em 36px;
			margin:0em;
			font-weight:bold;
			background-image:url(/images/fishy1.gif);
			background-position:center left;
			background-repeat:no-repeat;
			color:#FFFFFF;
			/* background-color:#0CA8DC; */
			background-color:#0CA8DC;

		}

		#menu h3 a {
			color:#FFFFFF;
			background-color:inherit;
			text-decoration:none;
		}

		#menu h3 a:hover {
			color:#FFFFFF;
			background-color:inherit;
			text-decoration:underline;
		}

		#menu h3.fish1 {
			background-image:url(/images/fishy1.gif);
		}

		#menu h3.fish2 {
			background-image:url(/images/fishy2.gif);
		}

		#menu h3.fish3 {
			background-image:url(/images/fishy3.gif);
		}

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

		#menu ul li {
			border-bottom:solid 3px #E6EBF7;
		}

		#menu ul li a {
			display:block;
			/* line-height:1.8em;
			height:1.8em; */
			padding:3px 0 3px 36px;
			text-decoration:none;
			color:#0C4481;
			background-color:#FFFFFF;
		}

		#menu ul li a:hover {
			text-decoration:none;
			color:#000000;
			background-color:#EFEFEF;
		}

		#body {
			float:left;
			width:579px;
		}

		.inner {
			padding:0px 26px 26px 26px;
			font-size:70%;
		}

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

		ul#buttons li {
			display:inline;
			float:left;
		}

		ul#buttons a {
			display:block;
			width:168px;
			height:196px;
			background:url(/images/aquatics.gif);
		}

		ul#buttons a#aquatics {
			background:url(/images/aquatics.gif);
			margin-right:11px;
		}

		ul#buttons a#watergardening {
			background:url(/images/watergardening.gif);
			margin-right:11px;
		}

		ul#buttons a#fountains {
			background:url(/images/fountains.gif);
		}

		#footer {
			clear:both;
			text-align:center;
			margin-top:5em;
			font-size:90%;
			color:#C0C0C0;
			background-color:inherit;
		}

		#footer p {
			text-align:center;
			margin-top:0.8em;
			margin-bottom:0.8em;
		}

		div.subcategory {
			width:175px;
			float:left;
			color:inherit;
			background-color:#EFEFEF;
			margin:0em 0em 1em 0em;
			text-align:center;
		}

		div.subcategory p {
			text-align:center;
			margin:0em 0em 1em 0em;
		}

		div.subcategory img {
			margin-top:1em;
			margin-bottom:0em;
			margin-left:auto;
			margin-right:auto;
		}

		.pricing, .bodyfeaturedprice {
			color:#C41B02;
			background-color:inherit;
		}

		.pricing a:link, .pricing a:hover, .pricing a:visited {
			color:#808080;
			background-color:inherit;
		}

		.pricing .bigpoundsign {
			font-family:'arial black',arial,helvetica,verdana,sans-serif;
			font-size:140%;
		}

		.pricing .bigprice {
			font-family:arial,helvetica,verdana,sans-serif;
			font-weight:bold;
			font-size:160%;
		}

		.pricing .deliveryprice {
			color:#808080;
			background-color:inherit;
		}

		td.pricing {
			text-align:center;
		}

		.switchview {
			display:block;
		}

		.bodyfeaturedpricegrey {
			color:#808080;
			background-color:inherit;
		}

		div.ranges_pictures {
			width:175px;
			float:left;
			margin:0em 0em 2em 0em;
			text-align:center;
			font-size:90%;
		}

		div.ranges_pictures p {
			margin:0em;
			width:150px;
			text-align:left;
		}

		p.ranges_names {
			color:inherit;
			background-color:#EFEFEF;
			padding:1em;
			margin:0em 0em 2em 0em;
			border-top:solid 1px #C0C0C0;
			border-bottom:solid 1px #C0C0C0;
		}

		.category {
			/* zoom:100%; IE invisible text fix */
			margin:0em 0em 2em 0em;
			border-top:solid 1px #C0C0C0;
			border-bottom:solid 1px #C0C0C0;
			color:inherit;
			background-color:#EFEFEF;
		}

		.category .img {
			display:inline;
			width:152px;
			margin:1em 0em 0em 1em;
			float:left;
		}

		.category .img img {
			border:solid 1px #FFFFFF;
		}

		.category .content {
			height:1%;
			overflow:visible;
			margin:0px 0px 0px 162px;
			padding:1em;
		}

		.category h2 {
			font-size:100%;
			padding:0em;
			margin:0em;
		}

		.category p.pricing {
			border-top:solid 1px #808080;
			border-bottom:solid 1px #808080;
			padding:0.5em;
			margin:0.5em 1em 1em 1em;
			text-align:right;
		}

		.category .button {
			width:152px;
			margin:0em 0em 0.3em 0em;
		}

		.moreinfo {
			float:right;
		}

		.largeimg {
			width:250px;
			float:right;
			text-align:right;
			margin:0px 0px 26px 24px;
		}

		.largeimg img {
			margin:0em 0em 0.5em 0em;
		}

		.box {
			width:20em;
			position:relative;
			margin: 0 auto;
			padding:1em;
			border:solid 1px #C0C0C0;
			color:inherit;
			background-color:#EFEFEF;
		}

		.box p {
			margin:0em 0em 0.5em 0em;
		}

		ul.membernav {
			display:block;
			list-style-type:none;
			background-color:#000077;
			color:#FFFFFF;
			text-align:center;
			font-weight:bold;
			margin:0em;
			padding:0.3em;
		}

		ul.membernav li {
			display:inline;
			height:1%; /* IE5 bug fix */
			padding-left:1em;
			padding-right:1em;
		}

		ul.membernav a:link,ul.membernav a:visited {
			background-color:inherit;
			color:#FFFFFF;
			text-decoration:none;
		}

		ul.membernav a:hover {
			background-color:inherit;
			color:#FFFFFF;
			text-decoration:underline;
		}

		table.grid, table.form {
			width:527px;
			font-size:100%;
			padding:0.5em;
			border-collapse:collapse;
		}

		table.grid th, table.form th {
			font-weight:bold;
			padding:0.5em;
			color:#FFFFFF;
			background-color:#0CA8DC;
			border:solid 1px #808080;
			text-align:left;
		}

		table.grid td, table.form td {
			padding:0.5em;
			border:solid 1px #808080;
		}

		table.grid img {
			float:right;
			margin:0em 0em 0em 0.5em;
		}

		table.grid img.icon {
			float:none;
			vertical-align:middle;
		}

		table.form th {
			width:30%;
			color:#000000;
			background-color:#EFEFEF;
		}

		.textarea {
			width:14em;
			margin-bottom:1px;
			font-family:verdana,arial,helvetica,sans-serif;
		}

		.textareamedium {
			width:8em;
			margin-bottom:1px;
			font-family:verdana,arial,helvetica,sans-serif;
		}

		.textareasmall {
			width:4em;
			margin-bottom:1px;
			font-family:verdana,arial,helvetica,sans-serif;
		}

		.novisual {
			display:none;
		}

		p.error {
			color:#FF0000;
			background-color:yellow;
			font-weight:bold;
			text-align:center;
			font-size:110%;
		}

		.errornote {
			color:#FF0000;
			background-color:yellow;
		}

		p.notice {
			color:#0000FF;
			background-color:inherit;
			font-weight:bold;
			text-align:center;
			font-size:110%;
		}

		.asterisk {
			font-weight:bold;
			color:#C41B02;
			background-color:inherit;
		}

		.cleaner {
			clear:both;
			font-size:0pt;
			height:1px;
			line-height:1px;
			overflow:hidden;
		}

		a img {
			border:none;
		}

		.strike {
			text-decoration:line-through;
		}
	}

