/* colours

Drainage Blue 	#000399
Drainage Orange #d64d33

Cream background #f4e3cb

Soft Blue/footer #565889

Red				#d60000

accent orange	#d64d33

nav blue		#00014c
nav orange		#f9950c

headers blue	#2d2f6c
 
best sellers border #cccded


/*----------------------------------------------*/

/*     General site wide
----------------------------------------------*/
body {
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#333333; 
	margin:0px auto; 
	padding:0px;
	text-align:center;
	background:url(../images/bg.png) repeat-y center #d7d7d7;
}

h2 {
	font-size:1.1em;
	color:#2d2f6c;
	margin-bottom:0.5em;
}

h3 {	
	font-size:1.1em;
	color:#2d2f6c;
	margin-bottom:0.4em;
	padding:0;
}

h4 {
	font-size:1em;
	margin-top:0;
	margin-bottom:0.5em;
}	

p {	
	margin:0.7em 0;
}
a {
	text-decoration:none;
	color:#333333;
} 
a:hover {
	text-decoration:underline !important;
}
a:focus {
	text-decoration:underline !important;
}

img {
	border:none;
	background:none;
}

#access-keys{
	position: absolute; 
	width: 250px; 
	left: -3000px; 
	float: left;
}
a em {
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}
address {
	margin-left:1em;
}

object {
	outline:none;
}
/*
S - Skip navigation
1 - Home page
2 - What's new
3 - Site map
4 - Search
5 - Frequently Asked Questions (FAQ)
6 - Help
7 - Complaints procedure
8 - Terms and conditions
9 - Feedback form
0 - Access key details
*/

form {	
	margin:0;
	padding:0;
}
.cleaner {
	overflow:hidden;
	clear:both;
	height:1px;
	margin-top:-1px;
}
.error, .mand {
	color:#ff0000;
}

.bigger
{ font-size:1.5em; letter-spacing:-1px; }


.smaller {
	font-size:0.9em;
}
.larger {
	font-size:1.3em;
}
.center {
	text-align:center;
}

.underline {
	text-decoration:underline;
}
#breadcrumb {
	font-size:0.8em;; 
	color:#333333; 
	font-weight:bold;
	border-bottom:1px dotted #d64d33;
}
#breadcrumb a {
	color:#666666;
}
.redprice {
	color:#dd3d14;
	font-weight:bold;
	display:inline-block;
}
.orange {
	color:#d64d33
}
.floatleft {
	float:left;
	padding:0 1em 1em 1em;
}
.floatright {
	float:right;
	padding:0 1em 0 1em;
}

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

blockquote {
	margin-top:0.5em;
	margin-left:1.5em;
}
.icon {
	line-height:2em;
	font-weight:bold;
}
.icon img{
	margin-bottom:-0.5em;
}
/*----------------------------------------------*/

/*     Layout for all site 
----------------------------------------------*/

#wrapper {
	width: 66.7em;
	margin:0 auto 0 auto;
	padding:0;
	text-align:left;
	border:#888888 0px solid;
	background-color:#FFFFFF;
	padding: 0 2px 0 2px;
}
/*   *header
----------------------------------------------*/

#logo {
	padding:20px 0 0 0;
	float:left;
	position:relative;
}

/*    *account login
----------------------------------------------*/
/*#login_call{
	font:Arial, Helvetica, sans-serif;
	font-size:1.8em;
	font-weight:bold;
	color:#c70100;
	display:block;
	width:300px;
	margin-top:0.7em;
	padding-right:3px;
	float:right;
	text-align:right;
}*/

#login_call{

	width:160px;
	margin-top:0.5em;
	padding-right:3px;
	float:right;
	font-size:11px;
	font-weight:bold;	
}
#myBasket
{
	width:160px;
	height:73px;
	background:url(../images/basket_bg.gif) top no-repeat;
	margin-top:4px;
	text-align:left;
	/*border:#000000 1px solid;*/
	letter-spacing:-1px;
	display:block;
}

.Btitle
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	margin-left:10px;
	line-height:21px;
	font-weight:normal;
	letter-spacing:0px;
	
}

.BitemsAndValue
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#502f00;
	margin:10px 0 4px 4px;
	letter-spacing:0px;
}


#login {
	width:42em;
	position:relative;
	float:right;
	margin-top:0.0em;
	text-align:right;
	line-height:1.7em;
	background-color:#FFFFFF;
}

#accounts img {
	margin:0 0.4em 0em 0em;
}

#login a {
	color:#000000;
	font-size:1em;
	font-weight:bold;
	margin:0 0.2em 0 0;
}/*
#login #basket {
	width:18em;
	float:right;
	margin-left:-4.2em;	
	margin-bottom:1em
}
*/
#login #basket a {
	color:#000000;
	font-weight:bold;
	
}

/*   *search bar
----------------------------------------------*/
/*   *search bar
----------------------------------------------*/
#search form{float:right; display:block; width:360px; }

#search {
	margin:5.5em 0 0 2.5em;
	width:30em;	
	float:left;

	position:relative;
	z-index:999;
	}
	
input.search {
	margin:0.7em 0.2em 0 0;
	padding:0.1em;
	height:1.3em;
	width:21.9em;
	font-size:1.1em;
	line-height:1.4em;
	color:#666666;
	float:left; 

}

#search .button{	
	float:left; display:inline; position:absolute; top:9px; right:7px;
}



div#searchDropDown							{margin:0; z-index:999; position:relative;}
div#searchDropDown .searchList				{width:330px; background:#ffffff; border:1px solid #999999; padding:5px 0 5px 0; margin:0; list-style:none; position:absolute; top:31px; left:0px;}
div#searchDropDown .searchList li 			{position:relative; width:220px; padding:1px 105px 1px 5px;}
div#searchDropDown .searchList li.on		{background:#EAEAEA;}
div#searchDropDown .searchList li a			{color:#336699;}
div#searchDropDown .searchList li a:hover,
div#searchDropDown .searchList li.on a		{text-decoration:underline;}
div#searchDropDown .searchList li a:hover span,
div#searchDropDown .searchList li.on a span	{color:#333333;}
div#searchDropDown .searchList li a span	{display:inline-block; width:100px; position:absolute; right:5px; top:0px; color:#CCCCCC; text-align:right; font-weight:normal;}


/*    *primary navigation
----------------------------------------------*/
.nav {
	padding:0; 
	margin:20px 0 0.8em 0; 
	list-style:none; 
	height:2.8em; 	
	background:#2d2f6c;
	position:relative; 
	z-index:500;
	border-bottom:1px solid #a0a0b5;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.nav li.top {
	display:block; 
	float:left;
}
.nav li a.top_link {
	display:block; 
	float:left; 
	height:2.8em; 
	line-height:2.7em; 
	color:#ffffff; 
	text-decoration:none; 
	font-size:1em; 
	padding:0 1em 0 1em; 
	cursor:pointer; 
	font-weight:bold;
	border-right:1px solid #505189;
}
.nav li a.lastNav {
	border-right:none;
}
.nav li a.top_link span {
	float:left; 
	display:block; 
	padding:0 1em 0 1em; 
	height:2.8em;
	font-weight:bold;
}
.nav li a.top_link:hover {
	color:#ffffff; 
	background:#565889;
	font-weight:bold;	
}

.nav li a.top_link:hover span {
	background:#565889;
	font-weight:bold;
}
/* HACK ie 7 & firefox */
.nav li:hover > a.top_link {
	color:#ffffff; 
	background:#565889;
	line-height:2.8em;
	font-weight:bold;
}
.nav li:hover > a.top_link span {
	background:#565889;
	font-weight:bold;

}
.nav table {
	border-collapse:collapse; 
	width:0; 
	height:0; 
	position:absolute; 
	top:0; 
	left:0;
}
.nav a:hover {
	visibility:visible; 
	position:relative; 
	z-index:200;
	font-weight:bold;
}
.nav li:hover {
	position:relative; 
	z-index:200;
}

/*  'next' level invisible by placing it off screen. */
.nav ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}
.nav ul.sub1 {min-width:16em; width:auto !important; width:16em;}

.nav :hover ul {
	left:-1px; 
	top:33px; 
	background: #fff; 
	border:1px solid #cccccc;
	border-top:none;
	white-space:nowrap; 
	height:auto; 
	z-index:300; 
}
.nav :hover ul li {
	display:block; 
	height:2em; 
	position:relative; 
	font-weight:normal; 
	width:250px;
}
.nav :hover ul li a {
	display:block; 
	font-size:0.9em; 
	height:2em; 
	line-height:2em; 
	width:auto; 
	padding:0 0.5em; 
	color:#333333; 
	border-bottom:1px solid #cccccc;
	text-decoration:none;
	font-weight:bold;
}

.nav :hover ul li a:hover {
	background:#565889;
	color:#ffffff;
	text-decoration:none !important;
}


/*    *side navigation menu
----------------------------------------------*/
#left-hand-content {
	padding:0px; 
	width:13.3em; 
	position:relative; 
	float:left;
	margin-right:0.2em;
}

#left-hand-content a {
	color:#152a3d;

	display:block;
	width:100%;
}

#left-hand-content a:hover{
	color:#152a3d;
	display:block;
	background-color:#f5f5f5;
}

.recent-viewed h3 , #right-hand-content h3,  h2.bestSellers, div#main-content2 .related-products h4 {
	font-size:1em; 
	color:#ffffff;
	height:2.5em; 
	line-height:2.5em;
	margin:0.5em 0.5em 0.5em 0;
	background:#2d2f6c;
	text-align:center;
}

#left-hand-content h2{
	font-size:1em; 
	color:#ffffff;
	height:1.8em; 
	line-height:1.8em;
	margin:0px;
	background:#2d2f6c;

}

#right-hand-content h3 a {
	color:#ffffff;
}
#left-hand-content ul{
	padding-left:0;
	margin:0;
	border: #efefef solid 1px;
}	

#left-hand-content li{	
	list-style:none;
	margin-left:0;
	font-size:1em;
	padding: 1px 0 2px 5px;
	position:relative;
	border-bottom:#efefef 1px solid;
}

#left-hand-content li.sub-menu {
	padding-left:15px;
	background:url(../Images/navarrow.gif) no-repeat left;
	font-weight:normal;	
}
#left-hand-content li.sub-menu:hover {
	padding-left:15px;
	background-color:#f5f5f5;
	font-weight:normal;	
}

.active{background:#565889;}
.active a{color:#fff !important;}
.active a:hover{background:#565889 !important; text-decoration:underline;}

#left-hand-content li.sub-menu a{
	font-weight:normal;	
	font-size:0.9em
}


#menu-underground {font-size:1em; color:#ffffff; height:2.5em; line-height:2.5em; margin:3px 0 3px 3px; text-align:left; background: #478867 !important; padding-left:10px;}
#menu-aboveground {font-size:1em; color:#ffffff; height:2.5em; line-height:2.5em; margin:3px 0 3px 3px; text-align:left; background: #456cba !important; padding-left:10px;}
#menu-storagetanks {font-size:1em; color:#ffffff; height:2.5em; line-height:2.5em; margin:3px 0 3px 3px; text-align:left; background: #c0a745 !important; padding-left:10px;}
#menu-accessories {font-size:1em; color:#ffffff; height:2.5em; line-height:2.5em; margin:3px 0 3px 3px; text-align:left; background: #268c8c !important; padding-left:10px;}
#menu-specialoffers {font-size:1em; color:#ffffff; height:2.5em; line-height:2.5em; margin:3px 0 3px 3px; text-align:left; background: #cb2727 !important; padding-left:10px;}
#menu-specialoffers a {color:#FFFFFF;}
#menu-specialoffers a:hover {background: #cb2727; color:#FFFFFF; text-decoration:underline;}

/*   *brand select
----------------------------------------------*/

#brand {
	background:url(../images/background-brand.gif) repeat-x;
	margin-bottom:0.5em;
	padding:0.3em 0.5em 0.5em 0.5em;
	height:5.5em;
}

/*hack ie 6 only */
*html #brand {
	padding:0.3em 0.2em 0.5em 0.5em;
}

#brand label {
	color:#000000;
	font-weight:bold;
}
#brand select {
	width:12.5em;
	margin:0.5em 0.2em 0 0;
	padding:0.1em;
	height:2em;	
	font-size:1em;
	line-height:2em;
	color:#666666;
}
#brand input {
	float:right;
	margin-top:0.2em;
}

/*    *recently viewed
----------------------------------------------*/
.recent-viewed  {	
	text-align:center;
	font-size:1em;
	padding-top:10px;
}
.recent-viewed .text {	
	margin: 0 0.5em 0 0.5em;
	text-align:center;
	color:#333333;
	min-height:2.5em; height:auto !important; height:2.5em;	
	font-size:0.9em;
}
#left-hand-content .recent-viewed a {	
	font-size:0.9em; 
	color:#dd3d14;	
}
#left-hand-content .recent-viewed .text a{	
	color:#333333;	
	font-weight:normal;
}
.recent-viewed img {
	margin:0.5em 0 0 0;
}

/*    *main content (center column)
----------------------------------------------*/
div#main-content, div#main-content2, div#main-content-plain, #main-content-all { 
	position:relative;
	float:left;
	width:38em;
	padding:0 0 0 0.4em;
	margin:0 0.8em 1em 0;
}
/* hack ie6 only */
*html div#main-content { 
margin:0;
padding:0 0 0 0em;
	width:37em;
}

div#main-content2, div#main-content-plain {
	width:52.3em;
	margin:0;
	min-height:60em; height:auto !important; height:60em;
	padding-bottom:1em;
}



div#main-content2 ul, div#main-content-plain ul{
	margin-top:0.5em;
}
div#main-content2 li, div#main-content-plain li{
	line-height:1.6em;
	margin-left:-1em;
}

div#main-content h1, div#main-content2 h1, div#main-content-plain h1 {
	font-size:1.1em;
	color:#00014c;
	margin-top:1em;
	width:100%;
}
div#main-content h1{
	background:#2d2f6c;
	padding:0.5em 0 0.5em 0.5em;
	color:#ffffff;
	text-align:center;
}

div#main-content2 h1 {
	margin-bottom:0.5em;
	color:#d64d33
}

/*    *right hand content (right column)
----------------------------------------------*/
#right-hand-content { 
	position:relative;
	float:right;
	width:13.5em;
	padding:0px;
	/*border:1px solid #333333;*/
	margin:0 0 0.5em 0;
}
/* hack ie6 only */
*html #right-hand-content { 
	width:13.2em;
}
#right-hand-content img { 	
	margin-bottom:0.2em;
}
#right-hand-content h4 {
	color:#000000;
	font-size:0.9em;
	margin:0.8em 0 0 0.3em;

}
#right-hand-content h4 a {
	color:#000000;
}
#right-hand-content p {
	font-size:0.9em;
	margin:0.3em 0 1em 0.3em;
	color:#666666;
	font-weight:normal;
}

/*     *footer  
----------------------------------------------*/
#footer { 
	background:#2d2f6c;
	height:3em; 
	color:#ffffff;
	font-size:0.9em;
	position:relative;
	float:left;
	width:100%;
	line-height:1.5em;
	margin-bottom:1em;	
}
#footer ul{
	list-style: none; 
	text-align:center;
	padding:0;
	margin:0;
}
#footer li {
	display:inline;  
	padding:0.8em 0.4em;
	line-height:3em;
}
#footer a {
	color:#ffffff;
}
.copyright{
	margin-top:0.5em;
	color:#999999;
	font-size:0.9em
}
.logo_sig{
	float:right;
	text-align:right;
	display:block;
	padding-bottom:10px;
}

.footer_info{
	float:left;
	width:500px;
	overflow:auto;
	padding:0px;
}	
.footer_info img{
	padding: 0px 20px 10px 0px;
}

.copyright img{	
	padding:0.5em 2em 1em 2em;
}
.copyright a{
	font-size:0.8em;
	color:#999999;
}


/*----------------------------------------------*/

/*     page specific 
----------------------------------------------*/

/*     *homepage 
----------------------------------------------*/
.homeTitle {
	margin-bottom:0.2em;
}
h2.bestSellers {
	padding:0em 0.2em 0em 0.5em;
	width:100%
}
#banner {
	width:38.7em;
}
/* special offers and best sellers! */
.special-offers {
	margin:0.5em 0.4em 0.5em 0.5em;	
	width:11.5em;
	text-align:center;
	float:left;
	border:1px solid #cccded;
}
h2.bestSellers a	{
	color:#ffffff;
}
/* hack ie6 only */
* html .special-offers {
	margin:1em 0.2em 1.5em 0.2em;	
}

.special-offers a{
	color:#666666;
	font-weight:normal;
}
.special-offers h4 {
	color:#dd3d14;
	margin-bottom:0.2em;	
	font-style:italic;
}
.special-offers .text {
	margin-top:0.3em;
	min-height:2.7em; height:auto !important; height:2.7em;
	font-size:0.9em;
	color:#666666;
}
.special-offers .price a {
	color:#dd3d14;
	font-weight:bold;
	font-size:0.9em
}


/***************   *newsletter sign up  *****************/
#sign-up {
	background:#565889;
	margin:0em 0 0.5em 0;
	padding:0.2em 0em 0.5em 0.1em;
	height:7em;
}


#sign-up form {
	padding:0.5em 0em 0em 0em;
}
#sign-up label {
	color:#ffffff;
	font-weight:bold;
	font-size:1.1em
}

#sign-up form input.newsletter-signup {
	float:right;
	margin:0.4em 0.3em 0 0;
}
input#newsletterEmail {
	width:100px;
	height:1.4em;
	padding:0.1em;	
	font-size:1em;
	line-height:1.4em;
	color:#666666;
	margin:0.5em 0 0 0.3em
}
*html #sign-up {
	padding:0.3em 0.2em 0.5em 0.4em;
}

div#sign-up-bg {background:url(../images/newsletter-bg.jpg) no-repeat;  position:relative; width: 156px; padding-top:7px; padding-left: 8px;font-size:1em; font-size:1em; height:90px; margin-bottom:5px;}
div#sign-up-bg form {padding-top:49px;}
div#sign-up-bg input.button {position:absolute; bottom:20px; right:17px;}
div#sign-up-bg input.box {position:absolute; bottom:20px; left:10px; color:#666; font-size:11px; padding: 4px 10px 4px 0; border:1px solid #bcbcbc;}
div#right-coloumn img {padding-bottom:5px;}

/*     *section page 
----------------------------------------------*/

#section-container .one-section {
	float:left;
	width:11.5em;
	text-align:center;
	min-height:12.7em; height:auto !important; height:12.7em; 
	margin:0.5em; 
	border:1px solid #ebebeb;
}

.InputMaxWidth
{	max-width:10px; }

/* hack ie 6 only */
* html #section-container .one-section {
	margin:0.3em;
}

.one-section h4 {
	font-size:1em;
	padding: 0.6em 0 0 0.4em;
	height:4em;
}

.one-section a {
	color:#000000;
}
.best-sellers-container {
	text-align:center;
	margin:0.7em 0.2em 0.5em 0.2em;
}
.best-sellers-container a{
	color:#000000;
	font-size:0.9em
}

/*     *list page 
----------------------------------------------*/

.top-Margin
{
	margin-top: 0.2em;
}

.one-section select 
{ 
	width: expression(document.body.clientWidth < 100? "70px" : document.body.clientWidth > 100? "70px" : "auto");	
	max-width: 70px;
}


#list-container .one-section {
	float:left;
	width:99%;
	/*min-height:11em; height:auto !important; height:11em; */
	margin:0.5em; 
	padding:0.1em 0.5em 0.5em 0.5em;
	border-bottom:1px solid #dddddd;
}
#list-container .one-section h4 {
	height:1em;
	padding:0.2em 0 0 0;
}
#list-container .one-section .list-image{
	float:left;
	/*min-height:7.5em; height:auto !important; height:7.5em;*/
	width:7.4em;
	/*border:#00FF00 1px solid;*/
}

#list-container .one-section img{
	float:left;
	margin-top:0.4em;
}
#list-container .one-section .text {
	float:left;
	width:20em;
	font-size:0.9em;
	/*min-height:6em; height:auto !important; height:6em;	*/
	height:8em;
	margin-top:0.2em;
	overflow:hidden;
	/*border:#ffFF00 1px solid;*/
}
#list-container .one-section .text-price, #list-container .one-section .text-price-web{
	margin-top:0.3em;
	float:left;
	font-weight:bold;
	color:#dd4d14;
	font-size:0.9em;
	width:10em;
	/*border:#00FFff 1px solid;*/
}

#list-container .one-section .text-price-web{
	margin-top:-0.5em;
}

.listFilter {
	margin:1em 0 1em 0;
	padding:0.5em;
	border-top:1px solid #dd4d14;
	color:#330033;
	font-size:0.9em
}
.listFilter select#sortByPrice {
	font-size:0.9em;
	margin-top:-1.8em
}
.listFilter input {
	margin-top:0.2em;
}
.pleaseContact {
	border:1px dashed #80b399;
	padding:0.5em;
	text-align:center;
}
/*     * product page
----------------------------------------------*/

div#main-content2 .text form {
	color:#000000;
	font-weight:bold;
	text-align:center
}
div#main-content2 .text label{ 
	width: 6em; 
	padding: 0; 
	margin: 0.2em 0.2em 0 0; 
	text-align: right;
}
div#main-content2 .text form input.quantity, div#main-content2 .text form select{
	margin:0.3em 0.2em 0 0;
	padding:0.1em;
	font-size:0.9em;
	line-height:1.4em;
	color:#666666;
}

.product-image .price {
	margin:0.2em 0em 1em 0em;
	text-align:center;
	font-size:1.3em;
	color:#666666
}
.product-image .price .nowprice{
 	font-size:1.2em;
	color:#dd3d14;
	font-weight:bold
}

.product-image .price .wasPrice{
	text-decoration:line-through;
}
div#main-content2 .text form input.quantity {
	height:1.4em;		
	width:2.5em;
	margin-top:0.7em
}

div#main-content2 .text form input.button {
	margin:0.9em 0 -0.2em 0.2em;
}	


div#main-content2 .text {
	width:30em;
	float:left;
	margin-right:0.8em;
	margin-bottom:1em;
	line-height:1.5em;
	color:#666666;
	/*font-size:0.9em;*/
}
div#main-content2 .product-image {
	width:25em;
	float:right;
}
div#main-content2 #image-holder {
	text-align:center;
	font-size:0.8em;
	line-height:2.8em;
	float:left;
			}
div#main-content2 .icons {
	text-align:right;
	font-size:0.8em;
	line-height:2.7em
}
div#main-content2 .icons img{
	margin-bottom:-0.2em;
	margin-right:0.5em
}

div#main-content2 .related-products  {
	width:100%
}

.related-products .one-product {
	width:11.9em;
	float:left;
	text-align:center;
	margin:1em;
	font-size:0.9em;
}
.related-products .one-product .productImage {
	width:12.5em;
	text-align:center;
	min-height:8em; height:auto !important; height:8em;	
}
.product-options {
	border: 1px solid #c1d9df;
	margin-bottom:0.5em;
	margin-top:2em;
	padding:0.2em 0 0.2em 0.2em;
	background:#d9e2f0;
}

/***********    buy product options    ***************/
/*.product-options  td {
	border-bottom:1px dashed #cccccc;
}*/

.buy_button {
	padding-left:.5em;
}


/*.sectionHead
{
	position:relative;
	height:40px;
	background:#2d2f6c;
	text-align:center;
	color:#FFFFFF;
}

.one-section, a
{ color:#FFFFFF; }
*/

.product-options td, th {
	padding: 0 0.4em 0 0.4em;
	color:#333333
}
.product-options .smaller {
	font-size:0.8em;
	font-weight:normal
}

.product-options th.price {
	text-align:center;
}
.product-options th.qty {
	padding-left:1.2em;
}

.product-options td.code {
	width: 7em;
}

.product-options td.desc {
	width:30em;
}
.product-options td.buy {
	width:8em;
}
.product-options td.desc, .product-options td.unit {
	background:#ffffff
}

.product-options td.price {
	background:#ffffff;	
	width:7em;
	text-align:right
}

.product-options input {
	font-size:0.9em;
}

/* HACK ie 5.5 only */
* html .product-options  table {
	font-size:1em;
	width:99% !important;
}
/* HACK ie 6 only */
* html .product-options  table {
	width:99% !important;
	wid\th:100% !important;
}
/***************   Printer Friendly Page  *****************/
.print {
	padding:0.5em;
	text-align:left;
}

.product-image {
	float:left;
	font-size:0.8em;
	text-align:center
}

.product-text {
	padding:1em;
	float:right;
	text-align:left;
}

/***************   *email friend Page  *****************/

.email-form {
	width:30em;
	padding:1em 0 0.5em 0;	
}
.email-form label {
	width:14em;
	font-weight:bold;
	}
.email-form .button {
	margin-top:0.5em;
}


/***********    product image swap    ***************/

.what {
	min-height:240px; height:auto !important; height:240px;	
	text-align:center;
	
}

a.gallery, a.gallery:visited {
	display:inline;  
	width:70px;
	height:70px; 
	float:left; 
	position:relative; 
	border:1px solid #cccccc; 
	padding:0px !important; 
}

a.slide1, a.slide2, a.slide4, a.slide5, a.slide7, a.slide8 {
	margin:0 0.6em 0.6em 0; 
	padding:0px !important;
}
a.slide3 {
	margin:0 0 0.6em 0
}

a.gallery span {
	visibility: hidden; 
	display:block; 
	position:absolute; 
	top:-268px; 
	left:4px;
}

a.slide2 span, a.slide5 span, a.slide8 span {
	left:-8.2em; 
}

a.slide3 span, a.slide6 span, a.slide9 span {
	left:-16.4em;
}
a.slide4 span, a.slide5 span, a.slide6 span {
	top:-345px; 
}
a.slide7 span, a.slide8 span, a.slide9 span {
	top:-4em; 
}
a.gallery:hover {white-space:normal; z-index:100;}
a.gallery:hover span {visibility:visible; z-index:100;}
a.gallery:hover span img { position:relative; z-index:100;}
a.gallery:active, a.gallery:focus { z-index:10;}
a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}
a.gallery:active span img, a.gallery:focus span img { position:relative;z-index:10;}
/*     *plain pages
----------------------------------------------*/

div#main-content-plain a {
	color:#000399;
	font-weight:bold;
}
/*     *News page
----------------------------------------------*/
.oneArticle {
	border-bottom:1px dotted #bfd9cc;
	padding:0.5em 0 1.5em 0;
	margin:1em 0 1em 0;
}	
div#main-content-plain .oneArticle a {
	font-weight:normal;
	font-size:0.9em
}
div#main-content-plain .oneArticle h2 a {
	color:#333333;
	font-weight:bold;
	font-size:1em
}
.articleImage {
	float:left;
	padding:0.5em 1em 0.2em 0;	
}

.newsArticle {
	float:left; 
	width:200px; 
	margin:0 1em 1em 0;
}

.related {
	font-size:0.9em
}
.related ul {
	list-style:none;
	margin:0 0 0 2em;
	padding:0;
}
.related ul li {
	padding:0.5em 0 0 0;
}	
div#main-content-plain .related ul li a{
	font-weight:normal;

}	
/*     *brand page
----------------------------------------------*/
.brands img {
	margin:0.1em 1.8em 0.1em 1.8em;
}

.brandList {
	margin-top:4em;
	border:1px dashed #80b399;
	list-style:none;
	padding-left:1em;
	margin-left:0
}
.brandList li {
 	margin:0.5em 0 0.8em 0;
	font-size:0.9em
}


/*     *basket pages
----------------------------------------------*/
table.main-basket {
	width:100%;
	margin-bottom:4em; 
	color:#333333; 
	font-size:1em;
}
table.main-basket th {
	background:#d9e2f0;
	border-bottom:1px solid #bfc0e5;
	font-size:1em;
	padding:0.2em 0.2em 0.2em 0.4em; 
	margin:0;
}

table.main-basket td {
	font-size:1em;
	padding:0.3em 0 0.3em 0.5em; 
	margin:0;
	border-bottom:1px dotted #bfc0e5;
}
table.main-basket th.quantity {	
	padding-left:1em;
}
table.main-basket td.quantity input {
	width:2.5em;
}
table.main-basket th.item, table.main-basket td.item { 
	width:38em;
}

table.main-basket td.buttons {
	text-align:left; 
	border:none;
	padding-top:0.5em;
	padding-bottom:0;
}
table.main-basket th.totals, table.main-basket th.total {
	text-align:right; 
	padding-right:1em; 
	border-bottom:none; 
	background:none;
	padding:0.5em 1em 0.5em 0;
}
table.main-basket th.total {
	font-weight:normal;
}
table.main-basket td.totals {
	text-align:right;
	padding-right:0.5em
}
table.main-basket th.finaltotal {
	text-align:right;
	padding-right:1em; 
	font-size:1.2em;
}
table.main-basket td.finaltotal {
	font-weight:bold; 
	font-size:1.2em; 
	background:#d9e2f0;	
	border:none;
	border-bottom:1px solid #bfc0e5;
	text-align:right;
	padding-right:0.5em
}

table.main-basket th.linetotal, table.main-basket td.linetotal {
	text-align:right; 
	padding-right:0.5em;
}
.vat {
	font-weight:normal;
	font-size:0.8em;
}
.world {
	margin-left:9em;
}
.paymentlogos img {	
	padding:0.5em;
}

/*     *terms & conditions
----------------------------------------------*/

.terms li {
	margin:0.7em 0 0.7em 0;
	font-size:0.9em
}
.terms .abc {
	list-style-type:lower-alpha; 
	font-size:1em;
}
.abc li {
	padding:3px;
}
.terms .abc ul {
	list-style:none;
}
.terms .abc ul li {
	list-style:none;
	margin-left:-30px;
}
.terms h3 {
	font-size:1em;
}

.roman {
	list-style-type:lower-roman;
}

/*     *contact page
----------------------------------------------*/
.contact-form form {
	margin:0;
	color:#666666;
	width:42em;
	margin-left:4em;	
}
.contact-form legend {
	display:none;
}
.contact-form fieldset, .email-form fieldset{
	border: 1px solid #cccded;
	margin-bottom:1em;
	padding:0.5em;
}
.contact-form label, .email-form label{ 
	float: left; 
	width: 10.5em; 
	padding: 0; 
	margin: 0.7em 0.5em 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}
.contact-form input.main, .contact-form select, .email-form input.main{
	margin:0.3em 0.2em 0 0;
	padding:0.1em;
	font-size:1.1em;
	line-height:1.4em;
	color:#666666;
}
.contact-form textarea {	
 	color:#666666;	
	margin:0.3em 0 0 0;
}
.contact-form input.main {
	height:1.3em;
}
.contact-form .button {
	margin-left:11em;
	margin-top:0.5em;
}
/* *sign up */
.contact-form label.signup {
	float:none;
	font-style:italic
}
.contact-form input.signup {
	margin:0.7em 0 -0.3em 0;

}

/*     *sitemap page
----------------------------------------------*/

#sitewide {
	margin-left:2em;
}
#sitewide h2 {
	margin-left:-1.8em;
	margin-bottom:-1em;
	font-size:1.2em
}
h3.sitemap, h3.maximise, h3.minimise {
	background : url(../images/maximise.gif) no-repeat center left;
	cursor : default;
	padding-left : 1.2em;
	color:#333333;
}

h3.minimise	{
	background : url(../images/minimise.gif) no-repeat center left;
}

ul.sitemap	{
	list-style-type : none;
	margin-left : 0.5cm;
	padding-left : 0;
}

ul.sitemap li {
	background : transparent;
	padding-left : 1.1em;
	font-weight:normal;
	padding-bottom:0.5em;
}

ul.sitemap li a	{
	background : transparent url(../images/sitemap-docbullet.gif) no-repeat;
	/*margin-left : -1.1em;*/
	padding-left : 1em;
	text-decoration:none;
	font-weight:normal;	
}
#main-content-plain ul.sitemap li a	{
	color:#333333;
}
ul.sitemap li img {
	padding-right : 0.2em;
}

ul.sitemap li a.parent {
	background : transparent;
	padding-left : 0;
	text-decoration:none;
}

ul.sitemap li ul{
	background : transparent /*url(../images/sitemapfolderbullet.gif)*/ no-repeat;
	list-style-type : none;
	margin : -1em 0 0 1.6em;
	padding : 0em 0 0 0.6em;
}

ul.sitemap li ul li	{
	margin-left : 0.5cm;
	padding-left : 1em;
}
h3.sitewide {
	background : transparent url(../images/sitemap-docbullet.gif) no-repeat  0px 2px;
}
#main-content-plain h3.sitewide a{
	text-decoration:none;
	color:#333333;
	padding-left:1.2em;
}

/*     *brand page
----------------------------------------------*/
#main-content-plain h2.brand {
	color:#ffffff;
	background:url(../images/background-brand-h2.gif) repeat-x;
	padding:1em 0 0.2em 0.3em;
	margin-top:0.2em;
}
#right-hand-content h3.brand  {
	font-size:1em; 
	color:#ffffff; 
	height:2.5em; 
	line-height:2.5em;
	margin:0 0 0.5em 0;
	text-align:center;
	background:url(../images/background-brand-headers.gif) repeat-x;
}
.brand-section {
	width:38em;
	position:relative;
	float:left;
}
.brand-section h3{
	padding:1.5em 0 0.5em 0.5em;
	font-size:1em;
	margin:0
}
.one-brand-section {
	background:url(../images/background-brand-group.gif) no-repeat;
	padding:0.2em 0.5em 0.5em 0.8em;
	min-height:4.5em; height:auto !important; height:4.5em;
	margin-bottom:0.5em
}

#main-content-plain .one-brand-section img{
	margin:0 0.5em 0 0.5em ;
	float:left;
	}

/*     *search page 
----------------------------------------------*/
.search-results a {
	color:#dd3d14;
}
.one-search {
	padding-bottom:1em;
}
.search-results a img {
	float:left;
	margin-right:0.5em;
}

.search-results h3 {
	background:#2d2f6c;
	padding:0.3em;
	font-size:1em;
	position:relative
}
.search-results h3 a{
	color:#ffffff;
}
.search-results .search-image {
	width:6.5em;
	float:left;
	position:relative
	}
.search-results .text {
	float:left;
	width:33em;
	min-height:3em; height:auto !important; height:3em;
	font-size:0.9em
}
.search-results .moreinfo a {
	color:#666666;
	font-size:0.9em;
}
#right-hand-content .search-options h3 {
	font-size:1em;
	color:#000000; 
	height:2.5em; 
	line-height:2.5em;
	margin:0.3em 0 0.5em 0;
	text-align:center;
	background:#e3e1e1
}

#right-hand-content .search-options h4 {
	background:#e3e1e1;
	color:#000000;
	font-size:0.9em;
	padding:0.5em 0 0.3em 0.5em;
	margin:0.8em 0 0 0em

}
.search-options .options {
	font-size:0.9em;
	line-height:2em;
	margin:0.5em 0 0 1em;
}
.search-options .options a {
	text-decoration:underline;
}
.search-options label {
	font-size:0.9em;
}
.search-options select {
	font-size:0.9em;
	margin-top:0.4em;
	width:15em
}
.button2 {
	margin-top:0.3em;
}
.suggestedSearches		{background:#e3e1e1; padding:5px; font-weight:bold;}
.suggestedSearches a	{color:#2d2f6c;}
/*     *forums 
----------------------------------------------*/
/*     *forums - default 
----------------------------------------------*/

.forum-titles {
	font-size:0.9em;
	color:#999999;
	margin-left:3.2em
}

.forum h3, .forum-board h3 {
	background:#d9d9f0;
	padding:0.8em 0 0.2em 0.3em;
	margin:0 0 1em 0;
	font-size:1.2em;
	width:43.3em
}

.forum-subject, .forum-subject2 {
	float: left;
	width:32.4em;	
	margin-left:1em;
}
.forum-subject2 {
	width:21.5em;
}
/* hack ie6 only */
* html .forum-subject {
	margin-left:0em;
}
.forum-threads, .forum-lastpost, .forum-views {
	float:left;
	width:5.5em; 
	text-align:center;
}
.forum-lastpost {
	width:10.5em;
}
.forums {
	min-height:4.5em; height:auto !important; height:4.5em;
}
.forums img, .forumfolder {
	float:left;
}
h4.forum-subject {
	float: left;
	width:29.2em;	
	margin-left:0.8em;
}
.forums .forum-threads, .forums .forum-views {
	float:left;
	width:4.8em; 
	text-align:center;	
}
.forums .forum-lastpost {
	width:9.5em;	
}

/*     *forums - boards
----------------------------------------------*/
.forum-board h4.forum-subject {
	float: left;
	width:20em;
}
/********* page numbers ************/
.forum-pages {margin:0.5em 0.2em 0.5em 0; float:right;}
.forum-pages ul {font-size:1em; clear:both; list-style:none;color:#666666;}
.forum-pages li {float:left; border:1px solid #cccccc; background:#e1e1e1;}
.forum-pages p, .forum-pages li a {padding:0 0.5em 0 0.5em; font-size:0.9em; margin:0}
/***************  *Message Page  *****************/
div.thread-left, div.thread-right, div.thread-leftA, div.thread-rightA {
	width:19em;
	float:left;
	position:relative;
	padding:0.4em;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	min-height:2.5em; height:auto !important; height:2.5em;
}
div.thread-right, div.thread-rightA {
	border-right:none;
	width:31.5em
}
div.thread-leftA, div.thread-rightA {
	background:#f5f5f5;
}

div.posted-title h4, div.message-title h4 {
	background:#d9d9f0;
	padding:0.8em 0 0.2em 0.4em;
	font-size:1em;	
	width:19.5em;
	float:left;
	position:relative;
}
div.message-title h4 {
	width:32em;
}

div.customer-comments {
	margin:0 0 1em 0;
	border-bottom:1px #ccc dashed;
	padding:0.5em 1em;
	color:#666666;
	font-size:0.9em;
}

div.customer-comment-details {
	text-align:right;
	font-size:1.1em;
	padding-top:0.5em;
}

.customer-name {
	font-weight:bold;
	color:#00014c;
}

/* Suppliers */

.Supplier {
padding-left:20px;
width:500px;
height:120px;
float:left;
display:block;
}

/* Added by Phil */
div.volume-price{
	margin-top:0.3em;
	margin:0.1em;
	background-color:#f4faff;
	float:left;
	font-weight:bold;
	color:#122334;
	font-size:0.9em;
}

/*   attachments  AP  */
.attachments h4 {
	font-size:1.2em; width:220px;
	padding:0; margin:0;
	text-align:center;
	color:#5091a4;
	float:left;
	margin-bottom:5px;
}
.attachments {
	text-align:center;
	float:left;
	width:220px;
	border:1px dashed #5091a4;
	padding:10px 15px 0 15px;
	line-height:1.1em;	
}

.attachmentsSection {
	float:left;
	width:90%;
	border:1px dashed #5091a4;
	padding:10px 15px 0 15px;
	margin-left:6px;
	line-height:1.1em;
}
.attachmentsSection h4 {
	text-align:center;
	font-size:1.2em;
	color:#5091a4;
}

.attachmentsSection img {
	margin-right:1em;
}
.attachmentsSection, .a {
	text-align:left;
	text-decoarion:none;
}

.attachments img {
	margin-right:1em;
}
.attachments, .a {
	text-align:left;
	text-decoarion:none;
}


/* Prod Recode */
.productleft{float:left; width:364px;}
.productright{float:right; display:inline; width:250px; }
.buyinfo{width:220px; background:url(../images/prrighttile.png) repeat-x #e4e2e2; padding:15px; min-height:110px; height:110px;  height:auto !important; float:left; border-bottom:1px solid #ccc; border:1px solid #ccc;}
.buyinfo label{font-size:14px; color:#000;}
.buyinfo input{padding:2px; border:1px solid #ccc;}
.buyinfo input:focus,  .buyinfo input:active{border:1px solid #6fab2d;}
.largegrey{color:#727272; font-size:18px;}
.largeblack{color:#000; font-size:22px; font-weight:bold;}
.medgrey{color:#666; font-size:14px;}
.calltoaction{margin-top:12px; float:left; border:none !important;}
.voldiscount{background:#d5efac; margin:0 -1px 0 -1px; border:1px solid #85ca18 !important; color:#38540d; font-weight:bold; cursor:default !important;}

.productaction{border:1px solid #ccc; margin-top:7px; height:auto !important; min-height:40px; height:40px; line-height:40px; float:left; width:230px; padding:0 10px 0 10px; cursor:pointer;}
.productaction a{display:block;}
.productaction:hover{position:relative; border:1px solid #c1d9df;}
.productaction img{float:left; padding-right:10px;}

.greenSmall{color:#005522;}

/* SEO Text */
.SEOmain
{ position:relative; float:left; width:100%; }