/*--------------------------------------------------*/
/* General Setup                                    */

	* {
		padding: 0;
		margin: 0;
	}

	html,
	body {
		font-family: arial, helvetica, sans-serif;
		font-size: 1em;
		color: #ccc;
		background: #000;
	}

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

	a:hover {
		text-decoration: underline;
	}

	a img {
		border: 0;
	}

	h1,
	h2,
	h3 {
		font-size: 1.1em;
		text-transform: uppercase;
		color: #fff;
		padding: 0 0 8px;
	}

	p {
		padding: 0 0 12px;
	}

	img {
		display: block;
	}

	ul, ol {
		padding: 0 24px 12px;
	}

	table {
		font-size: 1em;
	}

	fieldset {
		border: 0;
	}

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

	textarea {
		font-size: 1.2em;
	}

/*--------------------------------------------------*/
/* Generic Classes                                  */

	.clear:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	hr.pageSplit {
		position: absolute;
		left: -5000px;
	}

	.help {
		cursor: help;
	}

	.product a,
	.more {
		background: url("../../img/global/arrow.gif") no-repeat 100% 50%;
		padding-right: 8px;
	}

/*--------------------------------------------------*/
/* Skip Links                                       */

	#skipLinks,
	#styleSheetSwitcher {
		padding: 0;
		position: absolute;
	 	right: 0px;
	 	top: -500em; /* This needs a width, height and overflow hidden to stop IE5 MAC from doing horizontal scroll */
	}

	#skipLinks a:active,
	#skipLinks a:focus,
	#styleSheetSwitcher a:active,
	#styleSheetSwitcher a:focus {
		position: absolute;
		top: 500.25em;
		right: 0.25em;
		z-index: 5;
		white-space: nowrap;
		color: #000;
		background: #FFF;
		border: 2px solid red;
		padding: 3px;
	}

/*--------------------------------------------------*/
/* Wrapper                                          */

	#wrapper {
		font-size: 0.7em;
	}

/*--------------------------------------------------*/
/* Main template                                    */

	/*--------------------------------------------------*/
	/* Frame                                            */

		#frameContainer {
			background: url("../../img/global/background.jpg") repeat-x 0 100%;
			border-bottom: 1px solid #666;
			padding: 0 0 18px;
			text-align: center; /* IE5: treating block level elements as inline */
		}

		#frame {
			width: 750px;
			margin: 0 auto;
			text-align: left; /* IE5: restore correction */
		}

	/*--------------------------------------------------*/
	/* Header                                           */

		#header {
			padding: 20px 18px 40px;
		}

		#header img.logo {
			float: left;
		}

		#header div {
			float: right;
			width: 400px;
			padding-top: 66px;
		}

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

		#header ul li {
			float: left;
			background: url("../../img/global/arrow.gif") no-repeat 100% 50%;
			margin: 3px 24px 0 0;
		}

		#header ul li a {
			background: url("../../img/global/arrow.gif") no-repeat 100% 50%;
			padding: 0 8px 0 0;
			display: block;
			color: #fff;
			text-decoration: none;
		}

		#header form fieldset {
			border: 0;
			float: right;
		}

		#header form fieldset .input input {
			width: 100px;
			margin: 0 2px;
		}

	/*--------------------------------------------------*/
	/* Navigation                                       */

		/*--------------------------------------------------*/
		/* Main navigation                                  */

			#navigation {
				width: 180px;
				float: left;
			}

			#navigation h2 {
				text-transform: uppercase;;
				font-size: 1.1em;
				padding: 0 0 8px 18px;
				color: #fff;
			}

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

			#navigation ul li {
				border-bottom: 1px solid #000;
			}

			#navigation ul li span {
				display: block;
				background: #000 url("../../img/global/navigation.gif") repeat-x 0 100%;
				padding: 8px 8px 8px 18px;
				border-top: 1px solid #3e3e3e;
			}

			#navigation ul li span a {
				color: #999999;
			}

			#navigation ul li.expand span a {
				background: url("../../img/global/navigationMore.gif") no-repeat 100% 50%;
				display: block;
			}

			#navigation ul li.current span a {
				background: url("../../img/global/navigationCurrent.gif") no-repeat 100% 50%;
			}

		/*--------------------------------------------------*/
		/* Sub navigation                                   */

			#navigation ul li ul {
				margin-top: 1px;
				padding-bottom: 8px;
				border-top: 1px solid #292929;
				background: #000;
			}

			#navigation ul li ul li {
				background: #000;
				padding: 4px 8px 4px 18px;
				border: 0;
			}

			#navigation ul li.expand ul li a {
				background: transparent;
				color: #bebebe;
			}

			#navigation ul li ul li.current {
				background: #1f1f1f;
			}

			#navigation ul li ul li.current a {
				color: #fff;
			}

	/*--------------------------------------------------*/
	/* Showroom						                    */

		#navigation .retailers {
			padding: 32px 0 12px 18px;
		}

		#navigation .retailers h2 {
			padding: 0 8px 8px 0;
		}

		#navigation .retailers .map {
			margin: 0 0 12px 38px;
		}

		#navigation .retailers .input input#fldPostcode {
			width: 150px;
		}

		#navigation .jerseyGuernsey {
			padding-left: 18px;
		}

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

	#content {
		width: 538px;
		float: left;
		margin: 0 0 0 20px;
	}

/*--------------------------------------------------*/
/* Panels                                           */

	#panelsContainer {
		background: #454545 url("../../img/global/panel.jpg") repeat-x 0 0;
		border-bottom: 1px solid #666;
		text-align: center; /* IE5: treating block level elements as inline */
	}

	#panels {
		width: 750px;
		margin: 0 auto;
		text-align: left; /* IE5: restore correction */
	}

	#panels .panel {
		width: 249px;
		float: left;
	}

	#panels .panel h3 {
		padding: 8px 8px 8px 18px;
		font-size: 1.1em;
		text-transform: uppercase;
	}

	#panels .panel h3 a {
		background: url("../../img/global/arrow.gif") no-repeat 100% 50%;
		padding: 0 8px 0 0;
	}

	#panels .panel p {
		padding-left: 18px;
		padding-right: 8px;
	}

		#panels .panelTwo {
			border-right: 1px solid #666;
			border-left: 1px solid #666;
		}

		#panels .panelTwo img {
			margin: 0 0 8px;
		}

		#panels .panelThree div.image {
			position: relative;
			height: 170px; /* height of the image */
		}

		#panels .panelThree div img {
			position: absolute;
			top: 0;
			left: 0;
		}

/*--------------------------------------------------*/
/* Footer						                    */

	#footerContainer {
		background: #000;
		text-align: center; /* IE5: treating block level elements as inline */
	}

	#footer {
		width: 750px;
		padding: 8px 0;
		margin: 0 auto;
		text-align: left; /* IE5: restore correction */
	}

	#footer ul {
		list-style-type: none;
		padding: 0 0 0 18px;
	}

	#footer ul li {
		border-left: 1px solid #666;
		float: left;
		padding: 0 8px 0 8px;
	}

	#footer ul li a {
		color: #808080;
	}

	#footer ul li.first {
		border: 0;
		padding-left: 0;
	}

	#footer p {
		color: #808080;
		float: right;
	}

/*--------------------------------------------------*/
/* Generic class groups                             */

	/*--------------------------------------------------*/
	/* Basic Form                                       */

		.basicForm fieldset {
			padding: 0 0 12px 0;
		}

		.basicForm .error {
			color: red;
			background: inherit;
			font-weight: bold;
		}

		.basicForm .row {
			padding: 5px 0 0 11.5em;
			clear: both;
		}

		.basicForm .row .label { /* NS7: Cannot apply styles to label object */
			float: left;
			width: 11em;
			margin: 3px 0 0 -11.5em;
			text-align: right;
		}

		.basicForm .row .label abbr.required {
			border: 0;
		}

		.basicForm .row .input textarea {
			width: 375px;
			height: 40ex;
		}

		.basicForm .check .input,
		.basicForm .radio .input,
		.basicForm .text .input {
			display: block;
			padding: 3px 0 0 0;
		}

		.basicForm .date .input input {
			text-align: center;
		}

		.basicForm .optIn {
			padding: 14px 0 0 11.5em;
		}

		.basicForm .optIn p {
			width: 20em;
		}

		.basicForm .optIn p input {
			float: left;
			margin: 0 0 0 -2.5em;
			position: relative;
		}

		.basicForm .submit {
			margin: 0 0 12px 0;
		}

	/*--------------------------------------------------*/
	/* Delete + Table form                              */

		.deleteForm fieldset,
		.tableForm fieldset {
			padding: 0 0 12px 0;
		}

		.deleteForm .error,
		.tableForm .error {
			color: red;
			background: inherit;
			font-weight: bold;
		}

		.deleteForm fieldset legend,
		.tableForm fieldset legend {
			border: 1px solid #000;
			color: inherit;
			background: #AAA;
			font-weight: bold;
			padding: 1px 3px;
			margin: 0 0 0 2px;
		}

		.tableForm fieldset table {
			margin: 1em 0;
		}

		.tableForm fieldset table td.dimension input {
			width: 5em;
		}

		.tableForm fieldset table td.delete,
		.tableForm fieldset table td.preview {
			text-align: center;
		}

	/*--------------------------------------------------*/
	/* Basic table                                      */

		.basicTable {
			border: 1px solid #313131;
			background: #000;
			width: 100%;
			margin: 0 0 12px 0;
		}

		.basicTable thead th {
			padding: 8px;
			border: 0;
			color: #ccc;
			border-left: 1px dotted #2e2e2e;
			text-align: left;
			font-weight: normal;
		}

		.basicTable thead th.model {
			text-align: right;
		}

		.basicTable tbody th {
			padding: 8px;
			border: 0;
			border-top: 1px dotted #2e2e2e;
			text-align: right;
			font-weight: normal;
		}

		.basicTable tbody td {
			padding: 8px;
			color: #cccccc;
			text-align: left;
			border: 0;
			border-left: 1px dotted #2e2e2e;
			border-top: 1px dotted #2e2e2e;
			vertical-align: top;
		}

	/*--------------------------------------------------*/
	/* Basic gallery                                    */

		.basicGallery {
			list-style-type: none;
			padding: 0;
		}

		.basicGallery li {
			float: left;
			margin: 0 8px 0 0;
		}

		.basicGallery li img {
			border: 1px solid #2e2e2e;
		}

		.basicGallery li p {
			padding: 8px 0 12px 0;
			text-align: center;
		}

	/*--------------------------------------------------*/
	/* CMS Text                                         */

		#footer div.cmsTextEditable p, /* Exception due to the p being floated */
		.product div.cmsTextEditable p, /* Exception due to the p being floated */
		.cmsTextEditable,
		.cmsTextEditLink {
			background: #700 url("../../img/global/adminGradient.gif") repeat-x 0 100%;
			color: #FFF;
		}

		.cmsTextEditable a,
		.cmsTextEditLink a {
			text-decoration: underline;
		}

		.cmsImageEditable,
		.cmsBannerEditable {
			position: relative;
		}

		.cmsImageEditable a.cmsImageEditLink,
		.cmsBannerEditable a.cmsBannerEditLink {
			position: absolute;
			left: 3px;
			top: 3px;
			background: #700;
			color: #FFF;
			padding: 2px 4px;
		}

	/*--------------------------------------------------*/
	/* Admin links                                      */

		ul.adminLinks {
			padding: 0 0 12px 0;
		}

		ul.adminLinks li {
			list-style: none;
			display: inline;
		}

		p.adminLinks a,
		ul.adminLinks li a {
			background: #700;
			color: #FFF;
			padding: 2px;
		}

	/*--------------------------------------------------*/
	/* Actions                                          */

		.actions {
			padding: 20px 0 0;
			list-style-type: none;
			float: right;
		}

		.actions li {
			display: inline;
			border-right: 1px solid #7b7b7b;
			padding: 0 12px 0 8px;
		}

		.actions li a {
			background: url("../../img/global/arrowGrey.gif") no-repeat 100% 50%;
			padding-right: 8px;
			color: #7b7b7b;
		}

		.actions li.last {
			border: 0;
			padding-right: 0;
		}

	/*--------------------------------------------------*/
	/* Small nav                                        */

		.smallNav {
			padding: 0 0 12px 0;
		}

		.smallNav li {
			display: inline;
			list-style: none;
		}

	/*--------------------------------------------------*/
	/* Basic nav                                        */

		.basicNav {
			padding: 0;
		}

		.basicNav li {
			float: left;
			list-style: none;
			margin: 0 1em -1px 0;
			position: relative; /* IE5/6 WIN: needs this the the issueLogBody sits under this li */
			border-top: 1px solid #FFF;
			border-right: 1px solid #FFF;
			border-left: 1px solid #FFF;
		}

		.basicNav li a {
			text-decoration: none;
		}

		.basicNav li span,
		.basicNav li strong {
			display: block;
			padding: 5px;
			position: relative; /* IE5/6 WIN: needs this rule to apply the background colour */
			color: #333;
			background: #000;
			border-bottom: 1px solid #FFF;
		}

		.basicNav li strong {
			font-weight: normal;
			color: #FFF;
			background: #000;
			border-bottom: 1px solid #000;
		}

		.basicNavChild {
			clear: both;
			border: 1px solid #FFF;
			padding: 12px 12px 0 12px;
			margin: 0 0 12px 0;
		}