@charset "UTF-8";
/* CSS Document */

#wrapper {width:769px;margin:0 auto 0 auto;}
#header {width:769px;height:125px;clear:both;}

h1 {margin:4px 0 18px 0;padding:0 0 2px 0;background:url(images/gray_fade.jpg) no-repeat left bottom;}

* html h1 {padding-bottom:14px;}

body
{
    MARGIN-LEFT: 0px;
    MARGIN-RIGHT: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    background-color: white;
}
td {margin:0;padding:0;}
td br {margin:0;padding:0;}
HR
{
	color: #edf0f7;
	height: 1px;
}

.rightal {text-align:right;display:block;height:26px;}

td.footer {margin-top:4px;padding:6px 0 4px 0;border-top-color:#C9DFC1;border-top-style:solid;border-top-width:1px;color:#6E6E6E;}
td.footer a:link
{
    COLOR: #6E6E6E;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}
td.footer a:visited
{
    COLOR: #6E6E6E;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}
td.footer a:hover
{
    COLOR: #6E6E6E;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline;
}

/* #9EC392 dark green - #C9DFC1 light green*/

/*Side and base Product Navigation*/
td.prodnavigation {background:#C9DFC1;border-top-style:solid;border-top-width:5px;border-top-color:#FFF;}
td.prodnavigation td a {border-right-style:solid;border-right-width:1px;border-right-color:#FFF;text-align:center;font-size:8pt;line-height:8pt;padding:3px;display:block;text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif;color:#6E6E6E;cursor:pointer;}
td.prodnavigation td a:hover {color:#FFF;background:#9EC392;}
td.prodnavigation td a.selected {background:#9EC392;}

.prodimage {width:148px;height:150px;border-bottom-style:solid;border-bottom-width:4px;border-bottom-color:#FFF;}

#sidenav {background:#C9DFC1;width:148px;}
#sidenav ul, #sidenav li {clear:both;list-style-type:none;margin:0;padding:0;display:block;}
#sidenav li a {clear:both;font-size:8pt;line-height:8pt;padding:3px;display:block;text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif;color:#6E6E6E;cursor:pointer;}
#sidenav li a:hover {background:#9EC392;color:#FFF;}

#sel1 #sidenav a.sel1, #sel2 #sidenav a.sel2, #sel3 #sidenav a.sel3, #sel4 #sidenav a.sel4, #sel5 #sidenav a.sel5, #sel6 #sidenav a.sel6, #sel7 #sidenav a.sel7, #sel8 #sidenav a.sel8, #sel9 #sidenav a.sel9, #sel10 #sidenav a.sel10, #sel11 #sidenav a.sel11, #sel12 #sidenav a.sel12, #sel13 #sidenav a.sel13, #sel14 #sidenav a.sel14, #sel15 #sidenav a.sel15, #sel16 #sidenav a.sel16, #sel17 #sidenav a.sel17, #sel18 #sidenav a.sel18, #sel19 #sidenav a.sel19, #sel20 #sidenav a.sel20, #sel21 #sidenav a.sel21, #sel22 #sidenav a.sel22, #sel23 #sidenav a.sel23, #sel24 #sidenav a.sel24, #sel25 #sidenav a.sel25, #sel26 #sidenav a.sel26, #sel27 #sidenav a.sel27, #sel28 #sidenav a.sel28, #sel29 #sidenav a.sel29, #sel30 #sidenav a.sel30 {background:#9EC392;}

/*end side product nav*/


a.orangelink:link
{
    COLOR: #C9DFC1;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}
a.orangelink:visited
{
    COLOR: #C9DFC1;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}
a.orangelink:hover
{
    COLOR: #C9DFC1;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline;
}
.bodycopy
{
	font-family: verdana;
	color: #737373;
	font-size: 10pt;
	font-weight: normal;
	line-height: 15pt;
}
.bodycopy_bold
{
	font-family: verdana;
	color: #737373;
	font-size: 10pt;
	font-weight: bold;
	line-height: 15pt;
}
td.contentarea
{
	border-top-color:#C9DFC1;border-top-style:solid;border-top-width:1px;
	background-image: url(images/bgBody.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 25px;
}

td.contentarea a:link
{
    COLOR: #9EC392;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}
td.contentarea a:visited
{
    COLOR: #9EC392;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}
td.contentarea a:hover
{
    COLOR: #333;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline;
}

td.contentarea2
{
	padding-top: 25px;
}
.bg
{
	border-top-color:#C9DFC1;border-top-style:solid;border-top-width:1px;padding-top:10px;margin-top:1px;
	background-image: url(images/bgBody.jpg); background-position:149px 0;
	background-repeat: no-repeat;
}
.indent
{
	margin: 0px 0px 0px 15px;
	font-family: verdana;
	color: #737373;
	font-size: 10pt;
	font-weight: normal;
	line-height: 15pt;
}
.button
{
	font: verdana;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	background-color: #C9DFC1;
	border-color: #FFFFFF;
	border-width: 0px;
	letter-spacing: 1px;
	cursor: pointer;
}
.promo
{
	padding: 15px 15px 15px 15px;
	font-family: verdana;
	color: #737373;
	font-size: 10pt;
	font-weight: bold;
	line-height: 15pt;
	background-color: #E4EFE0;
}
.promoimage
{
	padding: 0px 0px 0px 30px;
}


/*NAVIGATION MENU STYLES............................................................................................................*/

#navigation {position:relative;width:769px;margin:0;padding:0 0px 1px 0px;text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif;}

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: -4px 0 0 0;
 padding: 0;
 list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
text-align:left;
 display: none;
 position: absolute;
 top: 1.4em; margin-top: 0px; /* I'm using ems and px to allow people to zoom their font */
 left: -1px;
 width: 127px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; margin-top: 0;
 left: 127px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;width:127px;
 display: block;
 position: relative;
 background:#C9DFC1; 
 border-left: 1px solid #FFF;border-right: 1px solid #FFF;border-top: 1px solid #FFF;border-bottom: 1px solid #FFF;
 margin-right: -1px;
}

.menulist li a {font-size:11px;padding:2px 2px 3px 2px;color:#6E6E6E;}
.menulist li li a {font-size:9px;padding: 2px 5px 3px 5px;background:#C9DFC1;}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin: 0;
 margin-bottom: -1px;
}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
 display: block;
 color: #6E6E6E;
 text-decoration: none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFF;
 background:#9EC392;
 }
.menulist li li a:hover .menulist li li a.highlighted:hover, .menulist li li a:focus {
 color: #6E6E6E;
 background:#C9DFC1;
 }
.menulist a.highlighted {
 color: #FFF;
 background:#9EC392;
}

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}

* html #navigation {padding:5px 0 0 0;}

/* End Hacks */


.productcopy
{
	font-family: verdana;
	color: #737373;
	font-size: 10pt;
	font-weight: normal;
	line-height: 15pt;
	padding-right: 45px;
}
.contactform
{
	font-family: verdana;
	color: #737373;
	font-size: 10pt;
	font-weight: bold;
	line-height: 12pt;
	padding-right: 5px;
	padding-bottom: 15px;
}
.loginheader
{
	font-family: Century Gothic;
	color: #6E6E6E;
	font-size: 8pt;
	font-weight: normal;
	line-height: 8pt;
}
.loginheader_red
{
	font-family: Century Gothic;
	color: Red;
	font-size: 8pt;
	font-weight: normal;
	line-height: 8pt;
}
span.register
{
	font-family: Century Gothic;
	color: #6E6E6E;
	font-size: 8pt;
	font-weight: normal;
	line-height: 8pt;
}
td.footer
{
	color: #C9DFC1;
	font-family: Century Gothic;
	font-size: 8pt;
}

.pnav_default_hover_l
{
	cursor: pointer;
	background-color: #c6943c;
	font-family: Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 1px;
	color: #FFFFFF;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 2px;
	border-bottom-width: 1px;
	border-bottom-color: White;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-top-color: White;
	border-top-style: solid;
	border-right-width: 1px;
	border-right-color: White;
	border-right-style: solid;
}
.pnav_default_l
{
	cursor: pointer;
	background-color: #C9DFC1;
	font-family: Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 1px;
	color: #FFFFFF;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 2px;
	border-bottom-width: 1px;
	border-bottom-color: White;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-top-color: White;
	border-top-style: solid;
	border-right-width: 1px;
	border-right-color: White;
	border-right-style: solid;
}
.pnav_selected_hover_l
{
	cursor: pointer;
	background-color: #9EC392;
	font-family: Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 1px;
	color: #FFFFFF;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 2px;
	border-bottom-width: 1px;
	border-bottom-color: White;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-top-color: White;
	border-top-style: solid;
	border-right-width: 1px;
	border-right-color: White;
	border-right-style: solid;
}
.pnav_selected_l
{
	cursor: pointer;
	background-color: #9EC392;
	font-family: Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 1px;
	color: #FFFFFF;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 2px;
	border-bottom-width: 1px;
	border-bottom-color: White;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-top-color: White;
	border-top-style: solid;
	border-right-width: 1px;
	border-right-color: White;
	border-right-style: solid;
}
.pnav_default_hover_r
{
	cursor: pointer;
	background-color: #9EC392;
	font-family: Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 1px;
	color: #FFFFFF;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 2px;
	border-bottom-width: 1px;
	border-bottom-color: White;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-top-color: White;
	border-top-style: solid;
}
.pnav_default_r
{
	cursor: pointer;
	background-color: #C9DFC1;
	font-family: Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 1px;
	color: #FFFFFF;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 2px;
	border-bottom-width: 1px;
	border-bottom-color: White;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-top-color: White;
	border-top-style: solid;
}
.pnav_selected_hover_r
{
	cursor: pointer;
	background-color: #9EC392;
	font-family: Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 1px;
	color: #FFFFFF;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 2px;
	border-bottom-width: 1px;
	border-bottom-color: White;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-top-color: White;
	border-top-style: solid;
}
.pnav_selected_r
{
	cursor: pointer;
	background-color: #9EC392;
	font-family: Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 1px;
	color: #FFFFFF;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 2px;
	border-bottom-width: 1px;
	border-bottom-color: White;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-top-color: White;
	border-top-style: solid;
}


.snav_default_hover
{
	cursor: pointer;
	background-color: #C9DFC1;
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-color: White;
	border-bottom-style: solid;
}
.snav_default
{
	cursor: pointer;
	background-color: #9EC392;
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-color: White;
	border-bottom-style: solid;
}
.snav_selected_hover
{
	cursor: pointer;
	background-color: #C9DFC1;
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-color: White;
	border-bottom-style: solid;
}
.snav_selected
{
	cursor: pointer;
	background-color: #C9DFC1;
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-color: White;
	border-bottom-style: solid;
}



.rnav
{
	cursor: pointer;
}
.rnav_default_hover
{
	cursor: pointer;
	background-color: #9EC392;
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
}
.rnav_default
{
	cursor: pointer;
	background-color: #C9DFC1;
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
}
.rnav_selected_hover
{
	cursor: pointer;
	background-color: #9EC392;
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
}
.rnav_selected
{
	cursor: pointer;
	background-color: #9EC392;
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
}



.prodnav
{
	cursor: pointer;
}
.prodnav_default
{
	cursor: pointer;
	background-color: #C9DFC1;
	font-family: Sans-Serif;
	font-weight: normal;
	font-size: 8pt;
	letter-spacing: 1px;
	color: #FFFFFF;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	border-right-width: 1px;
	border-right-color: White;
	border-right-style: solid;
}
.prodnav_default_hover
{
	cursor: pointer;
	background-color: #9EC392;
	font-family: Sans-Serif;
	font-weight: normal;
	font-size: 8pt;
	letter-spacing: 1px;
	color: #FFFFFF;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	border-right-width: 1px;
	border-right-color: White;
	border-right-style: solid;
}
.prodnav_selected
{
	cursor: pointer;
	background-color: #9EC392;
	font-family: Sans-Serif;
	font-weight: normal;
	font-size: 8pt;
	letter-spacing: 1px;
	color: #FFFFFF;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	border-right-width: 1px;
	border-right-color: White;
	border-right-style: solid;
}
.prodnav_selected_hover
{
	cursor: pointer;
	background-color: #9EC392;
	font-family: Sans-Serif;
	font-weight: normal;
	font-size: 8pt;
	letter-spacing: 1px;
	color: #FFFFFF;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	border-right-width: 1px;
	border-right-color: White;
	border-right-style: solid;
}
.button_contact
{
	font: verdana;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	background-color: #C9DFC1;
	border-color: #FFFFFF;
	border-width: 0px;
	letter-spacing: 1px;
	cursor: pointer;
}
.promoleft
{
	padding: 7px 12px 3px 0px;
}
.promoright
{
	padding: 7px 0px 3px 0px;
}