
body {
	margin: 0px; 
	padding: 0px;
}

#menu {
	text-align: center; 
	margin-bottom: 1.5em;
}

img, a img, #menu a img {
	border: 0px;
}

#document {
	margin: 0px;
	border-collapse: collapse; 
	width: 100%;
}

#document .leftspacer, #document .rightspacer {
	/* width: 150px; */
	width: 5%;
}

#content, #alt {
	vertical-align: top;
}

#content, #document .top, #document .bottom, #document .left, #document .right {
	background: rgb(255,255,255);
}

#alt, #document .topalt, #document.alttop .top, #document .bottomalt, #document.altbottom .bottom {
	background: rgb(221,228,230);
}

.alt1col {
	width: 144px;
}

.alt2col {
	width: 288px;
}

#document .topleft, #document .left, #document .bottomleft, #document .topright, #document .right, #document .bottomright {
	width: 10px;
	height: 10px;
	font-size: 2px !important;
}

#document .top, #document .topalt, #document .bottom, #document .bottomalt {
	height: 10px;
	font-size: 2px !important;
}

#document .topleft img, #document .topright img {
	vertical-align: top;
}

#document .bottomleft img, #document .bottomright img {
	vertical-align: bottom;
}

#document .topleft {
	background: url(/images/topleftbg.gif) top left no-repeat;
}

#document.altleft .topleft, #document.alttop .topleft {
	background: url(/images/topleftbgB.gif) top left no-repeat;
}

#document .topright {
	background: url(/images/toprightbg.gif) top right no-repeat;
}

#document.altright .topright, #document.alttop .topright {
	background: url(/images/toprightbgB.gif) top right no-repeat;
}

#document .bottomleft {
	background: url(/images/bottomleftbg.gif) bottom left no-repeat;
}

#document.altleft .bottomleft, #document.altbottom .bottomleft {
	background: url(/images/bottomleftbgB.gif) bottom left no-repeat;
}

#document .bottomright {
	background: url(/images/bottomrightbg.gif) bottom right no-repeat;
}

#document.altright .bottomright, #document.altbottom .bottomright {
	background: url(/images/bottomrightbgB.gif) bottom right no-repeat;
}

#document .leftalt, #document.altleft .left {
	background: rgb(221,228,230) url(images/leftB.gif) top left repeat-y;
}

#document .rightalt, #document.altright .right {
	background: rgb(221,228,230) url(images/rightB.gif) top right repeat-y;
}

#document .topalt {
	background: rgb(221,228,230) url(images/topB.gif) top left repeat-x;
}

#document .bottomalt, #document.altbottom .bottom {
	background: rgb(221,228,230) url(images/bottomB.gif) bottom left repeat-x;
}

#document img {
	margin: 0px;
	padding: 0px;
}

#document.altleft #content {
	padding-left: 8px;
}

#document.altleft #alt {
	padding-right: 8px;
}

#document.altright #content {
	padding-right: 8px;
}

#document.altright #alt {
	padding-left: 8px;
}

#alt .hr {
	border-bottom: 1px solid rgb(150,170,160);
	padding-bottom: 1em;
}

.backbutton {
	text-align: center; 
	padding-top: 0px;
}


/*  Styling  */

.showcase {
	text-align: center;
}

.showcase img {
	margin: 1em;
}

.price {
	text-align: center; 
	font-size: 120%;
}

	/* Breadcrumbs */

#breadcrumbs {
	padding-bottom: 8px;
	border-bottom: 1px solid rgb(200,200,200);
	margin-bottom: 8px;
}

#breadcrumbs span {
	white-space: nowrap;
}

#breadcrumbs img {
	vertical-align: middle;
	margin-left: 0.3em;
	margin-right: 0.3em;	
}

	/* Headers */

#head {
	background: url(/images/headbg.gif) bottom left repeat-x;
	margin-bottom: 0.6em;
}

#head table {
	width: 100%;
}

#head table td.headbar {
	vertical-align: bottom;
	padding-left: 1em;  
	height: 120px; 
	width: 400px;
}

h4 {
	margin-bottom: 0px;
}

	/* Document */

#document {
	color: rgb(100,110,110);
	font-family: Lucida Sans Unicode,Lucida Sans,Arial,Verdana,sans-serif;
	font-size: 10pt;
}

#document a {
	color: rgb(1,133,152);
}

#content .body {
	padding-left: 1em;
	padding-right: 1em;
}

#content a {
	white-space: nowrap;
}

.news.summary {
	border-top: 1px solid rgb(210,210,220);
	border-left: 1px solid rgb(210,210,220);
	border-right: 1px solid rgb(210,210,220);
	
	background: rgb(246,248,249) url(/images/headbg.gif) bottom repeat-x;
	padding: 8px;
	clear: both;
}

.news h3 {
	margin-top: 0px;
}

.news h3 a {
	text-decoration: none;
}

.news h3 a:hover {
	text-decoration: underline;
}

.news h3, .news h4 {
	color: rgb(80,80,90);
	padding-left: 3px;
}

.news h4 {
	margin-top: -11px;
	margin-bottom: 0px;
}

.news .more {
	text-align: right;
	padding-right: 0.5em;
	margin-top: -8px;
	margin-bottom: 5px;
}

.postnews {
	text-align: right;
	border-top: 1px solid rgb(210,210,220);
	padding: 8px;
}

.categoryline {
	/* clear: both; */
	padding-left: 3px;
	margin-top: 4px;
	margin-bottom: 0px;
	font-size: 88%;
}

table.static_columns {
	table_layout: fixed;
	/*width: 100%;*/
}

table.static_columns td {
	padding-right: 0.7em;
	vertical-align: top;
}

	/* Sidebar tiles */

.tiles {
	border-collapse: collapse;
}

.tiles td {
	vertical-align: top;
}

.tiles td.tile {
	background: rgb(221,228,230) url(/images/tilebg.gif) top left no-repeat;
	width: 134px;
	height: 150px;
	padding-top: 29px;
	padding-right: 10px;
	padding-left: 29px;
}

.tiles img, .tiles td.tile a img {
	border: 0px;
}

.tiles td a {
	text-decoration: none;
}

.alt1col .tiles {
	width: 144px;
}

.alt2col .tiles {
	width: 288px;
}

.alt3col .tiles {
	width: 432px;
}

.alt4col .tiles {
	width: 576px;
}

/*div.hr {
	border-bottom: 2px solid
}*/

	/* Thumbnails */

.thumbnails {
	border-collapse: collapse;
}

.thumbnails td {

}

.thumbnails td.tile {
	background: url(/images/whitetile.gif) top left no-repeat;
	width: 144px;
	height: 134px;
	padding-left: 29px;
	padding-right: 14px;
	padding-top: 29px;
	vertical-align: top;
}

.thumbnails td img {
	border: none;
	padding-right: 10px;
}

.thumbnails td a {
	text-decoration: none;
}


	/*  Used  */

.object.blue {
	width: 100%;
	table-layout: fixed; 
	padding-right: 1em;
}

.object.blue .obj_middle {
	background: rgb(80,161,199);
	padding-top: 5px;
	height: 15em;
}

.object.blue h3 {
	margin-top: 3px;
}

.object.blue a, .object.blue h3 a {
	color: white !important;
	text-decoration: none !important;
	white-space: normal !important;
}

.object.blue td {
	vertical-align: top;
	color: white;
}

.object.blue td img {
	vertical-align: top;
}

.object.blue .obj_topleft {
	background: url(/images/objectblue/topleft.gif) top right no-repeat;
}

.object.blue .obj_bottomleft {
	background: url(/images/objectblue/bottomleft.gif) top right no-repeat;
}

.object.blue .obj_topright {
	background: url(/images/objectblue/topright.gif) top right no-repeat;
}

.object.blue .obj_bottomright {
	background: url(/images/objectblue/bottomright.gif) top right no-repeat;
}

.object.blue .obj_left {
	background: url(/images/objectblue/left.gif) right repeat-y;
}

.object.blue .obj_right {
	background: url(/images/objectblue/right.gif) left repeat-y;
}

.object.blue .obj_bottom {
	background: url(/images/objectblue/bottom.gif) top repeat-x;
}

.object.blue .obj_topleft, .object.blue .obj_left, .object.blue .obj_bottomleft
.object.blue .obj_topright, .object.blue .obj_right, .object.blue .obj_bottomright {
	width: 8px;
}

.object.blue .obj_topleft, .object.blue .obj_topright, .object.blue .obj_bottomleft, .object.blue .obj_bottomright {
	height: 12px;
	font-size: 6px;
}

.object.blue .obj_icon {
	background: url(/images/objectblue/iconbg.gif);
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 5px;
	padding-bottom: 4px;
	float: left;
	margin-right: 5px;
}

.object.blue .obj_icon img {
	border: 0px none;
}

.object p, .object ul {
	clear: left;
}


	/*  Info  */
	
.manuals td {
	border-top: 1px solid rgb(210,210,200);
	padding: 1px;
	padding-left: 1em;
	padding-right: 1.5em;
	vertical-align: middle;
	white-space: nowrap;
}

.manuals {
	border-bottom: 1px solid rgb(190,190,170);
}

.manuals img {
	vertical-align: middle;
	border: none;
}

.manuals a {
	text-decoration: none;
}

.manuals a:hover {
	text-decoration: underline;
}


	/*  After the document  */


.call {
	/* border-top: 1px solid rgb(200,200,200); */
	margin-top: 0.6em;
	text-align: center;
	font-size: +1;
}

.call, .call p {
	color: rgb(50,55,55);
}

.companytail {
	border-top: 1px solid rgb(200,200,200);
	margin-top: 0.6em;
	padding-left: 4em;
	padding-right: 4em;
	text-align: center;
	font-size: 80%;
}

	/* End note */

#endnote {
	margin-top: 1em;
	text-align: center;
	font-family: Lucida Sans Unicode,Lucida Sans,Arial,Verdana,sans-serif;
	font-size: 9pt;
	margin-bottom: 0.5em;
}

/*  COLOURS  */

	/*  green  */

body.green {
	background: rgb(43,71,42) url(/images/green/bg.gif) top center;
}

body.green #menu {
	background: url(/images/green/menubg.gif) top center no-repeat;
}

body.green #endnote, body.green #endnote a {
	color: rgb(167,200,165);
}

	/*  grey  */

body.grey {
	background: rgb(135,135,135) url(/images/grey/bg.gif) top center;
}

body.grey #menu {
	background: url(/images/grey/menubg.gif) top center no-repeat;
}

body.grey #endnote, body.grey #endnote a {
	color: rgb(220,220,220);
}

	/*  brown  */

body.brown {
	background: rgb(101,72,41) url(/images/brown/bg.gif) top center;
}

body.brown #menu {
	background: url(/images/brown/menubg.gif) top center no-repeat;
}

body.brown #endnote, body.brown #endnote a {
	color: rgb(223,201,174);
}

	/*  cyan  */

body.cyan {
	background: rgb(90,137,132) url(/images/cyan/bg.gif) top center;
}

body.cyan #menu {
	background: url(/images/cyan/menubg.gif) top center no-repeat;
}

body.cyan #endnote, body.cyan #endnote a {
	color: rgb(179,217,212);
}

	/*  purple  */

body.purple {
	background: rgb(85,77,128) url(/images/purple/bg.gif) top center;
}

body.purple #menu {
	background: url(/images/purple/menubg.gif) top center no-repeat;
}

body.purple #endnote, body.purple #endnote a {
	color: rgb(184,178,217);
}

	/*  yellow  */

body.yellow {
	background: rgb(101,72,41) url(/images/yellow/bg.gif) top center;
}

body.yellow #menu {
	background: url(/images/yellow/menubg.gif) top center no-repeat;
}

body.yellow #endnote, body.yellow #endnote a {
	color: rgb(212,200,141);
}
