
	@import url("/css/print.css");
	@import url("/css/handheld.css");

	@media screen {

		body {
			padding:0em;
			margin:0em;
			color:#000000;
			background-color:#1E3B6D;
			background-image:url(/images/bodyback.gif);
			background-position:center;
			background-repeat:repeat-y;
			font-family:arial,helvetica,sans-serif;
			font-size:100%;
			text-align:center; 
		}

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

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

		h1 {
			font-size:140%;
			font-weight:bold;
			color:#1E3B6D;
			background-color:inherit;
			margin:0em 0em 1em 0em;
			padding:0em;
		}

		h1.main {
			display:block;
			height:169px;
			background-image:url(/images/home.jpg);
		}

		h2 {
			font-size:100%;
			color:#1E3B6D;
			background-color:inherit;
		}


		h3 {
			font-size:100%;
			font-style:italic;
			font-weight:normal;
			color:#1E3B6D;
			background-color:inherit;
		}

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

		caption {
			display:none;
		}

		hr {
			display:none;
		}

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

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

		#container.alternate {
			background-image:none;
		}

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

		#header #logo {
			float:left;
		}

		#basket {
			display:inline; /* IE bug fix */
			float:right;
			width:265px;
			margin:16px 18px 0px 0px;
			background-image:url(/images/basket.gif);
			font-size:75%;
			font-weight:bold;
		}

		#basket p {
			display:block;
			padding:12px 5px 13px 42px;
			margin:0em;
			background-image:url(/images/basketbottom.gif);
			background-position:bottom;
			background-repeat:no-repeat;
		}			

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

		.nav {
			display:block;
			color:#FFFFFF;
			background-color:#0000FF;
			background:url(/images/navback.jpg);
			background-position:bottom;
			background-repeat:repeat-x;
			padding:0px 0px 0px 0px;
			height:25px;
			border-bottom:solid 5px #1E3B6D;
		}

		.nav ul {
			list-style-type:none;
			padding:0em;
			margin:0em;
			white-space:nowrap;
		}

		.nav li {
			display:inline; /* IE bug fix */
			float:left;
			margin:0px 27px 0px 27px;
		}

		.nav li a {
			display:block;
			/* height:24px;
			line-height:24px; */
		}

		/*

		.nav li a.home {
			background-image:url(/images/nav_home.jpg);
			width:51px;
		}

		.nav li a.hire {
			background-image:url(/images/nav_hire.jpg);
			width:43px;
		}

		.nav li a.delivery {
			background-image:url(/images/nav_delivery.jpg);
			width:70px;
		}

		.nav li a.help {
			background-image:url(/images/nav_help.jpg);
			width:45px;
		}

		.nav li a.contact {
			background-image:url(/images/nav_contact.jpg);
			width:87px;
		}
		*/

		.search {
			float:right;
			padding:0px 10px 0px 0px;
		}

		.search input {
			font-size:8pt;
		}

		.search input {
			vertical-align:middle;
		}

		.submitbutton {
			font-size:100%;
			font-family:arial,helvetica,sans-serif;
			font-weight:bold;
			color:#FFFFFF;
			background-color:#3465BF;
			padding:0.2em;
			border-top:solid 1px #FFFFFF;
			border-left:solid 1px #FFFFFF;
			border-bottom:solid 1px #000000;
			border-right:solid 1px #000000;
			cursor:pointer;
		}

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

		.buttons div {
			display:inline;
		}

		#menu {
			display:inline; /* IE bug fix */
			width:198px;
			margin:0px 18px 18px 18px;
			padding:18px 0px 0px 0px;
			float:left;
			color:inherit;
			background-color:#FFFFFF;
			font-size:75%;
		}

		#menu p {
			height:22px;
			line-height:22px;
			padding:0em;
			margin:0em;
		}

		#menu p.outerwear {
			background-image:url(/images/heading_outerwear.gif);
		}

		#menu p.baselayers {
			background-image:url(/images/heading_baselayers.gif);
		}

		#menu p.accessories {
			background-image:url(/images/heading_accessories.gif);
		}

		#menu p.information {
			background-image:url(/images/heading_information.gif);
		}

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

		#menu ul li {
			border-bottom:solid 2px #E0E7F5;
		}

		#menu ul li a {
			display:block;
			line-height:1.6em;
			height:1.6em;
			padding-left:22px;
			text-decoration:none;
			color:#000000;
			background-color:#FFFFFF;
			background-image:url(/images/bullet.gif);
			background-position:14px 50%;
			background-repeat:no-repeat;
		}

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

		#paymenttypes {
			height:99px;
			border-top:solid 36px #E0E7F5;
			background-image:url(/images/paymenttypes.gif);
		}

		#body {
			display:inline; /* IE bug fix */
			float:left;
			width:509px;
			margin:18px 16px 0px 0px;
			font-size:75%;
			font-family:arial,verdana,helvetica,sans-serif;
		}

		.alternate #body {
			width:707px;
			margin-left:18px;
		}

		ul#buttons {
			display:block;
			list-style-type:none;
			height:192px;
			margin:0em;
			padding:0em;
			background-image:url(/images/buttonbackground.jpg);
		}

		ul#buttons li {
			display:inline; /* IE bug fix */
			float:left;
		}

		ul#buttons li a {
			display:block;
			width:127px;
			height:192px;
			margin:0px 0px 0px 0px;
			background-image:url(/images/button_outerwear.gif);
			background-position:bottom left;
			background-repeat:no-repeat;
		}

		ul#buttons li a:hover {
			background-position:bottom right;
		}

		ul#buttons li a.outerwear {
			background-image:url(/images/button_outerwear.gif);
			width:128px;
		}

		ul#buttons li a.baselayers {
			background-image:url(/images/button_baselayers.gif);
		}

		ul#buttons li a.accessories {
			background-image:url(/images/button_accessories.gif);
		}

		ul#buttons li a.hire {
			background-image:url(/images/button_hire.gif);
		}

		#footer {
			clear:both;
			padding:2em 0em 2em 0em;
			text-align:center;
			font-size:75%;
			font-weight:bold;
			color:#808080;
			background-color:#FFFFFF;
		}

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

		#footer ul {
			display:block;
			list-style-type:none;
			color:inherit;
			background-color:#3465BF;
			margin:0em;
			padding:0.5em;
			height:1%; /* IE5 bug fix */
		}

		#footer ul li {
			display:inline;
			padding:0em 2.5em 0em 2.5em;
			height:1%; /* IE5 bug fix */
		}

		#footer ul li a {
			color:#FFFFFF;
			background-color:inherit;
		}

		#footer p a {
			color:#808080;
			background-color:inherit;
			text-decoration:none;
		}

		#footer p a:hover {
			text-decoration:underline;
		}

		.category {
			display:inline; /* IE bug fix */
			width:206px;
			float:left;
			margin:5px 5px 20px 5px;
			text-align:center;
			background-image:url(/images/categoryback.gif);
		}

		.category img {
			margin:0.5em;
		}

		.category a:link, .category a:visited, .category a:hover {
			display:block;
			text-decoration:none;
		}

		.category a span {
			display:block;
			padding:0.5em;
			color:#FFFFFF;
			background-color:#3465BF;
			background-image:url(/images/categoryback.gif);
			background-position:bottom;
		}

		.category a:hover span {
			color:#FFFFFF;
			background-color:#3465BF;
			background-image:url(/images/categoryback_hover.gif);
		}

		/* This is required to make IE play nice :) */

		.category a:hover {
			color:#FFFFFF;
			background-color:#3465BF;
			background-image:url(/images/categoryback.gif);
		}

		.range {
			display:inline; /* IE bug fix */
			width:242px;
			float:left;
			margin:0px 5px 20px 5px;
			border:solid 1px #1E3B6D;
			color:#990000;
			background-color:#EFEFEF;
		}

		.range img {
			float:left;
		}

		.range p {
			margin:0px 0px 0px 100px;
			padding:0.3em;
		}

		.product {
			margin:0px 220px 0px 0px;
			padding:1em 0em 1em 0em;
			background-image:url(/images/dots.gif);
			background-position:top;
			background-repeat:repeat-x;
		}

		.product h2 {
			margin:0em;
			padding:0em;
		}

		.product p {
			margin:0em;
			padding:0em 0em 0.5em 0em;
			color:#808080;
			background-color:inherit;
		}

		.product .price {
			color:#990000;
			background-color:inherit;
			font-weight:bold;
			font-size:130%;
		}

		.product fieldset {
			line-height:2em;
			border-width:0;
			border-style:solid; /* Opera bug fix */
			margin:0em;
			padding:0em;
			clear:left;
		}

		.product .stock {
			line-height:2em;
			padding:0em 0em 1em 0em;
			color:#FF0000;
			background-color:inherit;
			font-weight:bold;
			background-image:url(/images/dots.gif);
			background-position:bottom;
			background-repeat:repeat-x;
		}

		.product label {
			vertical-align:middle;
			font-weight:bold;
			float:left;
			width:8em;
		}

		.product select {
			vertical-align:middle;
			width:170px;
		}

		.product input {
			vertical-align:middle;
			margin:0px 0px 0px 14px;
		}

		ul.cols {
			list-style-type:none;
			width:100%;
			margin:0em;
			padding:0em;
		}

		ul.cols li {
			display:inline; /* IE bug fix */
			float:left;
			width:46%;
			background-image:url(/images/bullet.gif);
			background-position:10px 5px;
			background-repeat:no-repeat;
			padding:0px 0px 0px 20px;
			margin:0em 0em 0.2em 0em;
		}

		.additionalphoto {
			display:inline; /* IE bug fix */
			width:150px;
			float:left;
			margin:0px 5px 10px 5px;
			text-align:center;
		}

		.largeimg {
			width:210px;
			float:right;
			text-align:center;
		}

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

		.bitesize {
			margin:0em 0em 0em 2em;
		}

		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 #100406;
			text-align:left;
		}

		table.grid th {
			color:#FFFFFF;
			background-color:#3465BF;
		}

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

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

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

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



		.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;
		}

		.offer {
			border:solid 1px #9C945A;
			color:#9C945A;
			background-color:inherit;
			padding:1em;
			margin:1em 0em 0em 0em;
			font-size:120%;
			font-weight:bold;
		}

		.offertext {
			font-size:120%;
			font-weight:bold;
			color:#EE0000;
			background-color:inherit;
		}

		.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;
		}

		.note {
			font-size:90%;
		}

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

		p.breadcrumbs {
			background:url(/images/documents.gif);
			background-position:left center;
			background-repeat:no-repeat;
			border:solid 1px #E0E7F5;
			background-color:#FFFFFF;
			color:#000000;
			font-size:90%;
			padding:0.5em 0.5em 0.5em 30px;
		}

		p.breadcrumbs a {
			height:1%; /* IE5 bug fix */
			display:inline;
			padding:0px 0px 0px 10px;
			margin:0px 0px 0px 5px;
			background-image:url(/images/bullet.gif);
			background-position:0px 5px;
			background-repeat:no-repeat;
		}

		p.sort {
			color:inherit;
			background-color:#EFEFEF;
			text-align:right;
			padding:0.2em;
		}

		p.sort select {
			width:10em;
		}

		p.sort div {
			display:inline;
		}

		.col1 {
			width:40%;
			float:left;
		}

		.col2 {
			width:55%;
			float:left;
			background-image:url(/images/dots.gif);
			background-repeat:repeat-y;
			padding:0px 0px 0px 10px;
		}

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

		.cleaner {
			clear:both;
			height:1px;
			overflow:hidden;
		}

		a img {
			border:none;
		}

		p img {
			vertical-align:middle;
		}
	}
