/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}

/* General tags */

a:link, a:visited {
	color: #fff;
	text-decoration: underline;
}

body {
	background: #231f20 ;
	color: #fff;
	font: 0.75em/1.4em Arial, Helvetica, Sans-serif;
}

hr {
	display: none;
}

p {
	padding: 0 0 1.4em;
}

.clear {
	clear: both;
}

/* Headings */

h1 {
	font-size: 2.6em;
	line-height: 1.3em;
}

h2 {
	margin: 0 0 1em;
	font-size: 1.2em;
}

/* Lists */

ul, ol {
	margin: 0 0 0 20px;
	padding: 0 0 1.4em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

/* Forms */

form {
}

	.input {
		padding: 0 0 10px;
	}

		.input label {
			padding: 5px 0 0;
			width: 120px;
			float: left;
			font-weight: bold;
		}

		.input select option {
			padding-right: 0.5em;
		}

		.input .error-message {
			margin-left: 120px;
			clear: left;
			color: #f99;
			font-weight: bold;
		}

	.checkbox {
		padding-left: 120px;
	}

		.checkbox label {
			padding-left: 5px;
			float: none;
		}

	.submit {
		padding: 5px 0 30px 120px;
	}

	form h2 {
		padding-top: 20px;
	}

/* Tables */

table {
	margin: 0 0 20px;
	width: 100%;
}

	td, th {
		padding: 3px 5px;
		border-bottom: solid 1px #666;
	}

	th {
		font-weight: bold;
	}

	th.action {
		width: 3em;
	}

	th.small {
		width: 6em;
	}

/* Header */

#header {
	height: 120px;
	background: #000 url(../img/divide.gif) 0 100% repeat-x;
}

	#header h1 {
		margin-left: -480px;
		position: absolute;
		display: block;
		width: 182px;
		height: 49px;
		top: 61px;
		left: 50%;
		overflow: hidden;
	}

		#header h1 a, #header h1 a span {
			position: absolute;
			display: block;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
		}

			#header h1 a span {
				background: url(../img/logo.jpg) no-repeat;
				z-index: 10;
				cursor: pointer;
			}

	#header p {
		margin-left: 211px;
		padding: 0;
		position: absolute;
		display: block;
		width: 269px;
		height: 28px;
		top: 69px;
		left: 50%;
		overflow: hidden;
	}

		#header p span {
			position: absolute;
			display: block;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background: url(../img/twt.gif) no-repeat;
			z-index: 10;
		}

		#main-site {
			margin-left: -265px;
			position: absolute;
			display: block;
			width: 223px;
			height: 13px;
			top: 78px;
			left: 50%;
			overflow: hidden;
		}

	#user-info {
		margin-right: -480px;
		position: absolute;
		top: 10px;
		right: 50%;
	}

/* Menu */

#menu {
	margin: 0 auto;
	width: 960px;
}

	#menu ul {
		margin: 0;
		padding: 0;
		width: 100%;
		overflow: hidden;
		list-style: none;
	}

		#menu ul li {
			margin: 0 5px 0 0;
			position: relative;
			float: left;
			display: inline;
			height: 30px;
		}

			#menu ul li a, #menu ul li a span {
				position: absolute;
				display: block;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				cursor: pointer;
			}

			#menu ul li a span {
				background: url(../img/menu.gif) no-repeat;
				z-index: 10;
			}

		#menu ul li#menu-home {
			width: 82px;
		}

			#menu ul li#menu-home a span {
				background-position: 0 0;
			}

		#menu ul li#menu-stockists {
			width: 99px;
		}

			#menu ul li#menu-stockists a span {
				background-position: -82px 0;
			}

		#menu ul li#menu-press {
			width: 74px;
		}

			#menu ul li#menu-press a span {
				background-position: -181px 0;
			}

		#menu ul li#menu-contact {
			width: 111px;
		}

			#menu ul li#menu-contact a span {
				background-position: -255px 0;
			}

/* Middle */

#middle {
	margin: 0 auto;
	padding: 30px 0 10px;
	width: 960px;
	overflow: hidden;
	/*background: url(../img/body.jpg) 50% -40px no-repeat;*/
}

	.intro {
		width: 710px;
	}

		.intro p {
			font-size: 1.7em;
			line-height: 1.3em;
		}

/* Footer */

#footer {
	padding: 25px 0 0;
	position: relative;
	background: url(../img/divide.gif) 0 0 repeat-x;
}

	#footer p {
		margin: 0 auto;
		width: 960px;
	}

	#footer p.design {
		margin-right: -480px;
		position: absolute;
		width: auto;
		top: 25px;
		right: 50%;
	}

	#footer a:link, #footer a:visited {
		color: #fff;
		text-decoration: underline;
	}

/* Newsletter signup */

/* Columns */

.container-3, .container-4 {
	width: 100%;
	overflow: hidden;
}

	.container-4 .col-1 {
		width: 240px;
		float: left;
	}

	.container-4 .col-2 {
		width: 480px;
		float: left;
	}

	.container-4 .col-3 {
		width: 720px;
		float: left;
	}

	.container-4 .col-4 {
		width: 960px;
		float: left;
	}

	.container-4 .col-1-text {
		padding: 0 20px 0 0;
		width: 230px;
		float: left;
	}

	.container-4 .col-2-text {
		padding: 0 20px 0 0;
		width: 460px;
		float: left;
	}

	.container-3 .col-2 {
		width: 600px;
		float: left;
	}

	.container-3 .col-1 {
		width: 300px;
		float: left;
	}

	.container-3 .col-1-text {
		padding: 0 20px 0 0;
		width: 280px;
		float: left;
	}

	.container-3 .col-2-text {
		padding: 0 20px 0 0;
		width: 580px;
		float: left;
	}

#ranges .col-1 img {
	float: left;
}

#ranges .col-1 a {
	display: block;
	height: 80px;
}

.home #ranges .col-1 a {
	height: 370px;
}

#ranges a:link .over, #ranges a:visited .over {
	display: none;	
}
#ranges a:link .normal, #ranges a:visited .normal {
	display: block;
}

#ranges a:hover .over, #ranges a:focus .over {
	display: block;
}
#ranges a:hover .normal, #ranges a:focus .normal {
	display: none;
}

/* Product page */

#product-box {
	margin: 0 0 20px;
	padding: 20px 20px 0;
	background: #fff;
	color: #000;
	border: solid 10px #ccc;
}

	#product-box a:link, #product-box a:visited {
		color: #06c;
		text-decoration: underline;
	}

	#product-box .guarantee {
		float: right;
	}

	#product-box .container-4 .col-2-text h1 {
		margin-bottom: -0.2em;
		width: 390px;
		float: left;
	}

	#product-box .container-4 .col-2-text h2 {
		width: 390px;
		float: left;
		clear: left;
	}

	#product-box .container-4 .col-2-text p {
		clear: both;
	}

	#product-box .container-4 .col-2,
	#product-box .container-4 .col-2-text {
		padding-bottom: 10px;
		width: 440px;
	}

	#key-features .intro p {
		font-size: 1.4em;
		line-height: 1.3em;
	}

	.ui-tabs .ui-tabs-hide {
		display: none;
	}

	.ui-tabs ul.ui-tabs-nav {
		margin: 0 0 30px;
		padding: 0;
		width: 100%;
		position: relative;
		overflow: hidden;
		border-bottom: solid 3px #ccc;
		list-style: none;
	}

		.ui-tabs ul.ui-tabs-nav li {
			margin: 0 5px 0 0;
			position: relative;
			float: left;
			display: inline;
			height: 30px;
			overflow: hidden;
		}

		.ui-tabs ul.ui-tabs-nav li#tab-key-features {
			width: 126px;
		}

		.ui-tabs ul.ui-tabs-nav li#tab-collection {
			width: 108px;
		}

			.ui-tabs ul.ui-tabs-nav li a, .ui-tabs ul.ui-tabs-nav li a span {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				cursor: pointer;
			}

				.ui-tabs ul.ui-tabs-nav li a span {
					background: url(../img/product-info-tabs.gif) no-repeat;
					z-index: 10;
				}

				.ui-tabs ul.ui-tabs-nav li#tab-collection a span {
					background-position: 0 -30px;
				}

	#collection {
	}

		#collection .products {
			margin: 0 0 15px;
			border-bottom: solid 1px #ccc;
		}

		#collection .products-last {
			border: none;
		}

			#collection .products .col-1-text {
				margin: 0 0 15px;
				display: inline;
				overflow: hidden;
			}

				#collection .products .col-1-text h2, #collection .products .col-2-text h2 {
					margin: 0;
				}

					#collection .products .col-1-text h2 strong {
						color: #737373;
					}

				#collection .products .col-1-text img, #collection .products .col-2-text img {
					float: right;
				}

				#collection .products .col-1-text p.code, #collection .products .col-2-text p.code {
					color: #4b4b4b;
					font-size: 0.9em;
				}

				.sIFR-active #collection .products .col-1-text p.code,
				#collection .products .col-2-text p.code {
					margin-top: -0.5em;
				}

				#collection .products .col-1-text ul,
				#collection .products .col-2-text ul {
					margin: 0;
					padding: 0;
					list-style: none;
				}

					#collection .products .col-1-text ul li,
					#collection .products .col-2-text ul li {
						padding-left: 8px;
						background-position: 0 6px;
						background-repeat: no-repeat;
					}

			#collection .products .col-1-wide {
				width: 390px;
			}

/* Product page colours */

#range-mcp h1, #range-mcp h2 {
	color: #00b1b0;
}
#range-mcp #product-box,
#range-mcp .ui-tabs ul.ui-tabs-nav,
#range-mcp #collection .products {
	border-color: #00b1b0;
}
#range-mcp .ui-tabs ul.ui-tabs-nav li.ui-state-active a span {
	background-position: -252px 0;
}
#range-mcp .ui-tabs ul.ui-tabs-nav li.ui-state-active#tab-collection a span {
	background-position: -252px -30px;
}
#range-mcp #collection .products .col-1-text ul li {
	background-image: url(../img/ranges/mcp-bullet.gif);
}



#range-gg h1, #range-gg h2 {
	color: #648641;
}
#range-gg #product-box,
#range-gg .ui-tabs ul.ui-tabs-nav,
#range-gg #collection .products {
	border-color: #b3d88c;
}
#range-gg .ui-tabs ul.ui-tabs-nav li.ui-state-active a span {
	background-position: -126px 0;
}
#range-gg .ui-tabs ul.ui-tabs-nav li.ui-state-active#tab-collection a span {
	background-position: -126px -30px;
}
#range-gg #collection .products .col-1-text ul li,
#range-gg #collection .products .col-2-text ul li {
	background-image: url(../img/ranges/gg-bullet.gif);
}


#range-cc-ha h1, #range-cc-ha h2 {
	color: #11175e;
}
#range-cc-ha #product-box,
#range-cc-ha .ui-tabs ul.ui-tabs-nav,
#range-cc-ha #collection .products {
	border-color: #11175e;
}
#range-cc-ha .ui-tabs ul.ui-tabs-nav li.ui-state-active a span {
	background-position: -378px 0;
}
#range-cc-ha .ui-tabs ul.ui-tabs-nav li.ui-state-active#tab-collection a span {
	background-position: -378px -30px;
}
#range-cc-ha #collection .products .col-1-text ul li {
	background-image: url(../img/ranges/cc-ha-bullet.gif);
}


#range-cc-ci h1, #range-cc-ci h2 {
	color: #8a1f03;
}
#range-cc-ci #product-box,
#range-cc-ci .ui-tabs ul.ui-tabs-nav,
#range-cc-ci #collection .products {
	border-color: #8a1f03;
}
#range-cc-ci .ui-tabs ul.ui-tabs-nav li.ui-state-active a span {
	background-position: -504px 0;
}
#range-cc-ci .ui-tabs ul.ui-tabs-nav li.ui-state-active#tab-collection a span {
	background-position: -504px -30px;
}
#range-cc-ci #collection .products .col-1-text ul li {
	background-image: url(../img/ranges/cc-ci-bullet.gif);
}

/* Stockists */

#map {
	width: 300px;
	float: right;
	text-align: right;
}

#stockists {
	width: 440px
	float: left;
	overflow: hidden;
}

	#stockists p {
		padding-right: 20px;
	}

	#middle #stockists .options {
		margin-right: 20px;
	}

	.stockist {
		margin: 0 20px 0 0;
		padding: 10px 0 ;
		width: 200px;
		overflow: hidden;
		float: left;
		display: inline;
		border-top: solid 1px #555;
	}

		#stockists .stockist .options {
			margin-right: 0;
		}

		#stockists .stockist p {
			padding: 0 0 5px;
		}

#regions {
	width: 150px;
	float: right;
}

	#regions a:link, #regions a:visited {
		color: #fff;
		text-decoration: none;
	}

	#regions ul {
		margin: 0;
		list-style: none;
		font-weight: bold;
	}

		#regions ul li {
			padding: 0.4em 0 0.3em;
		}
/* sIFR */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
}

.sIFR-active object {
	display: block;
}

.sIFR-active h1 {
	font-size: 2.7em;
}

.sIFR-active h2 {
	margin: 0 0 0.5em;
	font-size: 1.35em;
	letter-spacing: -0.1em;
}

/* Login page */

#login {
	padding: 20px 250px 30px;
}

/* Admin stuff */

#middle ul.options {
	margin: 0 0 20px;
	padding: 5px 10px;
	background: #ffe;
	color: #000;
	list-style: none;
}

	ul.options a:link, ul.options a:visited {
		color: #000;
		text-decoration: underline;
	}

	ul.options li {
		padding: 0 15px 0 0;
		display: inline;
	}

/* Press release */

#middle .press-release {
	margin: 0 20px 0 0;
	padding: 10px 0;
	display: inline;
	border-top: solid 1px #555;
}

	.press-release .date {
		margin: -13px 0 0;
		font-size: 0.9em;
	}

	.press-release ul {
		padding: 0;
	}

/* Paginaton */

.pagination {
	text-align: center;
}

	.pagination a, .pagination .current {
		padding: 3px 5px;
	}

	.pagination a:link, .pagination a:visited {
		background: #333;
		text-decoration: none;
	}

	.pagination .current {
		background: #fff;
		color: #000;
	}

/* Newsletter signup */

#newsletter-signup {
	margin-right: -480px;
	position: absolute;
	top: 120px;
	right: 50%;
}

#signup-window {
	display: none;
}

	#signup-form {
		padding: 10px 0 0;
	}

		#signup-form p {
			padding: 0 0 10px;
		}

		#signup-form .submit {
			padding-bottom: 0;
		}

#search-form {
	margin: 0 0 20px;
	padding: 10px;
	background: #333;
	border: solid 1px #666;
}

	#search-form h2, #search-form .input {
		padding: 0;
	}

#home-foot {
	padding: 20px 0;
	width: 710px;
	font-size: 1.3em;
	line-height: 1.4em;
}

#authMessage {
	margin: 0 0 10px;
	padding: 5px 10px;
	background: #c00;
	color: #fff;
	font-weight: bold;
}

#flashMessage {
	margin: 0 0 20px;
	padding: 5px 10px;
	background: #ffc;
	color: #000;
	font-weight: bold;
}