/*This elements are universal style attributes that apply everywhere.
Basically just the body and html bits first, then making sure that nothing
has a border (images for links etc)*/

#alert
	{
	display: none;
	}

html, body
	{
	height: 100%;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}

a img
	{
	border: none;
	}

body
	{
	background: #fff url(../images/bg_page.jpg) repeat-x top left;
	min-width: 768px;
	}

#top
	{
	margin: 0px 12px 0px 12px;
	min-width: 768px;
	}

#top img.logo
	{
	position: absolute;
	}

#top #address
	{
	position: absolute;
	font-family: arial, helvetica, sans-serif;
	font-size: 75%;
	width: 200px;
	padding-top: 30px;
	right: 24px;
	top: 12px;
	background-image: url(../images/bg_address.jpg);
	background-repeat: no-repeat;
	background-position: -6px 0px;
	}
#top #address strong
	{
	display: none;
	}

/*GLOBAL CLASSES*/
input.button, #search input.button
	{
	/*background-image: url(../images/bg_button.jpg);
	color: #fff;
	font-weight: bold;
	border: 1px solid #fff;
	border-bottom-color: #600;
	border-right-color: #600;
	text-transform: uppercase;
	padding: 0px 2px 0px 2px*/
	}

/* TOP MENU STUFF */
#top ul {
	min-width: 626px; position: absolute; top: 87px; right: 12px; list-style: none; padding: 0px; margin: 0px;
	}
#top ul li, #top ul li a {
	text-decoration: none; display: block; height: 36px; width: 125px; float: left; 
	text-indent:-100em; overflow: hidden;
	}
#top .service a {
	background-image: url(../images/menu/service.jpg);
	}
#top .company a {
	background-image: url(../images/menu/company.jpg);
	}
#top .account a {
	background-image: url(../images/menu/account.jpg);
	}
#top .order a {
	background-image: url(../images/menu/order.jpg);
	}
#top .contact a {
	background-image: url(../images/menu/contact.jpg);
	}
#top .service, #top .service a:hover {
	background-image: url(../images/menu/service_over.jpg);
	}
#top .company, #top .company a:hover {
	background-image: url(../images/menu/company_over.jpg);
	}
#top .account, #top .account a:hover {
	background-image: url(../images/menu/account_over.jpg);
	}
#top .order, #top .order a:hover {
	background-image: url(../images/menu/order_over.jpg);
	}
#top .contact, #top .contact a:hover {
	background-image: url(../images/menu/contact_over.jpg);
	}

/*SEARCH BAR*/

#search {
	border: 1px solid #fff; height: 31px; background-color: #a6d895; position: relative; top: 122px;
	}
#search p {
	font-family: arial, helvetica, sans-serif; font-size: 60%; color: #466a46; position: absolute;
	left: 8px; top: 8px; font-weight: bold;
	}
#search > p {
	top: 0px;
	}
#search input, #search select {
	/*font-family: arial, helvetica, sans-serif; color: #888;*/
	font-size: 75%; width: 125px;	
	}
#search input.button {
	width: auto;	
	}
#search form {
	width: 425px; float: right; display: inline; padding: 0px; margin: 0px;
	}
#search fieldset {
	background: #a6d895 url(../images/site_search.gif) no-repeat 15px 3px;
	padding: 0px; padding-left: 110px; margin: 3px; border: 0px;
	}
#search legend {
	display: none;
	}

/*MAIN BODY*/
#main {
	margin: 122px 12px 0px 12px; font-family: arial, helvetica, sans-serif; font-size: 75%;
	border-collapse: collapse; 
	}
#main td {
	padding: 0px; vertical-align: top
	}
#content {
	background: #fff url(../images/bg_content.jpg) repeat-x top left; width: 100%; 
	}
td#content {
	padding: 0px;
	}
td#content div.inside_content {
	padding: 20px;
	}
#content img {
	padding: 0px; margin: 0px; display: block
	}
	
#content div.intro
	{
	background: #fff url(../images/bg_intro.jpg) repeat-x top left;
	padding: 24px 24px 0px 24px;
	margin: -20px -20px 0px -20px;
	}


#content #intro1
	{
	}

#content #intro2, #practicalities #training
	{
	float: right;
	width: 200px;
	}

#practicalities #training
	{
	list-style: none;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	}

#content h1.home, #content h2.home
	{
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	}

#content p {
	padding-bottom: 12px; margin: 0px;
	}
#content div.product_details p {
	margin: 15px 0px;
	}
#content.inner {
	padding: 20px;
	}
img.right {
	float: right;
	}
.att{
	background-color:#9cc;
	color:#066;
	border:solid 1px #066;
	padding:20px;
	float:left;
	margin:10px 0 10px 0;
	}
/* FOOTER */
#footer {
	font-family: arial, helvetica, sans-serif; font-size: 75%; text-align: center; color: #548145;
	border-top: 1px solid #A6D895; padding: 8px; font-weight: bold;
	}
#footer a {
	color: #548145; text-decoration: none; font-weight: normal;
	}
#footer a:hover {
	color: #250; text-decoration: underline;
	}
#footer a.printer {
	color: blue; font-weight: bold;
	}
	
#reg {
text-align:center;
width:660px;
margin:0 auto;
padding-top:10px;}

#reg_text {color:#333333;
font-weight:100;
text-align:left;
}

/*Menu table at top of product category*/
table.products
	{
	border-collapse: collapse;
	font-size: 100%;
	font-weight: bold;
	}
#content table.products td
	{
	padding: 5px;
	}
table.products td.r1
	{
	background-color: #eee;
	}
table.products a
	{
	text-decoration: none;
	color: #00f;
	}
table.products a:hover
	{
	color: #800;
	}


/*Table for product details*/
table.details
	{
	border-collapse: collapse;
	font-size: 100%;
	}
#content table.details td
	{
	border: 1px solid #fff;
	padding: 4px;
	background-color: #f8f8f8;
	}

#content.inner p {
	margin: 0px;
	padding: 6px 0px 6px 0px;
	}

h1 {
	font-size: 170%; color: #448; margin: 0px 0px 20px 0px;
	}
h2 {
	font-size: 150%; color: #66a; margin: 0px 0px 20px 0px;
	}


#content #actions
	{
	text-align: center;
	padding: 8px;
	}
#content #actions img
	{
	border: 4px solid #fff;
	display: inline;
	}


#winners, #practicalities
	{
	clear: both;
	background-image: url(../images/bg_winners.jpg);
	background-repeat: repeat-x;
	padding: 18px;
	margin: 12px -16px -12px -16px;
	}

#practicalities
	{
	background-position: top right;
	background-image: url(../images/bg_practicalities.gif);
	background-repeat: no-repeat;
	padding-right: 0px;
	}

#practicalities p
	{
	margin: 0px;
	padding-bottom: 12px;
	padding-right: 360px;
	}

#practicalities em
	{
	font-weight: bold;
	color: red;
	}

#practicalities h2
	{
	font-size: 120%;
	color: #448;
	padding: 0px 0px 12px 0px;
	margin: 20px 0px 0px 0px;
	}

#winners h2
	{
	font-size: 120%;
	color: #448;
	background-image: url(../images/bg_star.gif);
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	}

#winners h3
	{
	color: #369;
	font-size: 110%;
	}

#winners table
	{
	border-collapse: collapse;
	}
#content #winners td
	{
	padding: 4px;
	}

#content #winners table a
	{
	color: black;
	}

#content #winners table a:hover
	{
	color: #800;
	text-decoration: underline
	}

#content.home a
	{
	color: blue;
	font-weight: bold;
	text-decoration: none;
	}



#mailing p.unsub {
	font-size: 90%; margin: -17px 0px -5px 20px; padding: 0px;
	}
#mailing p.unsub a {
	color: #00f; text-decoration: none;
	}
#mailing p.unsub a:hover {
	color: #d00;
	}





.wai {
	display: none;
	}

#ninexb {
	text-align: right; margin: 40px 0px;
	}
#ninexb a {
	color: #999; font-size: 80%; font-family: Arial; text-decoration: none;
	}
#ninexb a:hover {
	text-decoration: underline;
	}


#contact
	{
	width: 200px;
	float: right;
	background-color: #eee;
	padding: 12px;
	border: 12px solid #fff;
	border-right: none;
	border-top: none;
	font-size: 90%;
	}

#content a#moneyback
	{
	color: red;
	}