@charset "utf-8";
	
	/* GLOBAL STYLES */

	* {
		margin: 0;
		padding: 0;
	}
	
	html, body {
		background: #E5E5E5;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
	}
	
	h1 {
		color: #900;
		font-size: 18px;
		margin: 0 0 10px 0;
	}
	
	h2 {
		margin: 0 0 10px 0;
	}
	
	h3 {
		margin: 0 0 10px 0;
	}
	
	p {
		margin: 0 0 10px 0;
		line-height: 1.4em;
	}
	
	ul {
	}
	
	li {
	}
	
	a {
		color: #06C;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	img {
		border: none;
	}
	
	img.banner {
		margin-bottom: 10px;
	}
	
	fieldset {
		border: 1px solid #999;
		background: url(../graphics/global/fieldsetbg.jpg) repeat-x;
		padding: 10px 15px;
		margin: 0 0 10px 0;
	}
	
	fieldset legend {
		border: 1px solid #999;
		padding: 5px 10px;
		font-weight: bold;
		color: #333;
		background: url(../graphics/global/legendbg.jpg) top repeat-x;
		font-weight: bold;
	}
		
	fieldset label {
	    float: left;
		display: block;
		width: 140px;
		height: 20px;
		line-height: 20px;
		margin-bottom: 5px;
		text-align: right;
		margin-right: 10px;
	}
	
	fieldset label strong {
		color: #F60;
	}
	
	fieldset input {
		margin-bottom: 3px;
		padding: 2px;
	}
	
	fieldset select {
		margin-bottom: 3px;
		padding: 2px;
		min-width: 159px;
	}
	
	fieldset p.header {
		font-size: 14px;
		font-weight: bold;
		color: #FFF;
		margin-bottom: 5px;
		background: #CCC;
		padding: 2px 5px;
	}
	
	fieldset p.date {
		margin-left: 150px;
		margin-top: -3px;
		color: #999;
		font-size: 12px;
	}
	
	textarea {
		max-width: 300px
	}
	
	.clear {
		clear: both;
	}
	
	#container {
		position: relative;
		width: 965px;
		background: url(../graphics/container/containerbg.gif) repeat-y;
		margin: 70px auto 20px auto;
	}
	
	#header {
		height: 30px;
		position: absolute;
		top: -50px;
		right: 0;
	}
	
	#header a.viewbasket {
		display: inline-block;
		height: 24px;
		background: url(../graphics/header/viewbasketbg.jpg) repeat-x;
		border: 3px solid #F48A09;
		color: #FFF;
		font-weight: bold;
		text-decoration: none;
		padding: 0 10px;
		line-height: 24px;
		margin-right: 15px;
	}
	
	#header a.viewbasket:hover {
		background-position: 0 -24px;
		color: #333;
	}
	
	#header a.checkout{
		display: inline-block;
		height: 24px;
		background: url(../graphics/header/checkoutbg.jpg) repeat-x;
		border: 3px solid #00AE27;
		color: #FFF;
		font-weight: bold;
		text-decoration: none;
		padding: 0 10px;
		line-height: 24px;
	}
	
	#header a.checkout:hover {
		background-position: 0 -24px;
		color: #333;
	}
	
	#leftcol {
		float: left;
		width: 200px;
	}
	
	a.nplogo {
		display: block;
		width: 200px;
		height: 165px;
		background: url(../graphics/leftcol/nplogo.jpg) no-repeat;
		background-position: 5px 0;
	}
	
	a.jnlogo {
		display: block;
		width: 200px;
		height: 165px;
		background: url(../graphics/leftcol/jnlogo.jpg) no-repeat;
		background-position: 5px 0;
	}
	
	a.gblogo {
		display: block;
		width: 200px;
		height: 165px;
		background: url(../graphics/leftcol/gblogo.jpg) no-repeat;
		background-position: 5px 0;
	}
	
	#leftnav {
		border-bottom: 5px solid #E5E5E5;
	}
	
	#leftnav a {
		display: block;
		height: 30px;
		border-top: 1px solid #E5E5E5;
		line-height: 30px;
		padding-left: 10px;
		color: #999;
		text-decoration: none;
		font-weight: bold;
	}
		
	#leftnav a:hover {
		background: #FC3;
		color: #333;
	}
	
	#latestnews {
	}
	
	#latestnews h2 {
		font-size: 13px;
		color: #999;
		border-bottom: 1px solid #E5E5E5;
		padding-left: 10px;
		line-height: 40px;
		margin: 0 0 15px 0;
	}
	
	.newsitem {
		padding: 0 10px;
		margin-bottom: 15px;
	}
	
	.newsitem h3 {
		font-size: 12px;
		color: #999;
		margin: 0;
	}
	
	.newsitem p {
		color: #999;
		margin: 0;
	}
	
	.newsitem h3 a {
		color: #999;
		text-decoration: none;
		background: url(../graphics/leftcol/newsitemicon.jpg) no-repeat;
		background-position: 0 2px;
		padding-left: 16px;
		line-height: 1.4em;
	}
	
	.newsitem a {
		color: #F90;
	}
	
	#maincol {
		float: left;
		width: 760px;
		margin-left: 5px;
		background: url(../graphics/maincol/maincolbg.gif) top no-repeat;
		height: 100%;
	}
	
	#content {
		padding: 0 10px 0 10px;
	}
	
	#contentleft {
		float: left;
		width: 370px;
		padding: 0 10px 0 0;
	}
	
	#contentleft ul {
		margin-bottom: 25px;
	}
	
	#contentleft li {
		font-family: Tahoma, Geneva, sans-serif;
		color: #666;
		line-height: 1.3em;
	}
		
	#inner {
		padding: 10px 0;
		background: url(../graphics/content/innerbg.gif) repeat-y;
		min-height: 250px;
	}
	
	#productheader {
		height: 55px;
		background: url(../graphics/global/productheaderbg.jpg) top no-repeat;
	}
	
	#productheader h1 {
		color: #333;
		font-size: 18px;
		line-height: 40px;
		margin-left: 60px;
	}
				
	#contentleft a.lbOn {
		float: right;
		display: block;
		width: 140px;
		height: 75px;
		background: url(../graphics/global/buynow.jpg) no-repeat;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		text-decoration: none;
		line-height: 50px;
		text-align: center;
		margin-left: 15px;
	}
	
	#contentleft a.lbOn:hover {
		background-position: 0 -75px;
	}
	
	#contentleft a.na {
		float: right;
		display: block;
		width: 140px;
		height: 75px;
		background: url(../graphics/global/notavailable.jpg) no-repeat;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		text-decoration: none;
		line-height: 50px;
		text-align: center;
		margin-left: 15px;
	}
	
	#contentleft a.na:hover {
		background-position: 0 -75px;
	}
	
	#contentright {
		float: left;
		width: 345px;
		margin-left: 5px;
		padding-left: 10px;
	}
	
	#contentright h2 {
		color: #900;
		font-size: 14px;
		margin: 0 0 10px 0;
	}
	
	#contentright h2 span {
		color: #000;
	}
		
	#footer {
		height: 155px;
		clear: both;
		border-top: 5px solid #E5E5E5;
		background: #FFF;
		color: #999;
	}
	
	#footer strong {
		color: #F90;
	}
	
	#footer p {
		width: 405px;
		border-bottom: 1px solid #E5E5E5;
		padding: 10px;
		margin: 0;
	}
	
	#footer a.npfooter {
		display: block;
		float: right;
		width: 210px;
		height: 155px;
		padding: 0 30px;
		font-weight: bold;
		color: #999;
		text-decoration: none;
		line-height: 45px;
		background: url(../graphics/footer/npfooterbg.jpg) no-repeat;
		border-left: 5px solid #E5E5E5;
	}
	
	#footer a.npfooter:hover {
		color: #FC0;
		background-position: 0 -155px;
	}
	
	#footer a.jnfooter {
		display: block;
		float: right;
		width: 210px;
		height: 155px;
		padding: 0 30px;
		font-weight: bold;
		color: #999;
		text-decoration: none;
		line-height: 45px;
		background: url(../graphics/footer/jnfooterbg.jpg) no-repeat;
		border-left: 5px solid #E5E5E5;
	}
	
	#footer a.jnfooter:hover {
		color: #FC0;
		background-position: 0 -155px;
	}
	
	#footer a.gbfooter {
		display: block;
		float: right;
		width: 210px;
		height: 155px;
		padding: 0 30px;
		font-weight: bold;
		color: #999;
		text-decoration: none;
		line-height: 45px;
		background: url(../graphics/footer/gbfooterbg.jpg) no-repeat;
		border-left: 5px solid #E5E5E5;
	}
	
	#footer a.gbfooter:hover {
		color: #FC0;
		background-position: 0 -155px;
	}
	
	#footer a.retailers {
		display: block;
		float: right;
		width: 210px;
		height: 155px;
		padding: 0 30px;
		font-weight: bold;
		color: #999;
		text-decoration: none;
		line-height: 45px;
		background: url(../graphics/footer/retailersfooterbg.jpg) no-repeat;
		border-left: 5px solid #E5E5E5;
	}
	
	#footer a.retailers:hover {
		color: #FC0;
		background-position: 0 -155px;
	}
	
	#footer a.become {
		display: block;
		float: right;
		width: 210px;
		height: 155px;
		padding: 0 30px;
		font-weight: bold;
		color: #999;
		text-decoration: none;
		line-height: 45px;
		background: url(../graphics/footer/becomefooterbg.jpg) no-repeat;
		border-left: 5px solid #E5E5E5;
	}
	
	#footer a.become:hover {
		color: #FC0;
		background-position: 0 -155px;
	}
	
	#footer a.affiliates {
		display: block;
		float: right;
		width: 210px;
		height: 155px;
		padding: 0 30px;
		font-weight: bold;
		color: #999;
		text-decoration: none;
		line-height: 45px;
		background: url(../graphics/footer/affiliatesfooterbg.jpg) no-repeat;
		border-left: 5px solid #E5E5E5;
	}
	
	#footer a.affiliates:hover {
		color: #FC0;
		background-position: 0 -155px;
	}
	
	#footerlinks {
		width: 330px;
		font-size: 12px;
		padding: 10px;
	}
	
	#footerlinks a {
		color: #999;
		line-height: 17px;
	}
	
	#thankyou {
		width: 500px;
		margin: 40px auto;
		padding: 30px;
		background: #FFF;
	}
	
	#contactdetails {
		border: 1px solid #999;
		padding: 10px;
		background: #F0F0F0;
		margin: 0 0 10px 0;
	}
	
	#flashcontainer {
		margin: -5px 0 0 0;
		border-bottom: 5px solid #E5E5E5;
		padding-bottom: 10px;
		width: 760px;
	}
	
	.specs {
		width: 100%;
		background: #EFEFEF;
	}
	
	.specs td {
		width: 25%;
		font-size: 12px;
		color: #666;
		padding: 2px 5px;
	}
	
	a.landnp {
		display: block;
		width: 740px;
		height: 150px;
		background: url(../graphics/home/landnp.jpg);
		margin-bottom: 10px;
	}
	
	a.landnp:hover {
		background-position: 0 -150px;
	}
	
	a.landjn {
		display: block;
		width: 740px;
		height: 150px;
		background: url(../graphics/home/landjn.jpg);
		margin-bottom: 10px;
	}
	
	a.landjn:hover {
		background-position: 0 -150px;
	}
	
	a.landgb {
		display: block;
		width: 740px;
		height: 150px;
		background: url(../graphics/home/landgb.jpg);
	}
	
	a.landgb:hover {
		background-position: 0 -150px;
	}
	
	/* ------------------------------------------------- */
	/* -------------- LEIGHTBOX STYLES ----------------- */
	/* ------------------------------------------------- */
	
	.leightbox {
		color: #333;
		display: none;
		position: absolute;
		top: 25%;
		left: 25%;
		width: 50%;
		height: 50%;
		padding: 1em;
		border: 1em solid #B8B8B8;
		background-color: white;
		text-align: left;
		z-index:1001;
		overflow: auto;	
	}
	
	.leightbox select {
		width: 230px;
		margin-bottom: 10px;
	}
	
	.leightbox label {
		display: block;
		width: 50px;
		margin-right: 5px;
	}
	
	.leightbox input {
		margin-bottom: 10px;
	}

	#overlay{
		display:none;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:1000;
		background-color:#333;
		-moz-opacity: 0.8;
		opacity:.80;
		filter: alpha(opacity=80);
	}
	
	.footer {
		padding: 0.5em;
	}
	
	.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }
	#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }
	
	/* ------------------------------------------------- */
	/* -------------- AFFILIATE STYLES ----------------- */
	/* ------------------------------------------------- */
	
	#affiliate {
		position: relative;
		height: 210px;
		padding: 20px;
		background: url(../graphics/affiliates/joinbg.jpg) no-repeat;
		margin-bottom: 10px;
	}
	
	#affiliate h1 {
		color: #FFF;
		font-size: 24px;
	}
	
	#affiliate p {
		color: #FFF;
	}
	
	#affiliate ul {
		float: right;
		width: 225px;
	}
	
	#affiliate li {
		font-weight: bold;
		font-size: 15px;
		line-height: 1.3em;
	}
	
	#affiliate a {
		position: absolute;
		display: block;
		width: 266px;
		line-height: 47px;
		left: 33px;
		top: 174px;
		font-size: 24px;
		font-weight: bold;
		color: #000;
		text-decoration: none;
		text-align: center;
	}
	
	#affiliate a:hover {
		color: #0C0;
	}
	
	#affiliatelogin {
		position: relative;
		height: 210px;
		padding: 20px;
		background: url(../graphics/affiliates/loginbg.jpg) no-repeat;
		margin-bottom: 10px;
	}
	
	#affiliatelogin h1 {
		color: #FFF;
		font-size: 24px;
	}
	
	#affiliatelogin p {
		color: #FFF;
	}
	
	#affiliatelogin ul {
		float: right;
		width: 225px;
	}
	
	#affiliatelogin li {
		font-weight: bold;
		font-size: 15px;
		line-height: 1.3em;
	}
	
	#affiliatelogin a {
		position: absolute;
		display: block;
		width: 266px;
		line-height: 47px;
		left: 33px;
		top: 174px;
		font-size: 24px;
		font-weight: bold;
		color: #000;
		text-decoration: none;
		text-align: center;
	}
	
	#affiliatelogin a:hover {
		color: #0C0;
	}