* {
	padding: 0;
	margin: 0;
}

html {
	height: 100.02%; /* Force scrollbar to stop contents jumping about */
}

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10pt;
	background-color: #fff;
	margin: 4px 0;
}

/* Not used at the moment */	
h1 {
	color: #000;
	font-family: verdana, arial, helvetica, sans-serif;
}

/* Product names and page heading in this style */
h2 {
	background-color: #E44635;
	color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	padding: 2px 4px;
	margin: 0;
	/* text-transform: uppercase; */
}

h3 {
	color: #4a5978;
	font-family: arial, helvetica, sans-serif;
	padding: 0;
	margin: 4px 0 0 0;
}

h4 {
	color: #5088ca;
	font-family: arial, helvetica, sans-serif;
	font-size: 12pt;
}

p {
	padding-bottom: 8px;
}

a {
	color: #e44635;
}

a:visited {
	color: #788098;
}

ul {
	list-style-type: square;
}

li {
	margin-left: 16px;
}

blockquote {
	padding-left: 20px;
	padding-right: 20px;
}

blockquote.q {
	font-weight: bold;
	font-size: 120%;
	margin: 10px 20px;
	padding: 8px 8px 8px 48px;
	line-height: 1.5em;
	background: transparent url(/images/btn/leftquote.png) left top no-repeat;
}

blockquote.q div {
	background: transparent url(/images/btn/rightquote.png) right bottom no-repeat;	
	padding-right: 48px;
	padding-bottom: 8px;	
	text-align: justify;
	color: #0060b6;
}

blockquote.q span {
	text-align: right;
	display: block;
	padding-right: 64px;
	color: #4a5978;
}

hr {
	display: none;
	visibility: hidden;
}

option {
	padding: 0 2px;
}

input, textarea {
	margin-bottom: 4px;
}

/* Hide 'skip navigation' link when stylesheet turned on! */
#skip {
	display: none;
	padding: 0;
	margin: 0;
}

/* SiteManager styles */
.body {
	padding: 4px 0;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 150%; 
	font-size: 11px;
}

.body2 {
	padding: 4px 0;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 120%; 
	font-size: 11px;
}

.headingRed {
	background-color: #E44635;
	color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	padding: 2px 4px;
	margin: 0;
}

.headingGrey {
	background-color: #788098;
	color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	padding: 2px 4px;
	margin: 0;
}

.headingBlue {
	background-color: #5088CA;
	color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	padding: 2px 4px;
	margin: 0;
}

.subHeading {
	color: #E44635;
	font-size: 13px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;	
}

.sidebarBody {
	margin-left: 4px;
	background-color: #DCDFE4;
	padding: 2px 4px;
	font-size: 11px;
	margin-bottom: 4px;
}

.sidebarBodyPink {
	margin-left: 4px;
	background-color: #FCE5DE;
	padding: 2px 4px;
	margin-bottom: 4px;
	font-size: 11px;	
}

.newsletter {
	margin-left: 4px;
	margin-bottom: 4px;	
	background-color: #DCDFE4;
	padding: 2px 4px;
	font-size: 10px;
}

.sidebarHeadingRed {
	background-color: #E44635;
	color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	padding: 2px 4px;
	margin-left: 4px;
}

.sidebarHeadingGrey {
	background-color: #788098;
	color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	padding: 2px 4px;
	margin-left: 4px;
}

.sidebarHeadingBlue {
	background-color: #5088CA;
	color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	padding: 2px 4px;
	margin-left: 4px;
}


.contactLabel {
	text-align: right;
	padding-right: 4px;
	font-size: 11px;
	padding-bottom: 2px;
	color: #0060B6;
}

/* Other template styles */
#header {
	padding: 0;
	margin: 0 auto;
	background-color: #0060b6;
	width: 760px;
}

	#header h1 {
		padding: 150px 0 0 0;
		text-indent: -1000px;
		height: 0;
		margin: 0;
		background-image: url(/images/btn/masthead.jpg);
		background-repeat: no-repeat;
		/* hide overflow:hidden from IE5/Mac */
		/* \*/
		overflow: hidden;
		/* */		
	}
	
#topnav {
	background-color: #788098;
	color: #fff;
	margin: 0 auto;
	padding: 4px 0;
	position: relative;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	width: 760px;
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;	
}

	#topnav ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
		#topnav ul li {
			display: inline;
			padding: 0;
			margin: 0; 
		}
		
	#topnav div {
		position: absolute;
		display: inline;
		top: 2px;
		right: 4px;
		vertical-align: middle;
	}
	
		#topnav div input {
			padding: 0;
			margin: 0;
		}
		
			#topnav div input#searchCriteria {
				height: 12px;
				margin-top: 0;
				font-size: 9px;
				font-family: verdana, arial, helvetica, sans-serif;
				width: 14em;
				vertical-align: top;
			}
			
			* html input#searchCriteria {
				border: 0;
				padding-bottom: 2px;
			}			
			
			#topnav div input.searchsubmit {
				font-family: verdana, arial, helvetica, sans-serif;
				color: #DCDFE4;
				background-color: #4A5978;
				font-size: 9px;
				border: 0;
				vertical-align: middle;
				font-weight: bold;
			}
			
	#topnav a,
	#topnav a:visited {
		color: #fff;
		text-decoration: none;
		padding: 3px 4px;
	}
	
	#topnav a:hover, #topnav .cur a {
		color: #fff;
		background-color: #4A5978;
	}
	
	li.bask a {
		background-image: url(/images/btn/basket-icon.png);
		background-position: right;
		background-repeat: no-repeat;
		padding-right: 20px !important;
		font-weight: bold;
	}

#container {
	padding: 0;
	margin: 0 auto;
	width: 760px;
	display: block;
	background-image: url(/images/btn/bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

	#catnav {
		width: 160px;
		margin: 0 2px 0 0;
		padding: 0;
		background-color: #788098;
		float: left;
	}

		#catnav ul {
			list-style-type: none;
			padding: 0;
			margin: 0;
			font-family: verdana, arial, helvetica, sans-serif;
			font-size: 11px;
		}
		
			#catnav ul li {
				padding: 3px 2px 3px 14px;
				margin: 0;	
				border-bottom: 1px #788098 solid;
				background-color: #788098;
				background-image: url(/images/btn/navarrow.png);
				background-position: 4px 4px;
				background-repeat: no-repeat;
				overflow: hidden;
			}
			
				/* Fudge arrow position for IE */
				* html #catnav ul li {
					background-position: 4px 6px;
					padding-top: 1px;
					padding-bottom: 1px;
				}
				
				#catnav ul li.offer {
					background-color: #0060B6;
				}
			
				#catnav ul li.cur {
					background-image: url(/images/btn/navarrow-down.png);
					margin: 0;
				}
				
					#catnav ul li.cur a {
						font-weight: bold
					}
					
						#catnav ul li.cur li a {
							font-weight: normal;
						}
				
					#catnav ul li.cur ul {
						padding: 0;
						margin: 4px 0 0 0;
					}
				
					#catnav ul li.cur li {
						padding-left: 14px;
						margin-left: -14px;
						background-color: #CDDBF0;
						color: #4A5978;
						border-bottom: 1px #aab4c8 solid;
						background-image: url(/images/btn/navarrow-sub.png);
					}
					
				#catnav ul li.cur li.cur {
					background-image: url(/images/btn/navarrow-sub-down.png);
				}
					#catnav ul li.cur li.cur a {
						font-weight: bold;
					}


					
			
			#catnav a {
				color: #fff;
				text-decoration: none;
			}
			
				#catnav li.cur li a {
					color: #4A5978;
				}
			
				#catnav a:hover {
					text-decoration: underline;
				}

	#container #contents {
		width: 594px;
		margin:  0;
		padding: 0 2px 0px 2px;
		border: 0;
		float: left;
	} 
	
		/* Fudge width on Internet Explorer */
		* html #container #contents {
			width: 594px;
			border: 0;
			padding: 0 0 0 2px;
			margin: 0;
		} 
	
		#container p {
			padding: 4px 0;
			margin: 0;
		}
	
		#container #contents ul,
		#container #contents ol {
			list-style-position: outside;
			padding: 8px;
			margin: 0 0 0 8px;
		}
		
		#container #contents li {
			padding-bottom: 2px;
			margin: 0 0 0 8px;
		}
	

#footer {
	clear: both;
	border-top: 4px solid #fff;
	background-color: #788098;
	color: #fff;
	font-size: 10px;
	text-align: right;
	padding: 4px 4px 4px 4px;
	margin: 0 auto;
	width: 752px;
}
	#footer span {
		float: left;
		padding-left: 4px;
	}

	#footer a {
		color: #fff;
		text-decoration: none;
	}
	
		#footer a:hover {
			color: #dcdfe4;
		}

/* Self clearing floats =============================================== */
#container:after,
#productview:after,
#related:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }
	
* html #container,
* html #productview,
* html #related {
	height: 1%;
}