/* CSS Document */

/*PAGE LAYOUT*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#logo{
	float: left;
	background-image: url(image331.png);
	width: 246px;
	height: 193px;
	background-repeat: no-repeat;
}
#topheader{float:right; width:526px; height:97px; background-color:#F0F0F0; position:relative}
#toplinks{position:absolute; right:10px; top:10px;}
#menu{float:right; width:526px; height:32px; background-image:url(bg_menu.gif); background-repeat:repeat-x;}
#submenu{float:right; width:526px; height:32px; background-image:url(bg_submenu.gif); background-position:top; background-repeat:repeat-x;}
#contenttext{float:right; width:526px;}
#leftpanel{float:left; width:274px;}
#footer{float:left; width:800px; background-color:#F0F0F0; padding:10px;}
#adwords{float:left; width:800px; background-color:#F0F0F0;}
#adwords2{float:left; width:800px; background-color:#F0F0F0;}



/*GRAY PANEL*/
.graypanel{
	border:solid 1px #666666; background-color:#F7F7F7; padding:10px; margin:10px;
}

/*TEXT STYLES*/
.bodytext {
	font: 0.7em Tahoma, sans-serif;
	color: #666666;
}

.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#CC0000;
}
.whitetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
}
.smalltitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#CC0000;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
}
.medgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#999999;
}
.medgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color:#999999;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.smallredtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
}
.smallredtext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;
}

/************** #product styles **************/
#products { 
	POSITION: relative; LEFT: 0px; TOP: 0px; WIDTH: 650px; Z-INDEX: 1; BORDER: gray 0px solid; 
}
.productDispLeft { 
	FLOAT: left; WIDTH: 160px; HEIGHT: 400px; Z-INDEX: 1; 
	BORDER: gray 0px solid; PADDING-TOP: 0px; PADDING-LEFT: 0px;  PADDING-BOTTOM: 0px; background-color: Snow;
	FONT-FAMILY:  Arial,sans-serif; FONT-SIZE: 14px; FONT-STYLE: normal; FONT-WEIGHT: normal; COLOR: black; TEXT-ALIGN: left;
}
.productDispRight { 
	FLOAT: left; WIDTH: 160px; HEIGHT: 400px;  Z-INDEX: 1; 
	BORDER: gray 0px solid; PADDING-TOP: 0px; PADDING-LEFT: 0px;  PADDING-BOTTOM: 0px; 
	FONT-FAMILY:  Arial,sans-serif; FONT-SIZE: 14px; FONT-STYLE: normal; FONT-WEIGHT: normal; COLOR: black; TEXT-ALIGN: left;
}
.positionBlurb { 
	FLOAT: left; WIDTH: 150px; HEIGHT: 50px; Z-INDEX: 1; 
	BORDER: gray 0px solid; PADDING-TOP: 0px; PADDING-LEFT: 10px;  PADDING-BOTTOM: 0px; 
	FONT-FAMILY:  Arial,sans-serif; FONT-SIZE: 14px; FONT-STYLE: normal; FONT-WEIGHT: normal; COLOR: black; TEXT-ALIGN: left;
}
.positionImage { 
	FLOAT: left; WIDTH: 140px; Z-INDEX: 1; 
	BORDER: gray 0px solid; PADDING-TOP: 0px; PADDING-LEFT: 0px;  PADDING-BOTTOM: 0px; 
	FONT-FAMILY:  Arial,sans-serif; FONT-SIZE: 14px; FONT-STYLE: normal; FONT-WEIGHT: normal; COLOR: black; TEXT-ALIGN: center;
}
.positionDescription { FLOAT: left; WIDTH: 140px; Z-INDEX: 1; 
	BORDER: gray 0px solid; PADDING-TOP: 0px; PADDING-LEFT: 0px;  PADDING-BOTTOM: 0px; 
	FONT-FAMILY:  Arial,sans-serif; FONT-SIZE: 16px; FONT-STYLE: normal; FONT-WEIGHT: bold; COLOR: red; TEXT-ALIGN: center;
}
.positionColour { 
	FLOAT: left; WIDTH: 140px; Z-INDEX: 1; 
	BORDER: gray 0px solid; PADDING-TOP: 0px; PADDING-LEFT: 0px;  PADDING-BOTTOM: 0px; 
	FONT-FAMILY:  Arial,sans-serif; FONT-SIZE: 14px; FONT-STYLE: normal; FONT-WEIGHT: normal; COLOR: black; TEXT-ALIGN: center;
}
.positionBackgroundImage { 
	FLOAT: right; WIDTH: 200px; HEIGHT: 30px; Z-INDEX: 1; 
	BORDER: gray 1px solid; PADDING-TOP: 0px; PADDING-LEFT: 0px;  PADDING-BOTTOM: 0px; 
	FONT-FAMILY:  Arial,sans-serif; FONT-SIZE: 14px; FONT-STYLE: normal; FONT-WEIGHT: normal; COLOR: black; TEXT-ALIGN: center;
}

.productHeader { 
	POSITION: relative; TOP: 0px; LEFT: 0px; FLOAT: right; WIDTH: 650px; Z-INDEX: 1; 
	BORDER: gray 0px solid; PADDING-TOP: 0px; PADDING-LEFT: 0px;  PADDING-BOTTOM: 0px; 
	FONT-FAMILY:  Arial,sans-serif; FONT-SIZE: 14px; FONT-STYLE: normal; FONT-WEIGHT: normal; COLOR: black; TEXT-ALIGN: left;
}
.productHeaderimage { 
	POSITION: relative; TOP: 0px; LEFT: 0px; FLOAT: right; WIDTH: 650px; HEIGHT: 60px; Z-INDEX: 1; 
	BORDER: gray 0px solid; PADDING-TOP: 0px; PADDING-LEFT: 0px;  PADDING-BOTTOM: 0px; 
	FONT-FAMILY:  Arial,sans-serif; FONT-SIZE: 14px; FONT-STYLE: normal; FONT-WEIGHT: normal; COLOR: black; TEXT-ALIGN: left;
}

productDemo {
	COLOR: red;
}

productPDF {
	COLOR: blue;
}

/************** #category styles **************/
#category { POSITION: relative; LEFT: 0px; TOP: 0px; WIDTH: 650px; Z-INDEX: 1; BORDER: gray 0px solid; }
.categoryDispLeft { FLOAT: left; WIDTH: 300px; Z-INDEX: 1; BORDER: gray 0px solid; PADDING-TOP: 0px; PADDING-LEFT: 0px;  PADDING-BOTTOM: 0px; FONT-FAMILY: Arial; FONT-SIZE: 14px; FONT-STYLE: normal; FONT-WEIGHT: normal; COLOR: black; TEXT-ALIGN: left;}
.categoryDispRight { FLOAT: right; WIDTH: 300px;  Z-INDEX: 1; BORDER: gray 0px solid; PADDING-TOP: 0px; PADDING-LEFT: 0px;  PADDING-BOTTOM: 0px; FONT-FAMILY: Arial; FONT-SIZE: 14px; FONT-STYLE: normal; FONT-WEIGHT: normal; COLOR: black; TEXT-ALIGN: left;}
.categoryPositionBackgroundImage { FLOAT: right; WIDTH: 200px; HEIGHT: 30px; Z-INDEX: 1; BORDER: gray 0px solid; PADDING-TOP: 0px; PADDING-LEFT: 0px;  PADDING-BOTTOM: 0px; FONT-FAMILY: Arial; FONT-SIZE: 14px; FONT-STYLE: normal; FONT-WEIGHT: normal; COLOR: black; TEXT-ALIGN: center;}
.categoryPositionBlurb { FLOAT: right; WIDTH: 190px; HEIGHT: 240px; Z-INDEX: 1; BORDER: gray 0px solid; PADDING-TOP: 0px; PADDING-LEFT: 0px;  PADDING-BOTTOM: 0px; FONT-FAMILY: Arial; FONT-SIZE: 14px; FONT-STYLE: normal; FONT-WEIGHT: normal; COLOR: black; TEXT-ALIGN: left;}
.categoryPositionImage { FLOAT: left; Z-INDEX: 1; BORDER: gray 0px solid; PADDING-TOP: 0px; PADDING-LEFT: 0px;  PADDING-BOTTOM: 0px; FONT-FAMILY: Arial; FONT-SIZE: 14px; FONT-STYLE: normal; FONT-WEIGHT: normal; COLOR: black; TEXT-ALIGN: center;}
.categoryPositionDescription { FLOAT: left; WIDTH: 100px; Z-INDEX: 1; BORDER: gray 0px solid; PADDING-TOP: 0px; PADDING-LEFT: 0px;  PADDING-BOTTOM: 0px; FONT-FAMILY: Arial; FONT-SIZE: 16px; FONT-STYLE: normal; FONT-WEIGHT: bold; COLOR: red; TEXT-ALIGN: center;}


.categoryPositionBlurb2 { FLOAT: right; WIDTH: 190px; HEIGHT: 140px; Z-INDEX: 1; BORDER: gray 0px solid; PADDING-TOP: 0px; PADDING-LEFT: 0px;  PADDING-BOTTOM: 0px; FONT-FAMILY: Arial; FONT-SIZE: 14px; FONT-STYLE: normal; FONT-WEIGHT: normal; COLOR: black