@charset "utf-8";
/* CSS Document */

* {padding : 0; margin : 0;} /*resets all to zero*/

/* hack for forcing scroll bars to stop page jog - http://www.splintered.co.uk/experiments/49/ */

html { margin-bottom: 1px; min-height: 100%; }

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #413F3F;
	text-align: center;
	min-width: 1000px;
	background : #010101 url(../images/body_bg.jpg) repeat-x fixed;
	padding-top: 50px;
	line-height: 1.3;
	font-size: 62.5%;
	voice-family: "\"}\""; 
	voice-family: inherit;
	font-size: small; /* for compliant browsers */
}


p {
	font-size:85%;
	color:#222222;
	line-height:1.5em;
	margin:0 0 10px 0;
}

/*be nice to Opera*/ 

html>body {  
	font-size: small;
}

/*set some defaults which will apply across all browser*/

h1, h2, h3, h4, h5, h6, pre, blockquote, label, ul, ol, dl, fieldset, address, select, input, textarea {margin: 0 0 8px 0; }



/* para styles */

p.large{
    font-size: 110%;
	font-weight: 500;/*changed font weight*/
}

p.smaller{
   font-size: 90%;
}

p.business{
	color: #014f35;
	float: left; 
	margin-top: 2px;
}

p.inputlabel{
	font-size: 100%;
    margin: 0 10px 0px 10px;
}



fieldset { padding : .5em; }

.assistive{display: none;}


h1{
    font-size: 150%;
	color: #000235;
	padding-bottom: 10px;
	border-bottom: 1px dotted #5e8e7e;
}

h2{
    font-size: 120%;
	font-weight: 400;
	color: #FC1922;
}


h3{
	font-size: 1.1em;
	color: #333;
	margin-bottom: 5px;; 
}


h4{
    font-size: 0.9em;
    font-weight: 700;
	color: #666;
	text-transform:uppercase;
	margin-bottom: 3px;
	margin-top: 8px;
}

h5{
    font-size: 100%;
    font-weight: 700;
	color: #014f35;
}

h6{
    font-size: 100%;
    font-weight: normal;
	color: #666;
}

a:link {
	color: #000235;
	text-decoration: none;
}

a:visited:hover {
	text-decoration:underline;
}

a:hover, a:focus {
	background-color: none;
	text-decoration: underline;
}

select, input, textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	*font-size: 90%;
}

.clear{clear: both;}

.error {font-weight: bold;
	color: #CC0000;
}


#container{
	width: 758px;
	text-align: left;
	margin: 0px auto;
	position: relative;
	border: 2px solid #666;
	background: #212121 url(../images/container-bg.jpg) no-repeat top;
}

	#container-products {
		width: 758px;
		text-align: left;
		margin: 0px auto;
		position: relative;
		border: 2px solid #666;
		background: #212121 url(../images/container-bg.jpg) no-repeat top;
		padding:0;
}


/*reset height to auto for good browsers*/

html>body #header{height: auto;}


#header{
	width: 758px;
    padding: 0px;
    height: 82px;
	min-height: 82px;
    background: url(../images/header_red.jpg) no-repeat;
}

	#header h1	{
	/*	border: 1px solid #00f; */
	}

	#header p.homeLink	{
/*		border: 1px solid #00f; */
		float: right;
		position: relative;
		left: -690px;
	}	

		#header p.homeLink a {
		/*	border: 1px solid #0f0; */
			float: left;
			height: 55px;
			width: 200px;
			text-indent: -9000px;
		}	

#imagereplace {
	float: left; 
	height: 70px;
	width: 270px;
}

label {margin: 0px 10px; float: left; 
}



ul#nav {
	color: #fff;
	list-style: none;
	background: #323436 url(../images/nav_bg.jpg) repeat-x;
	height: 27px;
	width: 100%;
	margin: 0;
	padding: 0;
	text-indent: 0;
	font-size:100%;
}
	
	ul#nav li{
		margin: 0;
		padding: 0;
		_padding:5px 0 0 0;
		height: 26px;
		_height:21px;
		border-left: 1px solid #737474;
		float: left;
	}
		ul#nav li.navend{
			border-left: 1px solid #737474;
			height: 24px;
			_height:21px;
			border-right: 0;
		}
		ul#nav li a {
			margin: 0;
			font-size: 0.95em;
			*font-size: 1em;
			padding: 4px 20px 4px 20px;
			border-right: 1px solid #4A4C4D;
			height: 19px;
			display: block;
			_display: inherit;
			color: #fff;
			text-decoration: none;
		}
		ul#nav li a:hover,  ul#nav li a.active{
			background: #000;
			border-right: 1px solid #000235;
			color: #fff;
			_background:#000000 none;
			_border-right: 1px solid #BEBEBE;
}
		
#content {
	width: 100%;
}

#home_main {
	width: 712px;
	background: #333 url(../images/homepage_main.jpg) no-repeat;
	height: 209px;
	border-bottom: 1px solid #fff;
	padding: 23px;
}
	#home_main h2{
		color: #fff;
		font-size: 1.6em;
		font-weight: 400;
	}
	#home_title{
		width: 317px;
		height: 26px;
		background: url(../images/home_title.gif) no-repeat;
	}
	#home_main p{
		color: #fff;
		font-size: 1em;
		width: 320px;
	}
	#home_main ul{
		margin: 20px 0 20px;
		list-style: square url(../images/li_main.gif) inside;
		*list-style: square url(../images/li_main_ie.gif);
		width: 340px;
	}
	#home_main li{
		color: #fff;
		padding-bottom: 1px;
		
	}

#home_sub {
	width: 735px;
	background: #fff url(../images/homepage_red.jpg) no-repeat;
	height: 200px;
	min-height: 210px;
	border-top: 1px solid #333;
	padding: 15px 0 0 23px;
}
	#home_sub h3{
		color: #333carbon copy ... and ;
		font-size: 1.3em;
		font-weight: 400;
	}
	#home_subtitle{
		width: 332px;
		height: 15px;
		background: url(../images/home_subtitle.gif) no-repeat;
	}
	#home_sub p{
		color: #333;
		font-size: 0.9em;
		width: 380px;
		margin-top: 12px;
	}
	#home_sub ul{
		margin: 10px 0 14px;
		*margin: -5px 0 10px;
		list-style: square url(../images/li_sub.gif) inside;
		*list-style: square url(../images/li_sub_ie.gif);
		width: 340px;
		font-size: 0.95em;
	}
	#home_sub li{
		color: #333;
	}
	#home_sub a{
		color: #CC0000;
		font-weight: bold;
		background: url(../images/link_red.gif) no-repeat;
		padding-left: 22px; 
		padding-bottom: 10px;
		font-size: 0.9em;
	}

#footer{
	color: #fff;
	width: 760px;
	text-align: left;
	padding-top: 10px;
	margin: 0px auto;
	position: relative;
	border-top: 1px solid #fff;
}
	#footer p{
		float:left;
		font-size: 0.85em;
		color:#FFFFFF;
	}
	#footer p.minttwist{
		float:right;
	}
	#footer p.minttwist a{
		font-weight: bold;
	}
	#footer a {
		color: #fff;
	}
	#footer a:hover {
		text-decoration: underline;
	}
	#footer img{
		float:left;
		
	}	
html>body #footer{height: auto;}/*reset height to auto for good browsers*/

#hr { 
	background: url(../images/RHS_HR.gif) repeat-x;
	width: 100%;
	height: 10px;
	border: 0;
	margin: 15px 0 10px 0;
}
	#hr hr { 
		display:none;
	}

/*clear float code from http://www.positioniseverything.net/easyclearing.html*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
	clear: both; 
    visibility: hidden;
	border: 1px solid #0cc; 
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}


.quote {
	color: #777;
	font-size: 100%;
}

.date{
	color: #666;
	font-size: 100%;
	text-align: right;
}



hr {
	background: url(../images/RHS_HR.gif) repeat-x;
	margin-top:15px;
}

a.action-link {
		font-weight:bold;
		background: url(../images/link_red.gif) no-repeat;
		padding:1px 0 1px 20px;
	}

a.xsl {
	color: #003896;
	background:url(../images/logo_xsl.gif) no-repeat;
	padding: 2px 0  0 25px;
}

p.minttwist {
	color: #fff;
	float: right;
}
	p.minttwist a, p.minttwist a:visited{
		color: #fff;
	}
	p.minttwist a:hover{
		text-decoration: underline;
	}

.products-container {
	margin:0 15px 15px 15px;
	_margin:0 5px 15px 5px;
	background:#FFFFFF;
	font-size:95%;
	_padding:5px;
	max-height:160px;
	_width:auto;
}

img.product-image {
	border:0;
	position:relative;
	float:left;
	width:160px;
	height:160px;
}

.products-container ul li {
	padding:2px 0 2px 0;
	font-size:90%;
}

.products-container ul.ul-left {
	float:left;
	list-style:none;
}

.products-container ul.ul-right {
	list-style:none;
	margin-left:20px;
	float:left;
}

.products-container ul.no-style {
	list-style:none;
	margin-top:5px;
	margin-left:0;
	padding-left:0;
}

.products-container ul.no-style li {
	padding:2px 0 2px 35px;
	*padding:2px 0 2px 20px;
}

	.products-container li a.li-red {
		background:url(../images/square_red.gif) no-repeat left center;
		padding:3px 0 3px 15px;
		color:#000000;
}

	.products-container li a.li-orange {
		background:url(../images/square_orange.gif) no-repeat left center;
		padding:3px 0 3px 15px;
		color:#000000;
}

	.products-container li a.li-green {
		background:url(../images/square_green.gif) no-repeat left center;
		padding:3px 0 3px 15px;
		color:#000000;
}

	.products-container li a.li-black {
		background:url(../images/square_black.gif) no-repeat left center;
		padding:3px 0 3px 15px;
		color:#000000;
}

		.products-container li.li-red {
			background:url(../images/square_red.gif) no-repeat left center;
			padding:3px 0 3px 15px;
			color:#000000;
	}
	
		.products-container li.li-orange {
			background:url(../images/square_orange.gif) no-repeat left center;
			padding:3px 0 3px 15px;
			color:#000000;
	}
	
		.products-container li.li-green {
			background:url(../images/square_green.gif) no-repeat left center;
			padding:3px 0 3px 15px;
			color:#000000;
	}
	
		.products-container li.li-black {
			background:url(../images/square_black.gif) no-repeat left center;
			padding:3px 0 3px 15px;
			color:#000000;
	}

.products-container li.current-colour a {
	font-weight:bold;
}

.products-container h3 {
	font-size:110%;
	font-weight:bolder;
	margin:0;
	padding:0;
	border:0;
}

.products-container h4 {
	font-size:90%;
	margin:0;
	padding:0;
	margin-top:20px;
}

.products-container .product-content {
	float:left;
	margin-left:20px;
	_margin-left:10px;
	padding:10px 0 10px 0;
}

.products-container .product-information {
	float:left;
	width:350px;
	margin-left:25px;
	_margin-left:10px;
	padding:10px 10px 10px 0;
}

.products-container .product-action-links {
	clear:both;
	margin-left:175px;
	_margin-left:165px;
	font-size:90%;
}

.products-container .product-action-links a.action-link {
	background-position:left center;
	padding:1px 0 2px 20px;
	float:left;
	margin-top:-25px;
}

.products-container .product-action-links .buy-it a.action-link {
	position:relative;
	float:right;
	margin-right:15px;
}

.products-container .product-information table {
	font-size:90%;
}

.products-container .product-information table select{
	margin: 5px 0 5px 15px;
	_margin:5px 0 5px 5px;
	width: 70px;
}
.products-container .product-information table input{
	margin: 5px 0 5px 0;
}

#copy-content {
	margin:15px 15px 0 15px;
	background:transparent;
	min-height:40px;
}

		#copy-content img.left {
			float:left;
			margin-right:10px;
			padding:3px;
			background-color:#666666;
			border:1px solid #999999;
}

		#copy-content img.right {
			float:right;
			margin-left:10px;
			padding:3px;
			background-color:#666666;
			border:1px solid #999999;
}

blockquote {
	margin:0 0 20px 20px;
	font-size:100%;
}

img.page-title {
	float:left;
	border:0;
	padding:0 20px 25px 2px;
}

h2.page-head {
	font-size:100%;
	font-weight:normal;
	color:#FFFFFF;
	padding:0 0 20px 0;
}

p.colour-switch {
	font-weight:bold;
	*margin:10px 0 0 0;
	margin:10px 0 0 -2px;
	font-size:100%;
}

#content {
	background:#FFFFFF;
	min-height:425px;
	_height:425px;
	padding:10px 10px 10px 175px;
	*padding:10px 10px 10px 15px;
	margin-bottom:15px;
	width:auto;
}

#about-page {
	width:auto;
	padding:10px 10px 10px 175px;
	height:425px;
	background:#FFFFFF url(../images/about-us-bg_red.jpg) repeat-y left;
	margin-bottom:15px;
}

#page-title-image {
	width:160px;
	float:left;
}

.float-left {
	float:left;
	width:50%;
	padding-bottom:35px;
	margin:0 auto;
}

#content p.small {
	font-size:85%;
}

#side-decoration {
	width:160px;
	float:left;
	margin:0;
}

#content ul {
	list-style:square url(../images/li_sub.gif);
	*list-style:square url(../images/li_sub_ie.gif);
	margin:0 0 0 50px;
}

#content ul li {
	margin:0 0 3px 0;
	font-size:85%;
}

#about-page ul {
	list-style:square url(../images/li_sub.gif);
	margin:0 0 0 50px;
	
	*list-style:square url(../images/li_sub_ie.gif);
}

#about-page ul li {
	margin:0 0 3px 0;
	font-size:85%;
}