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



body  {
	margin: 0; /* zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	border: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #333366;
	color: #333366;

	background-image: url(../media/layout/green_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-attachment: scroll;

	}
	
	
	
					
	
	#pageContainer {
	width: 830px;
	border: 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0px;
	margin-right: auto; /* the auto margins (in conjunction with a width) center the page */
	margin-bottom: 0px;
	margin-left: auto;
	padding-top:24px;
	overflow:hidden;
	}
	
	
	
	#leftColumn {
	float: left; /* since this element is floated, a width must be given */
	width: 333px; 
	margin-top: 17px;
	
	}
	
	#thumbnails {
	float: left;
	width: 333px;
	height:70px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1px;
		line-height: 1;

}


.RightBorder {
	margin-right: 10px;
	
}

.noBorder {
	margin-right:0px;    /*this is a fix for the rhs picture for Opera browsers*/
	}


#mainPic {
float: left;
width: 333px;
margin-top:9px;

}


	#productMenu {
	float: left;
	width: 333px;
	overflow:hidden;
	font-size: 1px;
	}


	#contactDetails {
	float: left;
	width: 100%;
	padding-top:6px;
	padding-bottom:4px;
	color: #99CCFF;
	font-size:11px;
	text-align: center;
	line-height: 1.4;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 0px;
	padding-left: 0px;
			}
			
			
			/*contactDetails below is the text under the large pic detailing where they are based, tel etc*/
			
			#contactDetails a {
	font-weight: normal;
	color: #99CCFF;
	text-decoration: none;
			}
			
			#contactDetails a:hover {
			color: #99CCCC;
			font-weight: normal;
			text-decoration: underline;
					}
			
			#contactDetails a:visited {
			color:#9999FF;
				font-weight: normal;
					text-decoration: none;


			}
			
	
					
								#rightColumnContainer {
								float: left;
								width: 492px;
				
								}
								
							
								
									
										#menuContainer {
										float: left;
										width: 490px;
										height: 96px;
										}
						
						
			
						
							
											
										
										#textContainer {
										clear:left;
										float: left;
										width: 380px;
										background-color: #C0ECE3;  /*THIS IS THE LIGHT GREEN COLOUR*/
										overflow:hidden;								
										}
										
									
									
									
									
										
														
										#rightContent {
										clear: none;
										float: left;
										width: 94px;
										margin-top:7px;

										}
											
					
										
	
	
								
														p {
														font-family: Verdana, Arial, Helvetica, sans-serif;
														line-height: 1.5;
														margin-top: 1em;
														margin-right: 2em;
														margin-bottom: 1em;
														margin-left: 2em;														
													}
													
													
														
													
													
													
													
													h1 {
													font-family: Verdana, Arial, Helvetica, sans-serif;
													font-size:16px;
													color: #333366;
													margin-top: 0.8em;
													margin-right: 2em;
													margin-bottom: 1em;
													margin-left: 1.3em;
													font-weight: bold;
													text-decoration: none;
													border-bottom-width: 0px;
													border-bottom-style: solid;
													border-bottom-color: #00CC99;
													background-attachment: scroll;
													background-image: url(../media/layout/content_rightarrow.gif);
													background-repeat: no-repeat;
													background-position: left 2px;
													padding-left: 14px;
																		}
																		
																		
												
													h2 {
													font-family: Verdana, Arial, Helvetica, sans-serif;
													font-size:12px;
													color: #333366;
													font-weight: bold;
													text-decoration: none;
													margin-left: 2em;
													line-height: normal;
													margin-bottom: -6px;
																														}
																														
													.boldpurple {
	color: #333366; /*was 666FF*/
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
														}						
																		
																		
																		
																			
											.smalltitle {			
											font-family: Verdana, Arial, Helvetica, sans-serif;
											font-size: 13px;
													}
													
														
									.smalltext {
									font-size:10px;
									line-height:normal;
									}		
									
													
													
													#imageright {
													border:none;
													text-align: right;													
													
													
													}			
																																																															
														p.bullet1 {
														font-family: Verdana, Arial, Helvetica, sans-serif;
														line-height: 1.5;
														background-image: url(../media/layout/content_rightarrow.gif);
														background-repeat: no-repeat;
														background-position: left 2px;
														padding-left: 20px;
														}
									
													
								
													
													
													
													
													
													
													
													
													
													table.features {
													width: 330px;
													border: 0;
													padding: 0;
													margin-top: 0em;
													margin-right: 2em;
													margin-bottom: 1em;
													margin-left: 2em;
													font-family: Verdana, Arial, Helvetica, sans-serif;
	
																										}
																				
																.keyfeatures {
																background-color: #339999;
																border: 0.11em solid #C0ECE3;
																font-size: 11px;
																font-weight: normal;
																color: #CCFFFF;
																line-height: 1.3;
																padding-left: 0.5em;
																padding-right: 0.4em;
																text-align: center;
																vertical-align: top;
																padding-top: 0.5em;
																padding-bottom: 0.5em;
																font-family: Verdana, Arial, Helvetica, sans-serif;
																letter-spacing: 0.1em;
																text-transform: uppercase;
																																			}
																										
																		td.tdleft {
																		border: 0.11em solid #C0ECE3;
																		font-size: 11px;
																		font-weight: normal;
																		color: #006666;
																		line-height: 1.3;
																		padding-left: 0.5em;
																		padding-right: 0.3em;
																		text-align: left;
																		vertical-align: top;
																		padding-top: 0.5em;
																		padding-bottom: 0.5em;
																		background-color: #99CCCC;
																		margin: 0px;
																		white-space: nowrap;
																	}
																										
																										td.tdright {
																						background-color: #99CCCC;
																						border: 0.11em solid #C0ECE3;
																						font-size: 11px;
																						font-weight: normal;
																						color: #006666;
																						line-height: 1.3;
																						padding-left: 0.5em;
																						padding-right: 0.4em;
																						text-align: left;
																						vertical-align: top;
																						padding-top: 0.5em;
																						padding-bottom: 0.5em;
																						margin: 0px;
																										}
																										
						td.tdlampshades {
					font-size: 11px;
					font-weight: normal;
					color: #006666;
					line-height: 1.3;
					padding-left: 0.5em;
					padding-right: 0.3em;
					text-align: left;
					vertical-align: top;
					padding-top: 0.5em;
					padding-bottom: 0.5em;
					background-color: #C0ECE3;
					margin: 0px;
																										}
																										
																										
																										
	.buytable {
	background-color: #666699;
	font-size: 11px;
	font-weight: normal;
	color: #CCFFFF;
	line-height: 1.3;
	text-align: center;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0em;
	border:0;
	padding: 0em;
}


	td.tdbuytable {
	border: 0.1em solid #C0ECE3;
	font-size: 10px;
	padding-left: 0em;
	padding-right: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.5em;
	font-weight: normal;
	line-height: 1.3;
	color: #CCCCFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #333366;
	}
	
	
	.tdbuytablesmall {
	font-size: 9px;
	font-weight:bold;
	padding-left:1em;
	padding-right: 1em;
	padding-top: 0.6em;
	text-transform: none;
	color: #CCCCFF;
	padding-bottom: 1em;
	}
	
													
													
													
														
														#textContainer a {
	color: #333366;   /*was 6666FF to match brochure*/
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
													}
													
													
														#textContainer a:hover {
														color: #009966;
														margin: 0px;
														font-weight: bold;
														text-decoration: none;
													}
													
														#textContainer a:visited {
														color: #009966;
														margin: 0px;
														font-weight: bold;
														text-decoration: none;
													}								


	
	


	.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



				#footermenu {
					font-size: 10px;
					line-height: 1.3em;
					text-align: center;
					margin-top: 0px;
					margin-right: 0px;
					margin-bottom: 8px;
					margin-left: 0px;
									}
					
					
				
				#footermenu a {
				font-size: 1em;
				color: #333366;
				text-decoration: none;
				font-weight: normal;
				}
				
				#footermenu a:hover {
				color: #333333;
								font-weight: bold;

				}
				
				#footermenu a:visited {
				color: #666666;
								font-weight: normal;

				}