body { background: url("graphics/bg_body.gif") repeat-x top; }	
#header { background: url("graphics/bg_header.gif") no-repeat top; border: none; }
#page { background: url("graphics/bg_page.gif") repeat-y top; border: none; }
#footer { background: url("graphics/bg_footer.gif") no-repeat top; border: none; }

* { margin: 0; padding: 0; }

/* fonts */

body {
	font: 0.85em Verdana, Helvetica, sans-serif;
	line-height: 1;
	color: #000000;
	background-color: #526377;
}

body.termscond {
	background: url("images/xenonoz_logo_doorway.gif") top center no-repeat;
	background-color: black;
	padding-top: 263px;
}

h1 {
	font: 1.4em Verdana, Helvetica, sans-serif;
	color: #2E4C87;
	font-weight: bold;
	letter-spacing: .1em;
	margin-top: 1em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

h1.newsheader {
	color: #FFFFFF;
	text-align: right;
}

h2 {
	font: 1em Verdana, Helvetica, sans-serif;
	color: #2E4C87;
	font-weight: bold;
	letter-spacing: .2em;
	margin-top: 2em;
	margin-bottom: 1em;
	text-transform: uppercase;
	padding: 2px 4px 2px 4px;
	background-color: #c5ccd4;
	border-top: 1px solid #7E7C97;
	border-bottom: 1px solid #7E7C97;
}

h3 {
	font: 0.8125em Verdana, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.2;
	color: #000000;
	margin-bottom: 1em;
	text-transform: uppercase;
}

div#content ul {
	font: 0.8125em Verdana, Helvetica, sans-serif;
	margin-bottom: 12px;	
	list-style-type: square;
}

div#contentfull ul {
	font: 0.8125em Verdana, Helvetica, sans-serif;
	margin-bottom: 12px;	
	list-style-type: square;
}

div#content ol.decimal {
	font: 0.8125em Verdana, Helvetica, sans-serif;
	margin-bottom: 12px;
	list-style-type: decimal;
}

div#content ol.alpha {
	font: 0.8125em Verdana, Helvetica, sans-serif;
	margin-top: 12px;
	list-style-type: lower-alpha;
}

div#contentfull ol.decimal {
	font: 0.8125em Verdana, Helvetica, sans-serif;
	margin-bottom: 12px;
	list-style-type: decimal;
}

div#contentfull ol.alpha {
	font: 0.8125em Verdana, Helvetica, sans-serif;
	margin-top: 12px;
	list-style-type: lower-alpha;
}

div#content li {
	line-height: 1.4em;
	margin-left: 20px;
	margin-bottom: 6px;
}

div#contentfull li {
	line-height: 1.4em;
	margin-left: 20px;
	margin-bottom: 6px;
}

div.newsheader {
	margin-left: 16px;
	margin-top: 7px;
	padding-top: 37px;
	padding-right: 30px;
	width: 724px;
	height: 61px;
	background-color: #000000;
	background: url("images/illuminator_logo.gif");
}

.phonenum
{
	font-size: 1.5em;
	font-weight: bold;
}

#topnav {
	font: 10px Verdana, Helvetica, sans-serif;
}

#mainnav {
	font: 12px Verdana, Helvetica, sans-serif;
	line-height: 1;
	font-weight: bold;
}

div#topnavdiv {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#branddiv {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#nav {
	margin: 0 0 0 0;
	padding-top: 1px;
	padding-left: 3px;
}

div#nav a {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#footer {
	font: 10px Verdana, Helvetica, sans-serif;
}

#content p {
	font: 0.8125em Verdana, Helvetica, sans-serif;
	line-height: 1.4em;
	margin-bottom: 12px;
}

#termscond {
	background-color: white;
	padding: 8px;
}

#termscond p {
	font: 0.8125em Verdana, Helvetica, sans-serif;
	text-align: left;
	margin-bottom: 12px;
}

#termscond ol {
	text-align: left;
	list-style-type: lower-alpha;
	font: 0.8125em Verdana, Helvetica, sans-serif;
}

#termscond li {
	margin-left: 20px;
	margin-bottom: 8px;
}

#contentfull p {
	font: 0.8125em Verdana, Helvetica, sans-serif;
	line-height: 1.8em;
	margin-bottom: 12px;
}

#right p {
	font: 0.8125em Verdana, Helvetica, sans-serif;
	line-height: 1.8em;
	margin-bottom: 12px;
}

p.right {
	text-align: right;
}

p.center {
	text-align: center;
}

#content p.blockquote {
/*	font: italic 1.05em Georgia, Times, serif;*/
}

#contentfull p.blockquote {
/*	font: italic 1.05em Georgia, Times, serif;*/
}

div#rightbreakout p {
	font: 1.05em Verdana, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.2em;
}

.contact {
	font-size: 80%;
	line-height: 1.8em;
	color: #666666;
}

.contacterror {
	font-size: 80%;
	color: #cc0000;
}

p.footnote {
	font-size: 80%;
	color: #666666;
}

/* links */

a {
	text-decoration: underline;
	color: #003399;
}

a:hover {
	color: #000066;
	text-decoration: none;
}

a img {
	border: none;
}

#topnav li a {
	text-decoration: none;
	display: block;
	color: #333536;
	font-weight: bold;
}

span.red {
	color: #CC0000;
}

#topnav a:hover {
	color: #000000;
}

#mainnav li a {
	text-decoration: none;
	display: block;
	color: #3B3D3F;
}

#mainnav a:hover {
	color: #000000;
}

#footer p {
	display: block;
	color: #A1A9B2;
}

#footer a {
	color: #A1A9B2;
	text-decoration: none;
}

#footer a:hover {
	color: #FFFFFF;
}

#main a {
	font-weight: bold;
}

#right a {
	font-weight: bold;
}

/* structure */

body {
	text-align: center; 
}

#page {
	text-align: left;
	c
	margin-top: 14px;
	margin-left: auto;
	margin-bottom: 14px;
	margin-right: auto;
	width: 786px;
}
	
#header {
	height: 170px;
	width: 100%;
}

#footer {
	height: 37px;
	padding-top: 2px;
	clear: both;
}

#copyright {
	width: 450px;
	float: left;
	padding-left: 23px;
}

#footernav {
	width: 280px;
	float: right;
}

#topnav li {
	float: left;
	margin: 0;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 7px;
	padding-right: 20px;
	list-style-type: none;
}

#mainnav li {
	float: left;
	padding-top: 7px;
	padding-left: 22px;
	padding-bottom: 0;
	padding-right: 15px;
	list-style-type: none;
}

#copyright p {
	padding-top: 9px;
	padding-left: 0;
	padding-bottom: 0;
	padding-right: 20px;
}

#footernav li {
	float: left;
	padding-top: 9px;
	padding-left: 22px;
	padding-bottom: 0;
	padding-right: 20px;
	list-style-type: none;
}

#brand {
	padding-left: 3px;
}

#content {
	width: 470px;
	padding-top: 24px;
	padding-left: 32px;
	padding-bottom: 20px;
}

#contentfull {
	width: 720px;
	padding-top: 24px;
	padding-left: 32px;
	padding-bottom: 20px;
}

#right {
	width: 208px;
	margin: 8px;
	padding-top: 16px; 
	padding-left: 16px;
	padding-bottom: 16px;
	padding-right: 16px;
	margin-left: 530px;
	background-color: #EAEFF3;
}

.column {float: left;}

/* forms */

form {
	margin: 0px;
}

input {
	color: #000000; 
	background: #eeeeee;
	border-left-style: solid;
	border-right-style: none;
	border-top-style: solid;
	border-bottom-style: none;
	border-color: #cccccc;
	border-width: 1px;
	margin: 0px;
	padding: 2px;
	height: 18px;
	font: 0.9em Verdana, Helvetica, sans-serif;
}

textarea {
	color: #000000; 
	background: #eeeeee;
	border-left-style: solid;
	border-right-style: none;
	border-top-style: solid;
	border-bottom-style: none;
	border-color: #cccccc;
	border-width: 1px;
	margin: 0px;
	padding: 2px;
	font: 0.9em Verdana, Helvetica, sans-serif;
}

select {
	color: #000000; 
	background: #eeeeee;
	border-left-style: solid;
	border-right-style: none;
	border-top-style: solid;
	border-bottom-style: none;
	border-color: #CCCCCC;
	border-width: 1px;
	margin: 0px;
	padding: 0px;
	font: 0.9em Verdana, Helvetica, sans-serif;
}

input.checkbox {
	background: none;
	border: none;
	padding: 0px;
}

input.button {
	background: #A9AAAB url("graphics/bg_button.gif");
	border: 1px solid #000000;
	height: 30px;
	padding-left: 8px;
	padding-right: 8px;
}

/* product */

div.product {
	padding-top: 8px;
	border-bottom: 1px solid #CCCCCC;
}

div.product img {
	float: left;
	padding-right: 16px;
	padding-bottom: 32px;
}

table.product {
	font-size: 0.8125em;
	margin-top: 16px;
	margin-bottom: 16px;
	width: 100%;
}

table.product th {
	color: #FFFFFF;
	font-size: 110%;
}

table.product td,th {
	width: 25%;
	padding-top: 8px;
	padding-right: 4px;
	padding-bottom: 8px;
	padding-left: 4px;
}

th.extreme {
	background: #A1241E;
}

th.sports {
	background: #004175;
}

th.professional {
	background: #4C4C4E;
}

td.label {
	font-weight: bold;
}

td.extreme {
	background: #E3BDBB;
}

td.sports {
	background: #B2C6D5;
}

td.professional {
	background: #C9C9Ca;
}

td.extremeprice {
	background: #E3BDBB;
	font-size: 1.5em;
	font-weight: bold;
}

td.sportsprice {
	background: #B2C6D5;
	font-size: 1.5em;
	font-weight: bold;
}

td.professionalprice {
	background: #C9C9Ca;
	font-size: 1.5em;
	font-weight: bold;
}

/* news item */

div.newsitem {
	padding-top: 8px;
	border-bottom: 1px solid #CCCCCC;
}

div.newsitem img {
	padding-right: 16px;
	padding-bottom: 8px;
	float: left;
}

/* right breakout */

#rightbreakout {
	padding-bottom: 8px;
}

#rightbreakout p {
	font-weight: bold;
}

/* right testimonial */

div.righttestimonial {
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #CCCCCC;
}

/* short special offer */

div.specialoffer {
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #CCCCCC;
}

/* gallery */

table.gallery td {
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}

/* links */

table.links td {
	padding-top: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
	padding-left: 16px;
}


