div.toolbar
{
	background: #ddd;
	border-bottom: 1px solid #bbb;
	padding: 4px;
	margin-bottom: 10px;
}

.oblique
{
	font-style: oblique;
}

.float-half1
{
	float: left;
	width: 49%;
}

.float-half2
{
	float: right;
	width: 49%;
}

fieldset.float-half1,
fieldset.float-half2
{
	width: 45%;
}

th a
{
	color: White !important;
}

/*
 * Form styles
 */
label,
.label
{
	float: left;
	width: 120px;
}

span.checkbox label
{
	float: none;
	width: auto;
}

span.required
{
	color: #cc0000;
}

fieldset
{
	margin: 10px 0 10px 0;
}

/*
 * Error Panel
 */
ul.ErrorPanel
{
	background: #FFF0F0 url(/images/icon-warning.gif) no-repeat 7px 7px;
	border: none;
	padding: 10px 10px 10px 50px;
	min-height: 35px;
	_height: 35px;
	margin: 5px 0 15px 0;
}

ul.ErrorPanel li
{
	color: #8f3b3b;
	margin-left: 75px;
}

/*
 * Information Bar
 */
div.InformationBar
{
	border: none;
	background: #E5F2ED url(/images/icon-info.gif) no-repeat 7px 7px;
	padding: 10px 10px 10px 60px;
	min-height: 35px;
	_height: 35px;
	color: #918c7d;
	margin: 5px 0 5px 0;
	text-align: left;
}

/*
 * Table Styles
 */
table.TableGrid
{
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	margin-bottom: 10px;
}

table.tg-small
{
	width: auto;
}

table.TableGrid th,
table.TableGrid td
{
	padding: 4px;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	border-color: #cccccc;
}



table.TableGrid tr.alt
{
	background-color: #e5f2ed;
}

table.TableGrid tr.selected
{
	background: #b2d7cf;
}

table.TableGrid th,
table.TableGrid td.header,
table.TableGrid tr.footer
{
	background-color: #007D4B;
	color: #ffffff;
	vertical-align: top;
	white-space: nowrap;
}

table.TableGrid tr.footer
{
	font-weight: bold;
}

table.TableGrid th a,
table.TableGrid td.header a
{
	color: white;
}

table.TableGrid tr.pager td
{
	vertical-align: top;
	height: 10px;
	width: 10px;
}

table.TableGrid tr.pager a,
table.TableGrid tr.pager span
{
	text-align: center;
	display: block;
}

table.TableGrid td.center
{
	text-align: center;
}


table.TableGrid td.end
{
	border-width: 0 1px 1px 0;
	text-align: right;
}

table.TableGrid td.BoldHeader
{
	font-weight: bold;
}

table.TableGrid th.invoice
{
	width: 150px;
	background: white;
	color: Black;
}

/*
 * Product Styles
 */
img.productimage
{
	/*float: left;
	margin: 0 0 10px 0;*/
}

img.productimagesummary
{
	float: left;
	margin: 0 10px 0 0;
}

div.productsummaryitem
{
	/*border-bottom: 1px solid #ccc;*/
}

/*
 * Purchase List
 */
div.purchaselist-item
{
	background: #f1faeb;
	border: 1px solid #82a16d;
}

div.purchaselist-head
{
	background: #d4dfcd;
	border-bottom: 1px solid #82a16d;
}


/* General Stuff */

html, body {
margin: 0;
padding: 0;
}

*{
	padding:0;
	margin:0;
}

img {
	border: none;
}

form {
	display:inline;
}

/* Page Layout */

body{
 	background-position: top left;
	background-repeat: repeat;
	background-image: url(../images/mainbground.jpg);
	background-color: #8E8680;
}

div#topFade {
	margin: 0;
	padding: 0;
	width:100%;
	text-align:center;
	background-position: top left;
	background-repeat: repeat-x;
	background-image: url(../images/mainbground-top.jpg);
	background-color: transparent;
}

/* Main Hold All Table */

table#mainHoldAll {
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	width:100%;
	border:none;
	margin:0;
}

table#mainHoldAll tr td.leftShadow {
	padding:0;
	background-position: top right;
	background-repeat: repeat-y;
	background-image: url(../images/mainbground-alt-l.gif);
	background-color: transparent;
	text-align:right;
	vertical-align: top;
}


table#mainHoldAll tr td.centrePanel {
	width:70%;
	padding:29px 0 0 0;
	background-position: top left;
	background-repeat: repeat-x;
	background-image: url(../images/mainbground-alt-t.gif);
	background-color: #007D4B;
	text-align:center;
	vertical-align: top;
}

td.rightShadow {
	padding:0;
	background-position: top left;
	background-repeat: repeat-y;
	background-image: url(../images/mainbground-alt-r.gif);
	background-color: transparent;
	text-align:left;
	vertical-align: top;
}

table#mainHoldAll tr td.bottomLeft {
	padding:0;
	background-position: top right;
	background-repeat: no-repeat;
	background-image: url(../images/mainbground-alt-bot-l.gif);
	background-color: transparent;
}

table#mainHoldAll tr td.centreBase {
	height:27px;
	padding:0;
	background-position: top left;
	background-repeat: repeat-x;
	background-image: url(../images/mainbground-alt-b.gif);
	background-color: transparent;
	text-align:center;
	vertical-align: top;
}

table#mainHoldAll tr td.bottomRight {
	padding:0;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/mainbground-alt-bot-r.gif);
	background-color: transparent;
}

table.topShadow {
	width:100%;
	height:100%;
	border-collapse: collapse;
	border-spacing: 0px;
	border:none;
	margin:0;
}

table.topShadow tr td {
	padding:0;
	height:460px;
	background-repeat: no-repeat;
	background-color: transparent;
	text-align:left;
	vertical-align: top;
}

td.leftShadow table.topShadow tr td{
	background-position: top right;
	background-image: url(../images/mainbground-alt-top-l.gif);
}

td.rightShadow table.topShadow tr td {
	background-position: top left;
	background-image: url(../images/mainbground-alt-top-r.gif);
}


div#loginPanel {
	background-image: url(../images/loginpanel-m-bground.gif);
	background-color: #085838;
	min-width: 779px;
	height:29px;
}

div#loginPanel div {
	height:29px;
	background-image: url(../images/loginpanel-l-bground.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
}

div#loginPanel div div {
	height:29px;
	background-image: url(../images/loginpanel-r-bground.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 3px 8px 0 8px;
	white-space:nowrap;
	text-align: left;
	vertical-align: middle;
}

div#loginPanel div div span.userLogin{
	font-size: 12px;
	font-weight: bold;
	color:#B2D7CF;
}
div#loginPanel div div span.userName{
	font-size: 12px;
	font-weight: bold;
	color:#ffffff;
}
div#loginPanel div div span.userPassword{
	font-size: 12px;
	font-weight: bold;
	color:#ffffff;
}

div#loginPanel div div input{
	margin: 0 5px 0 0;
	padding: 2px;
	background-color:#C7DBD3;
	border:none;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
}

div#loginPanel div div div.loginHelp {
	float:right;
	height:20px;
	font-size: 11px;
	font-weight: normal;
	color:#C7DBD3;
	background-image: none;
	background-color: transparent;
}

div.loginHelp a:link{
	color: #ffffff;
	text-decoration:underline;
}

div.loginHelp a:visited{
	color: #ffffff;
	text-decoration:underline;
}

div.loginHelp a:hover{
	color: #C7DBD3;
	text-decoration:none;
}

div.loginHelp a:active{
	color: #ffffff;
	text-decoration:underline;
}

table#darkGreenBorder{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0px;
	border:none;
	margin:5px 0 0 0;
}

table#darkGreenBorder tr td.maintl{
	margin:0;
	padding:0;
	width:6px;
	height:6px;
	background-image: url(../images/mainpanel-tl-corner.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #085838;
}

table#darkGreenBorder tr td.leftMenu{
	margin:0;
	padding:0;
	width:200px;
	background-color: #085838;
	vertical-align:top;
	text-align:left;
}

table#darkGreenBorder tr td.fillerCell{
	margin:0;
	padding:0;
	background-image: url(../images/loginpanel-m-bground.gif);
	background-position: top left;
	background-repeat: repeat;
	background-color: #085838;
}

table#darkGreenBorder tr td.mainContent{
	margin:0;
	padding:0;
	background-image: url(../images/contentpanel-tr-corner.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #ffffff;
	text-align:left;
}

div#mainContentbr{
	background-image: url(../images/contentpanel-br-corner.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: transparent;
}

div#mainContentbl{
	background-image: url(../images/contentpanel-bl-corner.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: transparent;
}

div#mainContenttl{
	padding:15px;
	background-image: url(../images/contentpanel-tl-corner.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
	height:350px;
}

table#darkGreenBorder tr td.maintr{
	margin:0;
	padding:0;
	width:6px;
	height:6px;
	background-image: url(../images/mainpanel-tr-corner.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: transparent;
	background-color: #085838;
}

table#darkGreenBorder tr td.mainbr{
	margin:0;
	padding:0;
	width:6px;
	height:6px;
	background-image: url(../images/mainpanel-br-corner.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #085838;
}

table#darkGreenBorder tr td.mainbl{
	margin:0;
	padding:0;
	width:6px;
	height:6px;
	background-image: url(../images/mainpanel-bl-corner.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #085838;
}

div#baseNav{
	font-size:11px;
	color:#085838;
	margin: 2px 0 0 0;
}

div#baseNav a:link{
	font-weight:bold;
	text-decoration:none;
	color:#B2D7CF;
}
div#baseNav a:visited{
	font-weight:bold;
	text-decoration:none;
	color:#B2D7CF;
}
div#baseNav a:hover{
	font-weight:bold;
	text-decoration:underline;
	color:#ffffff;
}
div#baseNav a:active{
	font-weight:bold;
	text-decoration:none;
	color:#B2D7CF;
}
/* Force the minimum 779px width */

table#forceWidth {
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	width:100%;
	height:1px;
	margin:0;
	padding:0;
}


/* Masthead and Navigation */

div#masthead {
	min-width: 779px;
	margin:0 0 5px 0;
	padding:0;
	text-align:left;
}

div#masthead ul {
	width:535px;
	margin:5px 0 0 0;
	padding:0;
	float:right;
	text-align:right;
}

div#masthead ul li {
	list-style:none;
	float:left;
	margin:0 0 0 5px;
	white-space:nowrap;
}

div#masthead ul li a{
	display:block;
	width:84px;
	height:49px;
	text-decoration:none;
	border:none;
	background-color:transparent;
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
}

div#masthead ul li a span{
display: block;
visibility: hidden;
}

div#masthead ul li a.home:link {
	background-image: url(../images/mainmenu-home-off.gif);
}
div#masthead ul li a.home:visited {
	background-image: url(../images/mainmenu-home-off.gif);
}
div#masthead ul li a.home:hover {
	background-image: url(../images/mainmenu-home-on.gif);
}
div#masthead ul li a.home:active {
	background-image: url(../images/mainmenu-home-off.gif);
}


div#masthead ul li a.products:link {
	background-image: url(../images/mainmenu-products-off.gif);
}
div#masthead ul li a.products:visited {
	background-image: url(../images/mainmenu-products-off.gif);
}
div#masthead ul li a.products:hover {
	background-image: url(../images/mainmenu-products-on.gif);
}
div#masthead ul li a.products:active {
	background-image: url(../images/mainmenu-products-off.gif);
}


div#masthead ul li a.aboutus:link {
	background-image: url(../images/mainmenu-aboutus-off.gif);
}
div#masthead ul li a.aboutus:visited {
	background-image: url(../images/mainmenu-aboutus-off.gif);
}
div#masthead ul li a.aboutus:hover {
	background-image: url(../images/mainmenu-aboutus-on.gif);
}
div#masthead ul li a.aboutus:active {
	background-image: url(../images/mainmenu-aboutus-off.gif);
}


div#masthead ul li a.contacts:link {
	background-image: url(../images/mainmenu-contacts-off.gif);
}
div#masthead ul li a.contacts:visited {
	background-image: url(../images/mainmenu-contacts-off.gif);
}
div#masthead ul li a.contacts:hover {
	background-image: url(../images/mainmenu-contacts-on.gif);
}
div#masthead ul li a.contacts:active {
	background-image: url(../images/mainmenu-contacts-off.gif);
}


div#masthead ul li a.signup:link {
	background-image: url(../images/mainmenu-signup-off.gif);
}
div#masthead ul li a.signup:visited {
	background-image: url(../images/mainmenu-signup-off.gif);
}
div#masthead ul li a.signup:hover {
	background-image: url(../images/mainmenu-signup-on.gif);
}
div#masthead ul li a.signup:active {
	background-image: url(../images/mainmenu-signup-off.gif);
}


div#masthead ul li a.checkout:link {
	background-image: url(../images/mainmenu-checkout-off.gif);
}
div#masthead ul li a.checkout:visited {
	background-image: url(../images/mainmenu-checkout-off.gif);
}
div#masthead ul li a.checkout:hover {
	background-image: url(../images/mainmenu-checkout-on.gif);
}
div#masthead ul li a.checkout:active {
	background-image: url(../images/mainmenu-checkout-off.gif);
}

div#masthead ul li a.downloads:link {
	background-image: url(../images/mainmenu-downloads-off.gif);
}
div#masthead ul li a.downloads:visited {
	background-image: url(../images/mainmenu-downloads-off.gif);
}
div#masthead ul li a.downloads:hover {
	background-image: url(../images/mainmenu-downloads-on.gif);
}
div#masthead ul li a.downloads:active {
	background-image: url(../images/mainmenu-downloads-off.gif);
}

a.leftLink{
	display:block;
	border: none;
	margin: 0 0 1px 2px;
	padding:0;
	text-decoration:none;
}

a.leftLink span{
	display:block;
	height:22px;
	border:none;
	margin:0;
	padding:6px 2px 0 30px;
	text-decoration:none;
	text-align: left;
	vertical-align: middle;
	background-color: transparent;
	font-size: 11px;
}

a.leftLink:link{
	background-color:transparent;
	background-image:none;
}

a.leftLink:link span{
	background-image:none;
	font-weight:normal;
	color:#b2d7cf;
}

a.leftLink:visited{
	background-color:transparent;
	background-image:none;
}

a.leftLink:visited span{
	background-image:none;
	color:#b2d7cf;
	font-weight:normal;
}

a.leftLink:hover{
	background-color:#b2d7cf;
	background-image: url(../images/leftNav-bl-corner.gif);
	background-position:bottom left;
	background-repeat: no-repeat;
}

a.leftLink:hover span{
	background-position:top left;
	background-repeat: no-repeat;
	color:#085838;
	font-weight:bold;
}

a.leftLink:hover span.generalProduct{
	background-image: url(../images/leftNav-productbox.gif);
}

a.leftLink:active{
	background-color:transparent;
	background-image:none;
}

a.leftLink:active span{
	background-image:none;
	color:#b2d7cf;
	font-weight:normal;
}

span.leftSelected{
	display:block;
	border: none;
	margin: 0 0 1px 2px;
	padding:0;
	text-decoration:none;
	background-color:#b2d7cf;
	background-image: url(../images/leftNav-bl-corner.gif);
	background-position:bottom left;
	background-repeat: no-repeat;
}

span.leftSelected span{
	display:block;
	min-height:18px;
	border:none;
	margin:0;
	padding:6px 2px 4px 30px;
	text-decoration:none;
	text-align: left;
	vertical-align: middle;
	background-color: transparent;
	background-position:top left;
	background-repeat: no-repeat;
	color:#085838;
	font-size: 11px;
}

span.leftSelected span b{
	font-weight: bold;
	margin:0 0 5px;
}

span.leftSelected * a.leftSubLink{
	font-weight:bold;
	margin: 0 0 2px 0;
}

span.leftSelected * a.leftSubLink:link{
	color: #007f4c;
	text-decoration:none;
}

span.leftSelected * a.leftSubLink:visited{
	color: #007f4c;
	text-decoration:none;
}

span.leftSelected * a.leftSubLink:hover{
	color: #085738;
	text-decoration:underline;
}

span.leftSelected * a.leftSubLink:active{
	color: #007f4c;
	text-decoration:none;
}

span.generalProduct{
	background-image: url(../images/leftNav-productbox.gif);
}


/* Text Styles */

body {
	font-family: Arial, Helvetica, sans-serif;
}

/* Use em's instead of pixels for fonts that are allowed to be resized without messing up the layout  */
/* 0.7 roughly 11px, 0.8 roughly 12px etc etc */

div#mainContenttl *.introText {
	font-size: 0.8em;
	color: #000000;
}

div#mainContenttl *.text {
	font-size: 0.7em;
	color: #666666;
}

/* Graphic Titles */

div.graphicTitle {
/* Include text for search engines, but hide it so graphic only visible */
	display:block;
	margin: 10px 0 5px 32px;
	height:20px;
	text-indent:-9999px;
	color:#ffffff;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top left;
}

div#Products {
	background-image: url(../images/title-section-products.gif);
}

/*
 * Modal dialog styles
 */
div.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

p.modalHeading
{
	padding: 5px;
	margin-bottom: 10px;
	background: #ccc;
	color: #333;
	font-weight: bold;
}

div.modalPopupBar
{
	padding: 5px;
	background: #ccc;
	color: #333;
	font-weight: bold;
}

div.modalPopupProduct
{
	background: white;
	border: 3px solid Gray;
}

div.modalPopupProductBody
{
	padding: 3px;
	height: 400px;
	width: 800px;
	overflow: auto;
}