﻿/*
	1312 vs. DNA (v1.00)
	
	written by Mike "1312" (mike_at_welovetheweb.com)
	for We Love The Web Ltd. (frank_at_welovetheweb.com)
	
	site design by: DNA (lee_at_dna.tc)
*/
html, body {
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #e0e0e0;
	background-color: #c8c8c8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 10px;
}

#pixelRange {
	width: 800px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background-color: #fff;
	text-align: left;
	height: 100%;
}

#top {
	width: 800px;
	height: 100px;
	overflow: hidden;
}
		
#middle {
	width: 800px;
	margin: 0px 0px 24px 0px;
	padding: 0px;
	background-color: #fff;
	clear: left;
	float: left;
	background: #fff url("/pixelrange/images/sitewide/greyLine2.gif") no-repeat left bottom;
}
	
	#middleLeft {
		margin: 24px 0px 24px 0px;
		padding: 0px;
		width: 160px;
		float: left;						
	}
			
		#nav {
			margin: 0px 0px 0px 27px;
			padding: 0px;
			font-size: 9px;			
		}
			#nav ul { margin: 1px 0px 0px 0px; padding: 0px; list-style-type: none; }
			#nav li { clear: right; float: right; padding: 0px; margin: 0px 0px 10px 0px; width: 100%; text-align: right; }
			/* menu roll overs */
			#nav a { background:  url("/pixelrange/images/sitewide/squares.gif") no-repeat right; padding-right: 26px; margin-right: 27px; height: 11px; color: #666; }
			#nav a:hover, #nav a.current { background: url(/images/sitewide/squares_o_r.gif) no-repeat right; padding-right: 26px; margin-right: 27px; height: 11px; color: #c00; }			
			#nav a#navNews:hover, a#navNews.current { background:  url("/pixelrange/images/sitewide/squares_r.gif") no-repeat right; padding-right: 26px; margin-right: 27px; height: 11px; color: #df0024; }
			#nav a#navProducts:hover, a#navProducts.current { background:  url("/pixelrange/images/sitewide/squares_g.gif") no-repeat right; padding-right: 26px; margin-right: 27px; height: 11px; color: #090; }
			#nav a#navCompany:hover, a#navCompany.current { background:  url("/pixelrange/images/sitewide/squares_b.gif") no-repeat right; padding-right: 26px; margin-right: 27px; height: 11px; color: #039; }
			#nav a#navContacts:hover, a#navContacts.current { background:  url("/pixelrange/images/sitewide/squares_a.gif") no-repeat right; padding-right: 26px; margin-right: 27px; height: 11px; color: #fc0; color: #ff9c00; }
			#nav a#navSales:hover, a#navSales.current { background:  url("/pixelrange/images/sitewide/squares_r.gif") no-repeat right; padding-right: 26px; margin-right: 27px; height: 11px; color: #df0024; }
			#nav a#navRental:hover, a#navRental.current { background:  url("/pixelrange/images/sitewide/squares_g.gif") no-repeat right; padding-right: 26px; margin-right: 27px; height: 11px; color: #090; }
			#nav a#navExhibitions:hover, a#navExhibitions.current { background:  url("/pixelrange/images/sitewide/squares_b.gif") no-repeat right; padding-right: 26px; margin-right: 27px; height: 11px; color: #039; }
			#nav a#navLEDLighting:hover, a#navLEDLighting.current { background:  url("/pixelrange/images/sitewide/squares_a.gif") no-repeat right; padding-right: 26px; margin-right: 27px; height: 11px; color: #fc0; color: #ff9c00; }
			#nav a#navHome:hover, a#navHome.current { background:  url("/pixelrange/images/sitewide/squares_r.gif") no-repeat right; padding-right: 26px; margin-right: 27px; height: 11px; color: #df0024; }
			
			#nav a#downloadsNav:hover, a#downloadsNav.current { background:  url("/pixelrange/images/sitewide/squares_p.gif") no-repeat right; padding-right: 26px; margin-right: 27px; height: 11px; color: #6600CC; !important }
			
	#middleCenter {
		margin: 24px 0px 0px 0px;
		padding: 0px;
		float: left;
		width: 452px;
		border-left: 2px solid #ccc;
	}
		
		#content {
			margin: 0px 0px 0px 30px;
			padding: 0px 0px 24px 0px;
			width: 398px;
			min-height: 600px;
			_height: 600px;			
		}
		
		.pixelmicrow #middleCenter, 
		.pixelarcc #middleCenter, 
		.pixelarcr #middleCenter, 
		.pixelarch #middleCenter, 
		.pixelmicroe #middleCenter, 
		.pixelLine1044 #middleCenter, 
		.pixelLine110 #middleCenter, 
		.pixelPar90 #middleCenter,
		.pixelproducts #middleCenter, 
		.newsDetailImagePage #middleCenter, 
		.exhibitionDetailImagePage #middleCenter, 
		.pixelPar44 #middleCenter, 
		.pixelMaxw #middleCenter {
			width: 638px;
		}
		.pixelmicrow #content, 
		.pixelarcc #content, 
		.pixelarcr #content, 
		.pixelarch #content, 
		.pixelmicroe #content, 
		.pixelLine1044 #content, 
		.pixelLine110 #content, 
		.pixelPar90 #content, 
		.pixelproducts #content, 
		.newsDetailImagePage #content, 
		.exhibitionDetailImagePage #content, 
		.pixelPar44 #content, 
		.pixelMaxw #content {
				width: 584px;
			}
		.rentalPage #middleCenter, 
		.contactsPage #middleCenter, 
		.salesPage #middleCenter/*, .newsDetailPage #middleCenter, .exhibitionsDetailPage #middleCenter*/ {
			width: 384px;
		}
		.rentalPage #content, 
		.contactsPage #content, 
		.salesPage #content/*, .newsDetailPage #content, .exhibitionsDetailPage #content*/ {
				width: 330px;
			}
		.rentalLocationPage #middleCenter, .salesLocationPage #middleCenter {
			width: 638px;
		}
			.rentalLocationPage #content, .salesLocationPage #content {
				width: 584px;
			}
		
	#middleRight {
		margin: 24px 0px 24px 0px;
		padding: 0px 24px 12px 24px;
		width: 136px;
		float: left;
		border-left: 2px solid #ccc;
		text-align:center;
	}
		.productsPage #middleRight {
			min-height: 240px;
			_height: 240px;
		}
		.rentalPage #middleRight, .contactsPage #middleRight, .salesPage #middleRight/*, .newsDetailPage #middleRight, .exhibitionsDetailPage #middleRight*/ {
			width: 204px;
		}
		#middleRight p {
			margin: 0px 0px 24px 0px;
		}
		.newsDetailPage #middleRight img, .exhibitionsDetailPage #middleRight img {
			width: 136px;
		}

	#middleBottom {
			margin: 0px 0px 24px 0px;
			padding: 0px;
			width: 800px;
			clear: left;
			float: left;
		}
		#middleBottomLeft {
			margin: 0px 0px 0px 0px;
			padding: 0px;
			clear: left;
			float: left;
			width: 160px;
			height: 88px;
			background: #fff url("/pixelrange/images/sitewide/thomas.gif") no-repeat center center;
			border-right: 2px solid #ccc;
		}
			#middleBottomLeft a {
				display: block;
				width: 160px;
				height: 88px;
				margin: 0px;
				padding: 0px;
			}
		.productImagePage #middleBottomLeft {
			margin: 0px 0px 0px 0px;
			padding: 0px;
			clear: left;
			float: left;
			width: 160px;
			height: 64px;
			background: #fff url("/pixelrange/images/sitewide/thomas.gif") no-repeat top center;
			border-right: 2px solid #ccc;
		}
		
		#middleBottomRight {			
			margin: 0px 0px 0px 30px;
			padding: 0px;	
			float: left;
			width: 584px;
			border-top: 2px solid #fff;
		}
			#middleBottomRight ul { margin: 19px 0px 0px 0px; padding: 0px; list-style-type: none; }
			#middleBottomRight li { float: left; padding: 0px; margin: 0px 9px 0px 0px; }
			/* menu roll overs */
			#middleBottomRight a { background:  url("/pixelrange/images/sitewide/box_r.gif") no-repeat; padding-left: 17px; padding-top: 1px; color: #666; }
			#middleBottomRight a:hover { background:  url("/pixelrange/images/sitewide/box_r.gif") no-repeat; padding-left: 17px; padding-top: 1px; color: #df0024; }
			
			.pixelmicroe #middleBottomRight a, .pixelLine1044 #middleBottomRight a { background:  url("/pixelrange/images/sitewide/box_a.gif") no-repeat; padding-left: 17px; padding-top: 1px; color: #666; }
			.pixelmicroe #middleBottomRight a:hover, .pixelLine1044 #middleBottomRight a:hover { background:  url("/pixelrange/images/sitewide/box_a.gif") no-repeat; padding-left: 17px; padding-top: 1px; color: #fc0; color: #ff9c00; }
			
			.pixelarcc #middleBottomRight a, .pixelproducts #middleBottomRight a,.pixelEight #middleBottomRight a { background:  url("/pixelrange/images/sitewide/box_g.gif") no-repeat; padding-left: 17px; padding-top: 1px; color: #666; }
			.pixelarcc #middleBottomRight a:hover, .pixelproducts #middleBottomRight a:hover,.pixelEight #middleBottomRight a:hover { background:  url("/pixelrange/images/sitewide/box_g.gif") no-repeat; padding-left: 17px; padding-top: 1px; color: #090; }
			
			.pixelmicrow #middleBottomRight a, .pixelBrick22 #middleBottomRight a, .newsPage #middleBottomRight a { background:  url("/pixelrange/images/sitewide/box_b.gif") no-repeat; padding-left: 17px; padding-top: 1px; color: #666; }
			.pixelmicrow #middleBottomRight a:hover, .pixelBrick22 #middleBottomRight a:hover { background:  url("/pixelrange/images/sitewide/box_b.gif") no-repeat; padding-left: 17px; padding-top: 1px; color: #039; }
			
			.pixelart #middleBottomRight a, .pixelarcr #middleBottomRight a, .pixelarch #middleBottomRight a, .newsPage #middleBottomRight a { background:  url("/pixelrange/images/sitewide/box_r.gif") no-repeat; padding-left: 17px; padding-top: 1px; color: #666; }
			.pixelart #middleBottomRight a:hover, .pixelarcr #middleBottomRight a:hover, .pixelarch #middleBottomRight a:hover, .newsPage #middleBottomRight a:hover { background:  url("/pixelrange/images/sitewide/box_r.gif") no-repeat; padding-left: 17px; padding-top: 1px; color: #df0024; }
		
			.salesPage #middleBottomRight a, .salesLocationPage #middleBottomRight a { background: none; padding-left: 0px; color: #df0024; }
			.salesPage #middleBottomRight a:hover, .salesLocationPage #middleBottomRight a:hover { background: none; padding-left: 0px; color: #666; }
			.rentalPage #middleBottomRight a, .rentalLocationPage #middleBottomRight a { background: none; padding-left: 0px; color: #090; }
			.rentalPage #middleBottomRight a:hover, .rentalLocationPage #middleBottomRight a:hover { background: none; padding-left: 0px; color: #666; }
			.salesPage #middleBottomRight p, .rentalPage #middleBottomRight p, .salesLocationPage #middleBottomRight p, .rentalLocationPage #middleBottomRight p { margin-bottom: 6px; margin-top: 0px; padding-right: 72px; }
			
			.salesPage #middleBottomRight, .salesLocationPage #middleBottomRight { padding-top: 18px; }
			
			.rentalPage #middleBottomRight, .rentalLocationPage #middleBottomRight { padding-top: 12px; }
			
			.contactsPage #middleBottomRight a { background: none; padding-left: 0px; color: #ff9c00; }
			.contactsPage #middleBottomRight a:hover { background: none; padding-left: 0px; color: #666; }
			.contactsPage #middleBottomRight p { margin-top: 32px; padding-right: 72px }
			
		.pixelmicrow #middleBottomRight, 
		.pixelarcr #middleBottomRight, 
		.pixelarch #middleBottomRight, 
		.pixelarcc #middleBottomRight, 
		.pixelmicroe #middleBottomRight, 
		.pixelLine1044 #middleBottomRight, 
		.pixelLine110 #middleBottomRight, 
		.pixelproducts #middleBottomRight, 
		.pixelPar90 #middleBottomRight, #content #middleBottomRight {
			margin: 0px 0px 0px 30px; 
			padding: 0px;	
			float: left;
			width: 584px;
			border-top: 2px solid #ccc;
		}
		
		.newsPage #middleBottomRight, .newsDetailPage #middleBottomRight, .newsDetailImagePage #middleBottomRight {
			margin: 0px 0px 0px 30px;
			padding: 0px;	
			float: left;
			width: 584px;
			border-top: 2px solid #fff;			
		}
			.newsPage #middleBottomRight h4, .newsDetailPage #middleBottomRight h4, .newsDetailImagePage #middleBottomRight h4 {
				display: block;
				background: #fff url("/pixelrange/images/news/archive.jpg") no-repeat;
				width: 80px;
				height: 18px;
				margin: 0px 0px 6px 6px;
			}
			.newsPage #middleBottomRight ul, .newsDetailPage #middleBottomRight ul, .newsDetailImagePage #middleBottomRight ul {
				border-top: 2px solid #ccc;
				padding: 12px 0px 0px 6px;
				margin: 0px;
			}
			.newsPage #middleBottomRight ul li { }
			

#bottom { /* spare div at the bottom of the page */ }

h1 {
	margin: 0px;
}
	h1 a#backToHome {
		display: block;
		width: 800px;
		height: 100px;
	}

h2 {
	margin: 0px;
	width: 380px;
	height: 60px;
	background-repeat: no-repeat;
	/* actual background image is defined at the bottom of the css */
}
	h2 a.h2Link {
		display: block;
		width: 584px;
		height: 60px;
	}

h3 {
	font-size: 11px;
	font-family: tahoma, geneva, verdana, arial, helvetica, sans;
	width: 398px;
	border-bottom: 2px solid #ccc;
	letter-spacing: 0.3px;
	margin: 0px;
	padding: 0px 0px 12px 0px;
	font-weight: normal;
}
	h3.noBorder {
		border: 0;
		padding: 0px;
	}

h4 { 
	font-size: 11px;
	font-family: tahoma, geneva, verdana, arial, helvetica, sans;
	margin: 12px 0px;
	padding: 0px;
	font-weight: normal;
}

h5 {
	font-size: 10px;
	padding: 0px;
	margin: 12px 0px 0px 0px;
	margin: 12px 0px -12px 0px;
	font-weight: bold;
}

p {
	margin: 12px 0px 0px 0px;
	padding: 0px;
}

ul, ol, li { margin: 0px; padding: 0px; }

a:link, a:visited {
	color: #090;
	text-decoration: none;
}

a:hover {
	color: #c00;
	text-decoration: none;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0;
}

hr {
	width: 398px;
	text-align: left;
	margin: 12px auto 0px 0px;
	border: 0px;
	border-top: 2px solid #ccc;
	height: 2px;
}
	.contactsPage hr {
		width: 330px;
	}

/* the eqivilant of the transparent gif in css - the floatClear. Though this is used to clear any unwanted floats (where content is sat to be left or right of the screen - not to be confused with text alignment!). It takes up no physical space on screen either. */
br.floatClear {
	clear: both;
	height: 1px;
	width: 1px;
	margin: -1px -1px 0px 0px;
}
p.floatClear {
	clear: both;
}

/* and now some floats that we might need that float clear for :-) */
.floatLeft {
	clear: left;
	float: left;
	text-align: left;
	width: 100px;
}

.floatRight {
	clear: right;
	float: right;
	text-align: left;
	width: 458px;
}

.mainImage {
	margin: 24px 0px 0px 0px;
	padding: 0px;
}

.productImage {
	margin: 24px 0px 0px 0px;
	padding: 0px;
}

/* to help it break down more gracefully, used in the nav and for h2s - hides the content within the other elements so that a background image can be used */
.hideText { 
	display: none;
}

/* if inline images are needed, applying these classes to them will cause the rest of the content to float around them */	
.inlineImgLeft {
	float: left;
	margin: 6px 6px 6px 12px;
}
.inlineImgRight {
	float: right;
	margin: 6px 12px 6px 6px;
}


/* ################################################################################################################################ */
/* Page Specific styles now ! */

/* as used on the news page */
div.ticker {
	margin: 12px 0px 0px 0px;
	padding: 0px;
	height: 14px;
}
	div.ticker h3 {
		padding: 0px;
		border-bottom: 0 none;
	}
		div.ticker div {
			margin: 0px;
			padding: 0px;
			height: 14px;
		}

#newsStories { margin: 0px 0px 0px 0px; }
.newsStoryContainer { width: 398px; border-top: 2px solid #ccc; padding: 12px 0px 0px 0px; margin: 0px 0px 10px 0px; height: 84px; }
	.newsStoryContainer .Image { clear: left; float: left; width: 84px; margin: 0px 6px 0px 6px; }
		.newsStoryContainer .Image img { border: 2px solid #ccc; width: 80px; height: 80px; background: #fff; display: block; }
	.newsStoryContainer .Contents { float: left; margin: 0px 6px 0px 0px; width: 290px; }
		.newsStoryContainer .Date, .newsStoryContainer .subTitle, .newsStoryContainer .Title, .newsStoryContainer .Outline, .newsStoryContainer .Link { clear: left; float: left; }
	.Outline p {
		margin: 0px;
	}
		
		
/* as used on the exhibitions page */

#exhibitions { margin: 24px 0px 0px 0px; }
.exhibitionContainer { width: 398px; border-top: 2px solid #ccc; padding: 12px 0px 0px 0px; margin: 0px 0px 10px 0px; height: 84px; }
	.exhibitionContainer .Image { clear: left; float: left; width: 84px; margin: 0px 6px 0px 6px; }
		.exhibitionContainer .Image img { border: 2px solid #ccc; width: 80px; height: 80px; background: #fff; display: block; }
	.exhibitionContainer .Contents { float: left; margin: 0px 6px 0px 0px; width: 290px; display: block; }
		.exhibitionContainer .Date, .exhibitionContainer .Title, .exhibitionContainer .Outline, .exhibitionContainer .Link { clear: left; float: left; width: 290px; display: block; margin: 0px; padding: 0px; }
		.exhibitionContainer .Link { font-weight: bold; color: #039; }
		
		/*.exhibitionContainer span { background: #eee; width: 290px; display: block; }
		.exhibitionContainer span span { background: #999; width: 290px; display: block; }*/


/* as used on the product page to select products */

ul#productList { list-style-type: none; margin: 4px 0px 0px 0px; }
	ul#productList li { width: 398px; height: 90px; border-bottom: 2px solid #ccc; padding: 0px; margin: 0px 0px 10px 0px; }
	ul#productList a#pixelpar90Link { background:  url("/pixelrange/images/products/prod_par90.jpg") no-repeat; width: 390px; height: 80px; display: block; }
	ul#productList a#pixelpar44Link { background:  url("/pixelrange/images/products/prod_par44.jpg") no-repeat; width: 390px; height: 80px; display: block; }
	ul#productList a#pixelparMaxWashLink { background:  url("/pixelrange/images/products/prod_maxw.jpg") no-repeat; width: 390px; height: 80px; display: block; }
	ul#productList a#PixelLine1044Link { background:  url("/pixelrange/images/products/prod_line1044.jpg") no-repeat; width: 390px; height: 80px; display: block; }
	ul#productList a#PixelLine110Link { background:  url("/pixelrange/images/products/prod_line110.jpg") no-repeat; width: 390px; height: 80px; display: block; }
	ul#productList a#pixelMicroELink { background:  url("/pixelrange/images/products/prod_microe.jpg") no-repeat; width: 390px; height: 80px; display: block; }
	ul#productList a#pixelMicroWLink { background:  url("/pixelrange/images/products/prod_microw.jpg") no-repeat; width: 390px; height: 80px; display: block; }
	ul#productList a#pixelArcCLink { background:  url("/pixelrange/images/products/prod_arcc.jpg") no-repeat; width: 390px; height: 80px; display: block; }
	ul#productList a#pixelArcRLink { background:  url("/pixelrange/images/products/prod_arcr.jpg") no-repeat; width: 390px; height: 80px; display: block; }
	ul#productList a#pixelArcHLink { background:  url("/pixelrange/images/products/prod_arcrh.jpg") no-repeat; width: 390px; height: 80px; display: block; }
	
	

/* as used on the product detail pages */

ul.productDescription {
	margin: 24px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

ul.productDescription li {
	padding: 0px 0px 0px 14px;
	margin: 0px 0px 7px 0px;
	background:  url("/pixelrange/images/sitewide/bullet.gif") no-repeat left 3px;	
}

ul.imageList {
	float: left;
	margin: 24px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

	ul.imageList li {
		margin: 0px 0px 17px 0px;
		padding: 0px;
		clear: left;
		float: left;
	}
	
	ul.imageList li img {

	}
	
/* as used on rentals list page */

ul#rentalsList {
	list-style-type: none;
	margin-top: 24px;
}
	ul#rentalsList li {
		padding: 0px 0px 12px 0px;
	}
	ul#rentalsList a {
		color: #000;
		background:  url("/pixelrange/images/sitewide/box_g.gif") no-repeat; padding-left: 17px; padding-top: 1px;
	}
	ul#rentalsList a:hover {
		color: #090;
		background:  url("/pixelrange/images/sitewide/box_g.gif") no-repeat; padding-left: 17px; padding-top: 1px;
	}
	
/* as used on sales list page */

ul#salesList {
	list-style-type: none;
	margin-top: 24px;
}
	ul#salesList li {
		padding: 0px 0px 12px 0px;
	}
	ul#salesList a {
		color: #000;
		background:  url("/pixelrange/images/sitewide/box_r.gif") no-repeat; padding-left: 17px; padding-top: 1px;
	}
	ul#salesList a:hover {
		color: #df0024;
		background:  url("/pixelrange/images/sitewide/box_r.gif") no-repeat; padding-left: 17px; padding-top: 1px;
	}
	
ul#manualsList {
	font-weight:bold;
	list-style-type: none;
	margin-top: 24px;
}
	ul#manualsList li {
		list-style-type: none;
		padding: 0px 0px 20px 0px;
	}
	ul#manualsList ul li {
		list-style-type: none;
		padding: 0px 0px 0 0px;
		background:  url("/pixelrange/images/sitewide/box_a.gif") 0 1px no-repeat; 
		padding-left: 17px; 
		padding-top: 1px;
		margin:0 2px 0 0;
		font-weight:normal !important;
	}
	ul#manualsList ul li ol {
		padding:0;
		margin:0;
	}
	ul#manualsList ul li ol li {
		list-style-type:decimal !important;
		background: none;
		padding:0;
		margin:0 0 0 17px;
	}
	ul#manualsList a {
		color:#FFCC00;
		margin:0 0 0 8px;
		text-transform:uppercase;
	}
	ul#manualsList a:hover {
		color: #000;
	}
	
	/* as used on contacts list page */

ul.contactsList {
	list-style-type: none;
	margin-top: 24px;
	font-weight: bold;
}
	ul.contactsList li {
		padding: 0px 0px 12px 17px;
		background:  url("/pixelrange/images/sitewide/box_a.gif") no-repeat top left;
	}
	ul.contactsList li ul {
		font-weight: normal;
		list-style-type: none;
	}
	ul.contactsList li ul li {
		background: none;
		padding: 0px;
	}
	ul.contactsList a {
		color: #fc0;
		color: #ff9c00;
	}
	ul.contactsList a:hover {
		color: #666;
	}	
	
.codeDescriptionDiv { margin: 0px 0px 0px 0px; font-size: 11px; }
	.code { clear: left; float: left; width: 87px; color: #999; }
	.description { float: left; color: #999; }
	.header { margin: 12px 0px 12px 0px; color: #999; }
	.footer { margin: 12px 0px 0px 0px; color: #000; }

/* form css now! subscribe page */
.subscribePage form fieldset {
	margin: 12px 0px 12px 0px;
  	border: none;
	padding: 0px;
}
.subscribePage form legend {
	padding: 0px;
	margin: 0px 0px 12px 0px;
	_margin-left: -7px;
	font-weight: bold;	
	display: none;
}
.subscribePage form label {
	line-height: 24px;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	width: 90px;
	display: inline-block;
}
.subscribePage form label.wider {
	width: 300px;
}
.subscribePage form .countryDropDown {
	width: 200px;
}
.subscribePage form fieldset input, .subscribePage form fieldset select {

}
.subscribePage form fieldset ol {
	padding: 0px;
	margin: 0px;
}
.subscribePage form fieldset li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.subscribePage form em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}
.subscribePage .formPaddingLeft {
	padding-left: 90px;
}
.subscribePage .formPaddingLeft table td {
	width: 300px;
	margin: 0px;
	padding: 0px;
}
.subscribePage .formPaddingLeft table td label {
	width: 200px;
}

/* pixel press back issues */

ul#backIssues {
	margin: 0px;
	padding: 0px;
}

ul#backIssues li {
	margin: 12px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

/* ################################################################################################################################ */
/* Page colour ways/header background images ! */

/* page title h2 images. Each page needs to have a class so that different header backgrounds can be chosen here */
.homePage h2 {
	
}
.homePage #top {
	
}
.homePage a:link, .homePage a:visited {
	color: #df0024;
}
.homePage a:hover {
	color: #c00;
}

.newsPage h2 {
	background-image:  url("/pixelrange/images/news/news_title.jpg");
}
.newsPage #top {
	background:  url("/pixelrange/images/headers/head2.jpg") no-repeat;
}
.newsPage a:link, .newsPage a:visited {
	color: #df0024;
}
.newsPage a:hover {
	color: #333;
}
.newsPage h3  {
	color: #df0024;
}

.newsDetailPage h2 {
	background-image:  url("/pixelrange/images/news/news_title.jpg");
	/*width: 330px;*/
}
.newsDetailPage #top {
	background:  url("/pixelrange/images/headers/head2.jpg") no-repeat;
}
.newsDetailPage a:link, .newsDetailPage a:visited {
	color: #df0024;
}
.newsDetailPage a:hover {
	color: #333;
}
.newsDetailPage h3  {
	color: #df0024;
	/*width: 330px;*/
}

.newsDetailImagePage h2 {
	background-image:  url("/pixelrange/images/news/news_title.jpg");
	width: 584px;
}
.newsDetailImagePage #top {
	background:  url("/pixelrange/images/headers/head2.jpg") no-repeat;
}
.newsDetailImagePage a:link, .newsDetailImagePage a:visited {
	color: #df0024;
}
.newsDetailImagePage a:hover {
	color: #333;
}
.newsDetailImagePage h3  {
	color: #df0024;
	width: 584px;
}

.companyPage h2 {
	background-image:  url("/pixelrange/images/company/company_title.jpg");
}
.companyPage #top {
	background:  url("/pixelrange/images/company/company_h.jpg") no-repeat;
}
.companyPage a:link, .companyPage a:visited {
	color: #039;
}
.companyPage a:hover {
	color: #c00;
}
.companyPage h3 {
	color: #039;
}

.subscribePage h2 {
	background-image:  url("/pixelrange/images/subscribe/subscribe_title.jpg");
}
.subscribePage #top {
	background:  url("/pixelrange/images/company/company_h.jpg") no-repeat;
}
.subscribePage a:link, .subscribePage a:visited {
	color: #fc0;
	color: #ff9c00;
}
.subscribePage a:hover {
	color: #c00;
}
.subscribePage h3 {
	color: #fc0;
	color: #ff9c00;
}


.helpPage h2 {
	background-image:  url("/pixelrange/images/company/help_title.jpg");
}
.helpPage #top {
	background:  url("/pixelrange/images/headers/head2.jpg") no-repeat;
}
.helpPage a:link, .helpPage a:visited {
	color: #039;
}
.helpPage a:hover {
	color: #c00;
}
.helpPage h3 {
	color: #039;
}


.personalitiesPage h2 {
	background-image:  url("/pixelrange/images/products/personalities_title.jpg");
}
.personalitiesPage #top {
	background:  url("/pixelrange/images/headers/head3.jpg") no-repeat;
}
.personalitiesPage a:link, .personalitiesPage a:visited {
	color: #090;
}
.personalitiesPage a:hover {
	color: #c00;
}
.personalitiesPage h3 {
	color: #090;
}


.productPhotosPage h2 {
	background-image: url("/pixelrange/images/photographs/photo_title.jpg");
}
.productPhotosPage #top {
	background:  url("/pixelrange/images/headers/head3.jpg") no-repeat;
}
.productPhotosPage a:link, .productPhotosPage a:visited {
	color: #090;
}
.productPhotosPage a:hover {
	color: #c00;
}
.productPhotosPage h3 {
	color: #090;
}

.LEDLightingPage h2 {
	background-image:  url("/pixelrange/images/LEDLighting/led_title.jpg");
}
.LEDLightingPage #top {
	background:  url("/pixelrange/images/headers/head4.jpg") no-repeat;
}
.LEDLightingPage a:link, .LEDLightingPage a:visited {
	color: #fc0;
	color: #ff9c00;
}
.LEDLightingPage a:hover {
	color: #c00;
}
.LEDLightingPage h3 {
	color: #fc0;
	color: #ff9c00;
}

.rentalPage h2 {
	background-image:  url("/pixelrange/images/rental/rental_title.jpg");
	width: 330px;
}
.rentalPage #top {
	background:  url("/pixelrange/images/headers/head3.jpg") no-repeat;
}
.rentalPage a:link, .rentalPage a:visited {
	color: #090;
}
.rentalPage a:hover {
	color: #c00;
}
.rentalPage h3 {
	color: #090; width: 330px;
}


.rentalLocationPage h2 {
	background-image:  url("/pixelrange/images/rental/rental_title.jpg");
	width: 330px;
}
.rentalLocationPage #top {
	background:  url("/pixelrange/images/headers/head3.jpg") no-repeat;
}
.rentalLocationPage a:link, .rentalLocationPage a:visited {
	color: #090;
}
.rentalLocationPage a:hover {
	color: #c00;
}
.rentalLocationPage h3 {
	color: #090; width: 584px;
}


.contactsPage h2 {
	background-image:  url("/pixelrange/images/contact/contact_title.jpg");
	width: 330px;
}
.contactsPage #top {
	background:  url("/pixelrange/images/headers/head2.jpg") no-repeat;
}
.contactsPage a:link, .contactsPage a:visited {
	color: #fc0;
	color: #ff9c00;
}
.contactsPage a:hover {
	color: #c00;
}
.contactsPage h3 {
	color: #fc0; width: 330px; color: #ff9c00;
}

.copyrightPage h2 {
	background-image:  url("/pixelrange/images/copyright/copyright_title.jpg");
	width: 330px;
}
.copyrightPage #top {
	background:  url("/pixelrange/images/headers/head2.jpg") no-repeat;
}
.copyrightPage a:link, .copyrightPage a:visited {
	color: #fc0;
	color: #ff9c00;
}
.copyrightPage a:hover {
	color: #c00;
}
.copyrightPage h3 {
	color: #fc0; width: 330px; color: #ff9c00;
}

.salesPage h2 {
	background-image:  url("/pixelrange/images/sales/sales_title.jpg");
	width: 330px;
}
.salesPage #top {
	background:  url("/pixelrange/images/headers/head2.jpg") no-repeat;
}
.salesPage a:link, .salesPage a:visited {
	color: #df0024;
}
.salesPage a:hover {
	color: #c00;
}
.salesPage h3 {
	color: #df0024; width: 330px;
}

.manualsPage h2 {
	background-image:  url("/pixelrange/images/manuals/manuals_title.jpg");
	width: 400px;
}
.manualsPage #top {
	background:  url("/pixelrange/images/headers/head2.jpg") no-repeat;
}
.manualsPage a:link, .salesPage a:visited {
	color: #df0024;
}
.manualsPage a:hover {
	color: #c00;
}
.manualsPage h3 {
	color: #F1D52C; width: 400px;
}
	.manualsPage h3 span {
		color: #000;
	}
		.manualsPage h3 span a {
			color: #F1D52C !important;
		}
		.manualsPage h3 span a:hover {
			color: #000 !important;
		}
.salesLocationPage h2 {
	background-image:  url("/pixelrange/images/sales/sales_title.jpg");
	width: 330px;
}
/*
body#us_sales h2 {
	background-image:  url("/pixelrange/images/sales/usasales_title.gif");
	width: 330px;
}
*/
.salesLocationPage #top {
	background:  url("/pixelrange/images/headers/head3.jpg") no-repeat;
}
.salesLocationPage a:link, .salesLocationPage a:visited {
	color: #df0024;
}
.salesLocationPage a:hover {
	color: #c00;
}
.salesLocationPage h3 {
	color: #df0024; width: 584px;
}

.exhibitionsPage h2 {
	background-image:  url("/pixelrange/images/exhibitions/exhibitions_title.jpg");
}
.exhibitionsPage #top {
	background:  url("/pixelrange/images/products/pixelline1044_head.jpg") no-repeat;
}
.exhibitionsPage a:link, .exhibitionsPage a:visited {
	color: #039;
}
.exhibitionsPage a:hover {
	color: #c00;
}
.exhibitionsPage h3 {
	color: #039;
}

.exhibitionsDetailPage h2 {
	background-image:  url("/pixelrange/images/exhibitions/exhibitions_title.jpg");
	/*width: 330px;*/
}
.exhibitionsDetailPage #top {
	background:  url("/pixelrange/images/products/pixelline1044_head.jpg") no-repeat;
}
.exhibitionsDetailPage a:link, .exhibitionsDetailPage a:visited {
	color: #039;
}
.exhibitionsDetailPage a:hover {
	color: #c00;
}
.exhibitionsDetailPage h3 {
	color: #039;
	/*width: 330px;*/
}

.exhibitionsDetailImagePage h2 {
	background-image:  url("/pixelrange/images/exhibitions/exhibitions_title.jpg");
	width: 584px;
}
.exhibitionsDetailImagePage #top {
	background:  url("/pixelrange/images/products/pixelline1044_head.jpg") no-repeat;
}
.exhibitionsDetailImagePage a:link, .exhibitionsDetailImagePage a:visited {
	color: #039;
}
.exhibitionsDetailImagePage a:hover {
	color: #c00;
}
.exhibitionsDetailImagePage h3 {
	color: #039;
	width: 584px;
}

.productsPage h2 {
	background-image:  url("/pixelrange/images/products/products_page.jpg");
}
.productsPage #top {
	background:  url("/pixelrange/images/products/pixeleight_head.jpg") no-repeat;
}
.productsPage a:link, .productsPage a:visited {
	color: #090;
}
.productsPage a:hover {
	color: #c00;
}

.technicalPage h2 {
	background-image:  url("/pixelrange/images/technical/technical_title.jpg");
}
.technicalPage #top {
	background:  url("/pixelrange/images/company/company_h.jpg") no-repeat;
}
.technicalPage a:link, .technicalPage a:visited {
	color: #039;
	color: #666;
}
.technicalPage a:hover {
	color: #c00;
	color: #039;
}
.technicalPage strong a {
	color: #000 !important;
}
.technicalPage h3 {
	color: #039;
}

.pixeldownloads a:link, .pixeldownloads a:visited { color: #60C; color: #666; }
.pixeldownloads a:hover { color: #c00; color: #60C; }
.pixeldownloads strong a {color: #000 !important; }
.pixeldownloads Page h3 { color: #60C; }

.pixelPar90 h2 { background-image:  url("/pixelrange/images/products/pixelpar.jpg"); width: 584px; border-bottom: 2px solid #ccc; }
.pixelPar90 #top { background:  url("/pixelrange/images/products/pixelpar_head.jpg") no-repeat; }
.pixelPar90 .codeDescriptionDiv a { color: #df0024; }
.pixelPar90 .codeDescriptionDiv a:hover { color: #333; }

.pixelproducts h2 {border-bottom: 2px solid #ccc; width: 584px;}
.pixelproducts #top {  }
.pixelproducts .codeDescriptionDiv a { color: #090; }
.pixelproducts .codeDescriptionDiv a:hover { color: #333; }

.pixelLine110 h2 { background-image:  url("/pixelrange/images/products/110.jpg"); width: 584px; border-bottom: 2px solid #ccc; }
.pixelLine110 #top { background:  url("/pixelrange/images/products/pixelline110_head.jpg") no-repeat; }
.pixelLine110 .codeDescriptionDiv a { color: #df0024; }
.pixelLine110 .codeDescriptionDiv a:hover { color: #333; }

.pixelLine1044 h2 {	background-image:  url("/pixelrange/images/products/pixelline1044.jpg"); width: 584px; border-bottom: 2px solid #ccc; }
.pixelLine1044 #top { background:  url("/pixelrange/images/products/pixelline1044_head.jpg") no-repeat; }
.pixelLine1044 .codeDescriptionDiv a { color: #ff9c00; }
.pixelLine1044 .codeDescriptionDiv a:hover { color: #C00; }

.pixelmicroe h2 { background-image:  url("/pixelrange/images/products/pixelmicroe.jpg"); width: 584px; border-bottom: 2px solid #ccc; }
.pixelmicroe #top { background:  url("/pixelrange/images/products/pixelmicroe_head.jpg") no-repeat; }
.pixelmicroe .codeDescriptionDiv a { color: #ff9c00; }
.pixelmicroe .codeDescriptionDiv a:hover { color: #C00; }

.pixelarcc h2 { background-image:  url("/pixelrange/images/products/pixelarcc.jpg"); width: 584px; border-bottom: 2px solid #ccc; }
.pixelarcc #top { background:  url("/pixelrange/images/products/pixelarcc_head.jpg") no-repeat; }
.pixelarcc .codeDescriptionDiv a { color: #090; }
.pixelarcc .codeDescriptionDiv a:hover { color: #C00; }

.pixelarcr h2 { background-image:  url("/pixelrange/images/products/pixelarcr.jpg"); width: 584px; border-bottom: 2px solid #ccc; }
.pixelarcr #top { background:  url("/pixelrange/images/products/pixelarcr_head.jpg") no-repeat; }
.pixelarcr .codeDescriptionDiv a { color: #df0024; }
.pixelarcr .codeDescriptionDiv a:hover { color: #333; }

.pixelarch h2 { background-image:  url("/pixelrange/images/products/pixelarch.jpg"); width: 584px; border-bottom: 2px solid #ccc; }
.pixelarch #top { background:  url("/pixelrange/images/products/pixelarch_head.jpg") no-repeat; }
.pixelarch .codeDescriptionDiv a { color: #df0024; }
.pixelarch .codeDescriptionDiv a:hover { color: #333; }

.pixelmicrow h2 { background-image:  url("/pixelrange/images/products/pixelmicrow.jpg"); width: 584px; border-bottom: 2px solid #ccc; }
.pixelmicrow #top { background:  url("/pixelrange/images/products/pixelmicrow_head.jpg") no-repeat; }
.pixelmicrow .codeDescriptionDiv a { color: #039; }
.pixelmicrow .codeDescriptionDiv a:hover { color: c00; }

.accessoriesPage h2 { background-image:  url("/pixelrange/images/accessories/accessories.jpg"); }
.accessoriesPage #top { background:  url("/pixelrange/images/company/company_h.jpg") no-repeat; }
.accessoriesPage h3, .accessoriesPage a { color: #df0024; }
.accessoriesPage a:hover { color: #333; }

.pixelPar44 h2 {  background-image:  url("/pixelrange/images/products/pixelpar44.jpg"); width: 584px; border-bottom: 2px solid #ccc; }
.pixelPar44 #top { background:  url("/pixelrange/images/products/pixelpar44_head.jpg") no-repeat; }
.pixelPar44 h3, .accessoriesPage a { color: #039; }
.pixelPar44 a:hover { color: c00; }

.pixelMaxw h2 {  background-image:  url("/pixelrange/images/products/pixelmaxw_title.jpg"); width: 584px; border-bottom: 2px solid #ccc; }
.pixelMaxw #top { background:  url("/pixelrange/images/products/pixelmaxw_head.jpg") no-repeat; }
.pixelMaxw h3, .accessoriesPage a { color: #039; }
.pixelMaxw a:hover { color: c00; }


ul.usList {
	margin:15px 0 0 0;
	padding:0;
}
	ul.usList li {
		margin:3px 0 3px 0;
		background:  url("/pixelrange/images/sitewide/box_r.gif") no-repeat; padding-left: 17px; padding-top: 1px;
		list-style-type:none;
	}

h2.financePage  {
	background-image:  url("/pixelrange/images/sales/finance.gif");
	width: 330px;
}

.tight {
	word-spacing: -0.2em;
}
