html, body {
	height: 100.5%;
}

body, p, li {
	font: 13px Verdana, Sans-serif;
	line-height: 140%;
	color: #55895B;
}
p, li {
	margin-top: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
body {
	background-image: url(img/ali.gif);
	background-attachment: fixed;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
}
h1 {
	font : 20px Verdana, Sans-serif;
	color : #93D598;
}
h2 {
	font : 18px Verdana, Sans-serif;
	color : #5A9065;
}
h3 {
	font : 12px Verdana, Sans-serif;
	font-weight: bold;
	color : #55895B;
	margin-bottom: 3px;
}
a {
	color : #22EE22;
	text-decoration : none;
}
a:hover {
	color : #55FF55;
	text-decoration : underline;
}
img
{
	margin : 0px;
	border : 0px;
	padding : 0px;
}

img.brd
{
	padding: 2px;
	border: 1px solid #7F7F7F;
	background-color: #FFFFFF;
}
	
/***** Main Outer Tables *****/
table.shadow
{
	text-align: left;
	width: 980px;
	height: 100.5%;
	background-repeat: repeat-y;
	background-position: top left;
	padding: 0px;
	border: 0px;
	margin: auto;
	border-collapse: collapse;
}
table.shadow tr td.l
{
	padding: 0px;
	border: 0px;
	margin: 0px;
	vertical-align: top;
	width: 8px;
	background-image: url(img/shadow_l.png);
}
table.shadow tr td.r
{
	padding: 0px;
	border: 0px;
	margin: 0px;
	vertical-align: top;
	width: 8px;
	background-image: url(img/shadow_r.png);
}
table.shadow tr td.c
{
	padding: 0px;
	border: 0px;
	margin: 0px;
	vertical-align: top;
	width: 964px;
	background-color: #FFFFFF;
	padding: 0px;
}
table.wide
{
	text-align: left;
	width: 964px;
	background-position: top left;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
}
table.footer {
	border-collapse: collapse;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #CFCFCF;
	padding: 0px;
	margin: 0px 15px 1px 15px;
	width: 934px;
}
table.footer tr td {
	padding: 0px;
	border: 0px;
	font : 10px Verdana, Sans-serif;
	color : #5A9065;
	text-align: center;
	vertical-align: middle;
}
table.products {
	border-collapse: collapse;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	width: 944px;
}
table.products tr td {
	padding: 10px 20px 20px 10px;
	border: 0px;
	background-image: url(img/prodpanel.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 288px;
	height: 380px;
}

div.productcontainer
{
	margin: 0 0 12px 0;
	padding: 0;
	height: 400px;
}

div.product {
	position: relative; 
	margin: 0px;
	padding: 10px;
	border: 0px;
	width: 284px;
	height: 380px;
	float: left;
	background-image: url(img/prodpanel.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #E0E0E0;
}
div.spacer {
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 11px;
	height: 400px;
	float: left;
}
div.product p
{
	margin: 8px 8px 6px 8px;
	color: #5F5F5F;
	font-size: 12px;
	text-align: justify;
	line-height: 16px;
}

div.product div.top
{
	text-align: center;
}

div.product div.top img
{
	margin: 0 0 12px 0;
}

div.product div.top a.title
{
	color : #55895B;
	font-size: 18px;
}
div.product div.top a.title:hover
{
	color : #74A87A;
	text-decoration: none;
}



/***** Other font styles *****/
p.contentfootnote {
	font-size: 7pt;
	color: #B0B0B0;
}
p.footnote {
	font-size: 10pt;
	color: #7AAE80;
	margin-bottom: 5pt;
}
p.footnotesm {
	font-size: 8pt;
	color: #7AAE80;
	margin-bottom: 5pt;
}
img.h3icon
{
	vertical-align: bottom;
}

a.subtle/*I'm really not sure this is the right look, if you have a better idea, go for it. used on the front page*/
{
	color : #a0c0a0;
	margin-top: 0pt;
	margin-bottom: 0pt;
	margin-left: 0px;
	background-color: rgb(0, 0, 0);
}

p.red {
	font : 12px Verdana, Sans-serif;
	font-weight: bold;
	color : #FF0000;
	margin-top : 0;
	margin-bottom : 0;
}

span.red {
	font-weight: bold;
	color : #FF0000;
}

div.topStatic p.red
{
	font : 12px Verdana, Sans-serif;
	color : #FF1F1F;
}

.justifyall
{
	text-align: justify;
	text-justify: distribute-all-lines;
	text-align-last: justify;
}
	



/***** Gallery Elements *****/
td.galleryOutter
{
	width: 172px;
	height: 172px;
}
.galleryInner
{
	background-color: #002000;/*hopefully a suitable dark green*/
	vertical-align: middle;
	margin: 1px;
}
table.galleryInner
{
	width: 170px;
	height: 170px;
	padding: 4;

}


/***** Top button bar items *****/
td.barbtn, td.barbtn_ws, td.tabbtn, td.tabbtn_active
{
	color: #FFFFFF;
	font-family: Verdana, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	width: 92px;
	height: 37px;
	padding: 0px;
}

td.tabbtnlong, td.tabbtnlong_active
{
	color: #FFFFFF;
	font-family: Verdana, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	width: 138px;
	height: 37px;
	padding: 0px;
}

td.barbtn a {
	font : bold 12px Verdana, Sans-serif;
	color : #FFFFFF;
	width: 92px;
	height: 37px;
	background-image: url(img/btn.gif);
	background-repeat: no-repeat;
	vertical-align: top;
	display: table-cell;
	padding: 8px 0px 0px 0px;
	text-decoration: none;
}
td.barbtn a:hover {
	background-image: url(img/btn_h.gif);
	background-repeat: no-repeat;
}
td.barbtn_ws a {
	width: 92px;
	height: 37px;
	background-image: url(img/btn_ws.gif);
	background-repeat: no-repeat;
	display: table-cell;
	padding: 8px 0px 0px 0px;
	text-decoration: none;
}
td.barbtn_ws a:hover {
	background-image: url(img/btn_ws_h.gif);
	background-repeat: no-repeat;
}
td.tabbtn a {
	font : 12px Verdana, Sans-serif;
	color : #FFFFFF;
	width: 92px;
	height: 37px;
	background-image: url(img/btntab.gif);
	background-repeat: no-repeat;
	vertical-align: top;
	display: table-cell;
	padding: 8px 0px 0px 0px;
	text-decoration: none;
}
td.tabbtn a:hover {
	background-image: url(img/btntab_h.gif);
	background-repeat: no-repeat;
}
td.tabbtn_active a {
	font : 12px Verdana, Sans-serif;
	color : #FFFFFF;
	width: 92px;
	height: 37px;
	background-image: url(img/btntab_a.gif);
	background-repeat: no-repeat;
	vertical-align: top;
	display: table-cell;
	padding: 8px 0px 0px 0px;
	text-decoration: none;
}

td.tabbtnlong a {
	font : 12px Verdana, Sans-serif;
	color : #FFFFFF;
	width: 138px;
	height: 37px;
	background-image: url(img/btntablong.gif);
	background-repeat: no-repeat;
	vertical-align: top;
	display: table-cell;
	padding: 8px 0px 0px 0px;
	text-decoration: none;
}
td.tabbtnlong_active a {
	font : 12px Verdana, Sans-serif;
	color : #FFFFFF;
	width: 138px;
	height: 37px;
	background-image: url(img/btntablong_a.gif);
	background-repeat: no-repeat;
	vertical-align: top;
	display: table-cell;
	padding: 8px 0px 0px 0px;
	text-decoration: none;
}
td.tabbtnlong a:hover {
	background-image: url(img/btntablong_h.gif);
	background-repeat: no-repeat;
}



td.barspace
{
	height: 29px;
	background-image: url(img/btntile.gif);
	background-repeat: repeat-x;
	color : #FFFFFF;
	font : 12px Verdana, Sans-serif;
	font-weight: bold;
	padding: 8px 0px 0px 6px;
	vertical-align: middle;
}
td.barsep
{
	width: 6px;
	height: 29px;
	background-image: url(img/btnsep.gif);
	background-repeat: no-repeat;
	padding: 8px 0px 0px 0px;
}
td.barleft
{
	width: 3px;
	height: 29px;
	background-image: url(img/btnend_l.gif);
	background-repeat: no-repeat;
	padding: 8px 0px 0px 0px;
}
td.barright
{
	width: 3px;
	height: 29px;
	background-image: url(img/btnend_r_g.gif);
	background-repeat: no-repeat;
	padding: 8px 0px 0px 0px;
}

td.titlebarspace
{
	height: 37px;
	background-image: url(img/boxtitletile.gif);
	background-repeat: repeat-x;
	font : 12px Verdana, Sans-serif;
	font-weight: bold;
	padding: 0px;
	vertical-align: top;
}
td.titlebarspace p
{
	font : 12px Verdana, Sans-serif;
	font-weight: bold;
	margin: 8px 0px 0px 6px;
	color : #FFFFFF;
}
td.titlebarleft
{
	width: 3px;
	height: 37px;
	background-image: url(img/boxtitleend_l.gif);
	background-repeat: no-repeat;
	padding: 0px;
	
}
td.titlebarright
{
	width: 3px;
	height: 37px;
	background-image: url(img/boxtitleend_r_g.gif);
	background-repeat: no-repeat;
	padding: 0px;
}

table.floatingbar
{
	height: 37px;
	text-align: left;
	background-position: top left;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
}

table.titlebar
{
	height: 37px;
	text-align: left;
	background-position: top left;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
}

table.fullWithRB
{
	width: 720px;
}

td.fullWithRB1Btn
{
	width:618px;
}

td.fullWithRB3Btn
{
	width:434px;
}

td.fullWithRB4Btn
{
	width:342px;
}

td.fullWithRB5Btn
{
	width:250px;
}

td.fullWithRB1Btn1Long
{
	width:480px;
}
td.fullWithRB2Btn1Long
{
	width:388px;
}


td.tabtop
{
	height: 37px;
	background-image: url(img/tabtop.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding: 10px 3px 0px 0px;
	text-align: right;
	vertical-align: top;
}
td.tabtop a
{
	color: #55AA4C;
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
}
td.tabshadow
{
	height: 37px;
	width: 2px;
	background-image: url(img/tabshadow.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 8px 0px 0px 0px;
}
td.tabend
{
	height: 37px;
	width: 8px;
	background-image: url(img/tabend.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 8px 0px 0px 0px;
}

/***** News Feed formatting *****/
.news
{
	color: #93D598;
	font-family: Verdana, Sans-serif;
	font-size: 11px;
}
h1.news
{
	font-size: 13px;
	font-weight: bold;

}
h2.news
{
	font-weight: bold;
}
div.products a {
	color : #b0b0b0;
	text-decoration : none;
}
div.products a:hover {
	color : #b0b0b0;
	text-decoration : none;
}

/***** Login Elements *****/
table.login tr td
{
	color: #55895B;
	font-size: 12px;
	padding: 0px 0px 3px 0px;
	margin: 0px;
	border: 0px;
}

table.login tr td.inp
{
	width: 200px;
}

input.login
{
	width: 200px;
	margin: 0px;
}

.llbutton
{
	color: #152919;
	background: #21B92F;
	border: 2px outset #1E4327;
	font-weight: bold;
} 

input.imagebtn
{
	width: 92px;
	height: 37px;
	padding: 0px;
	border: 0px;
	vertical-align: middle;
}
input.imagebtnlong
{
	width: 138px;
	height: 37px;
	padding: 0px;
	border: 0px;
	vertical-align: middle;
}


/***** Boxes *****/
div.boxbase
{
	background-color: #CFF6C9;
	color: #55AA4C;
	padding: 6px;
	font-size: 12px;
	border-width: 0px 1px 1px 0px;
	border-style: Solid;
	border-color: #55AA4C;
}
div.boxbase p
{
	color: #55AA4C;
	font-size: 12px;
}
div.boxlev1
{
	background-color: #87D689;
	color: #55AA4C;
	padding: 6px;
	font-size: 12px;
	border-width: 0px 1px 1px 0px;
	border-style: Solid;
	border-color: #55AA4C;
}

p.dark
{
	color: #55895B;
}

div.contentbox
{
	margin: 0px 0px 15px 0px;
}

div.rightbox
{
	width: 163px;
	margin: 15px 0px 15px 30px;
}

div.rightbox img
{
	margin: -6px -6px 4px -6px;
	width: 175px;
}

div.rightboxwide
{
	width: 203px;
	margin: 15px 0px 15px 30px;
}

div.logininfobox
{
	margin: 0px 0px 15px 0px;
}

p.loginas
{
	font-size: 10px;
	margin: 0px;
}

a.loginaction
{
	color: #55AA4C;
	font-weight: bold;
	text-decoration: none;
}
a.loginaction:hover
{
	color: #22EE22;
}

img.promobox
{
	background-color: #CFF6C9;
	border-width: 0px 1px 1px 0px;
	border-style: Solid;
	border-color: #55AA4C;
}
img.promobox
{
	background-color: #CFF6C9;
	border-width: 0px;
}
div.promoheight
{
	height: 266px;
}


div.fullWidth
{
	width: 921px;
}
div.fullWithRB
{
	width: 707px;
}

div.fullWithRBW
{
	width: 667px;
}

a.dark
{
	color: #55AA4C;
	text-decoration: none;
}
a.dark:hover
{
	color: #22EE22;
}

table.prodlist
{
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

/***** Buttons *****/
a.btninfo {
	display: inline-block;
	width: 95px;
	height: 37px;
	background: url("img/btn_info.png") no-repeat 0 0;
	margin: 12px 8px 0 8px;
}

a.btninfo:hover {
	background-position: 0 -37px;
}

a.btnbuy {
	display: inline-block;
	width: 95px;
	height: 37px;
	background: url("img/btn_buy.png") no-repeat 0 0;
	margin: 12px 8px 0 8px;
}

a.btnbuy:hover {
	background-position: 0 -37px;
}

a.btnlong {
	color: #000000;
	display: inline-block;
	width: 200px;
	height: 30px;
	background: url("img/btn_long.png") no-repeat 0 0;
	margin: 12px 8px 0px 8px;
	padding-top: 7px;
}

a.btnlong:hover {
	text-decoration: none;
	color: #2F2F2F;
	background-position: 0 -37px;
}

a.btndl {
	display: inline-block;
	width: 95px;
	height: 37px;
	background: url("img/btn_dl.png") no-repeat 0 0;
	margin: 12px 8px 0 8px;
}

a.btndl:hover {
	background-position: 0 -37px;
}

div.btnbox
{
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-bottom: 20px;
}

/***** Tabbed Panels *****/
div.tabpanel
{
	background-color: #C0C0C0;
	color: #5F5F5F;
	padding: 6px 12px 12px 12px;
	margin: 0px 0px 20px 0px;
	font-size: 12px;
	text-align: left;
	border-width: 0px 1px 1px 0px;
	border-style: Solid;
	border-color: #7F7F7F;
	display: block;
}
.tab
{
	margin-top: 1px;
	color: #5F5F5F;
}
div.fullWithRB_tab
{
	width: 695px;
}
div.full
{
	width: 934px;
}
div.hidden
{
	display: none;
}

table.tabcontent
{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 695px;
	border-collapse: collapse;
}
table.tabcontent tr td.pic
{
	width: 181px;
	padding: 0px;
	margin: 0px;
	border-width: 0px 0px 12px 0px;
	border-style: solid;
	border-color: #C0C0C0;
	background-color: #E0E0E0;
}
table.tabcontent tr td.text
{
	padding: 9px 12px 9px 12px;
	margin: 0px;
	border-width: 0px 0px 12px 0px;
	border-style: solid;
	border-color: #C0C0C0;
	background-color: #E0E0E0;
	color: #5F5F5F;
	font-size: 12px;
	vertical-align: top;
}

div.textpanel
{
	padding: 9px 12px 9px 12px;
	margin: 0px;
	background-color: #E0E0E0;
	color: #5F5F5F;
	font-size: 12px;
	vertical-align: top;
}

div.textpanel p
{
	color: #5F5F5F;
	font-size: 12px;
}

img.productimg
{
	margin: -9px 12px 9px -12px;
}

/***** Right Box Column *****/
div.rightboxcol
{
	width: 206px;
	float: right;
	padding: 0px;
}

div.rightboxcolwide
{
	width: 246px;
	float: right;
	padding: 0px;
}


/***** Static boxes *****/
div.topStatic
{
	background-color: #1E4327;
	color: #93D598;
	font-size: 12px;
	padding: 12px;
	background-image: url(/img/boxcorner.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
div.topStatic p, div.topStatic li, div.topStatic label, div.topStatic td {
	color: #93D598;
	font-size: 12px;
}
div.topStatic th {
	color: #5A9065;
	font-size: 12px;
	text-align: center;
}
div.topStatic td, div.topStatic th {
	padding-left: 0px;
	height: 14pt;
}
div.topStatic h3 {
	padding-top: 0px;
	margin-top: 3px;
}
div.msgStatic
{
	background-color: #285A34;
	font-size: 11px;
	padding: 12px;
	background-image: url(/img/subboxcorner.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
div.topInfoStatic
{
	background-color: #152919;
	color: #5A9065;
	font-size: 11px;
	padding: 4px 12px 4px 12px;
	margin-top: 0px;
	text-align: right;
	background-image: url(/img/topinfocorner.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

/***** Expandable boxes *****/
div.topExpand
{
	background-color: #87D689;
	color: #55AA4C;
	font-size: 12px;
	padding: 12px;
	overflow: hidden;
	display: none;
}
div.subExpand
{
	color: #4B8C40;
	overflow: hidden;
	display: none;
}
div.msgExpand
{
	background-color: #ACE6AA;
	color: #4B8C40;
	font-size: 11px;
	padding: 12px 12px 6px 12px;
	margin: 0px 0px 9px 0px;
	overflow: hidden;
	display: none;
}
div.subExpand form
{
	margin-top: 6px;
}
p.hideLink
{
	margin: 6px 0px 0px 0px;
	text-align: right;
}
img.ico
{
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

a.dlList
{
	color: #3A7133;
	font-weight: bold;
	text-decoration: none;
}
a.dlList:hover
{
	color: #F3FAF2;
}

a.expLink
{
	font-size: 11px;
	color: #54A24A;
	text-decoration: none;
}
a.expLink:hover
{
	color: #F3FAF2;
}

/***** Email Form *****/
img#cryptogram
{
	width: 140px;
	height: 40px;
}

table.msgarea
{
	border: 0px;
	margin: 0px 20px 0px 20px;
	padding: 0px;
	width: 450px;
	border-collapse: collapse;
}
table.msgarea tr td
{
	padding: 6px 0px 6px 0px;
	margin: 0px;
	border: 0px;
	font-size: 12px;
	vertical-align: top;
}
td.crypt
{
	text-align: right;
}
td.crypt img
{
	vertical-align: middle;
	margin: 0px 6px 0px 0px;
}
input.msgtext
{
	width: 300px;
	margin: 0px;
}
input.msgtextshort
{
	width: 120px;
	margin: 0px;
}
textarea.msgtext
{
	width: 450px;
	height: 254px;
	margin: 0px;
}
select.msgtext
{
	width: 300px;
}

/***** Box Widths *****/
 /* inner widths are 13px less than outers (this is from contentbox's 6px padding (12px total) plus 1px border-right) 
    inner widths also need specifying in trace_low_ie.css (values are same as outer widths) */

.loginWidth_outer
{
	width: 330px;
}
.loginWidth_inner
{
	width: 317px;
}

.createUserWidth_outer
{
	width: 500px;
}
.createUserWidth_inner
{
	width: 487px;
}

.downloadWidth_outer
{
	width: 500px;
}
.downloadWidth_inner
{
	width: 487px;
}

.featureWidth_outer
{
	width: 320px;
}
.featureWidth_inner
{
	width: 307px;
}

.fullRBWidth_outer
{
	width: 720px;
}
.fullRBWidth_inner
{
	width: 707px;
}

.contactsWidth_outer
{
	width: 504px;
}
.contactsWidth_inner
{
	width: 491px;
}

.contactsWidthShort_outer
{
	width: 313px;
}
.contactsWidthShort_inner
{
	width: 300px;
}

.basketWidth_outer
{
	width: 650px;
}
.basketWidth_inner
{
	width: 687px;
}

#flashcontent
{
	padding: 0px;
}

table.order tr th
{
	padding: 3px;
	text-align: right;
}

table.order tr td
{
	padding: 3px;
	text-align: right;
}

table.featureTable {
	border-collapse: none;
	border-spacing: 5px;
	table-layout: fixed;
	width: 600px;
	margin-left: auto;
 	margin-right: auto;
 	font-size: 12px;
}


table.featureTable td{	
	padding: 6px;
	width: 120px;
	background-color: white;
	text-align: center;
	vertical-align: middle;
}

table.featureTable td.leftCol  {
	padding: 6px;
	text-align: left;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

table.featureTable img
{
	display: block;
	margin-left: auto;
 	margin-right: auto;
}

div.smiconbox
{
	text-align: center;
	margin-top: 6px;
}

div.smiconbox img
{
	width: 40px;
	height: 40px;
	border: 0px;
	margin: 3px;
}

div.notice
{
	background-color: #F6F7C9;
	background-image: url(img/exclaim.gif);
	background-repeat: no-repeat;
	background-position: 6px 0px;
	border: 1px solid #A7A84E;
	color: #A7A84E;
	font-size: 12px;
	padding: 3px 9px 3px 44px;
	width: 680px;
}