/*****************
 GLOBAL
*****************/

p { margin: 0.5em 0 1.0em 0; }

img { border-width: 0; }

h1, h2, h3, h4, h5, h6 { margin:0.5em 0 0.3em 0; }

body {
	margin:0;
	padding:0;
	color: #000;
}

body, table {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}

* html body, * html table  {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: medium;
}



/*****************
 GENERAL STUFF
 *****************/

A:hover { color: #339933; }

p.indent { text-indent: 20px; margin-top: 10px }
p.justify {text-align: justify;}

UL.nomargin {
margin: 0px 0px 0px 12px;
padding: 3px 3px 3px 3px;
}

form.inline {
	display: inline;
	margin:0px;
	padding:0px;
}

h1 { font-size: 1.7em; color: #060; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}
h2 { font-size: 1.5em; color: #393; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}


/*****************
 ORDER FORM
 *****************/

input.textinput { border: 1px solid #666666; background-color: #eeffee; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 12px; color: #000000; }
textarea.textareainput { border: 1px solid #666666; background-color: #eeffee; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 12px; color: #000000; }
select.textselect { border: 1px solid #666666; background-color: #eeffee; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 11px; color: #000000; }

select.orderselect { border: 1px solid #999999; background-color: #ffffff; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 11px; color: #000000; }
select.orderselectfix { width:115px; border: 1px solid #999999; background-color: #ffffff; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 11px; color: #000000; }
textarea.ordertext { vertical-align:top; border: 1px solid #999999; background-color: #ffffff; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 11px; color: #000000; }
input.ordertext { border: 1px solid #999999; background-color: #ffffff; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 11px; color: #000000; }
input.ordertextfix { width:100px; border: 1px solid #999999; background-color: #ffffff; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 11px; color: #000000; }
input.ordersubmit { border: 1px solid #99cc99; background-color: #bbeebb; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 11px; color: #000000; }

div.orderitem { width:738px; background:#f7fff7; border:1px solid #99cc99; margin-bottom:5px; width:738px;}
div.orderitemhalf { width:360px; background:#f7fff7; border:1px solid #99cc99; margin-bottom:5px; padding:0px 0px 5px 0px;}
div.orderitemnew { width:738px; background:#ffffee; margin-top:10px; margin-bottom:10px; border:1px solid #99cc99; padding:5px 0px 3px 0px;}

div.orderthird { width:245px; float:left; text-align:right; padding:3px 0px 3px 10px;}
div.order2thirds { width:490px; float:left; text-align:right; padding:3px 20px 3px 10px; }
div.orderhalfhead { height:26px; width:358px; background:#bbeebb; float:left; text-align:left; padding:5px 0px 0px 10px; border-bottom:1px solid #99cc99;}
div.orderminithird { border:0px solid black; height:24px; width:100px; float:left; text-align:left; padding:6px 0px 0px 10px;}
div.ordermini2thirds { border:0px solid black; height:24px; width:255px; float:right; text-align:left; padding:3px 0px 0px 0px;}
div.orderfull { width:738px; float:left; text-align:left; padding:3px 0px 3px 10px;}

label { text-align:right; padding-right:5px; width:110px; float:left; padding-top:2px;}
div.order2thirds label { margin-left:105px; width:250px; float:left; padding-top:2px;}

body.orderformprint{
	padding:5px;
	font-family: "Arial", "Helvetica", "Arial", "MS Sans Serif";
	color:#000000;
}

#orderformprint TD {
	font-family: "Arial", "Helvetica", "Arial", "MS Sans Serif";
	font-weight:normal;
	font-size:13px;
	padding-left:5px;
}
#orderformprint TD.spacer{
	height:10px;
}

#orderformprint H1 {
	font-family: "Arial", "Helvetica", "Arial", "MS Sans Serif";
	font-size:26px;
	font-weight:bold;
}
#orderformprint H2 {
	font-family: "Arial", "Helvetica", "Arial", "MS Sans Serif";
	font-size:22px;
	font-weight:normal;
}

TD.ordercellrightbottom {
	background:#ffffff;
	border-bottom:1px solid #99cc99;
}

#orderformprint TD.head {
	padding-left:5px;
	background:#bbeebb;
	border-bottom:1px solid #99cc99;
	font-size:14px;
	font-weight:bold;
}



#orderformprint TD.head2 {
	padding-left:5px;
	background:#bbeebb;
	border-bottom:1px solid #99cc99;
	font-size:14px;
}

TD.orderheadprint {
	background:#bbeebb;
	border-bottom:1px solid #99cc99;
	height:21px;
	margin:0px;
	padding:0px 0px 0px 3px;
	line-height:10px;
}


/*****************
 TEXT
 *****************/

.bodytext { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em; line-height: 1.5em;}
.bodytextmed { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em;  line-height: 1.5em;}
.bodytextbig { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.1em}
.taglinetext { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em}
.footertext { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em}
.prodhead { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.1em}
.prodinfo { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.05em}


/*****************
 LINKS
 *****************/

.topnav a:link{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em; color: #006600; text-decoration: none }
.topnav a:visited{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em; color: #006600; text-decoration: none }
.topnav a:hover{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em; color: #339933; text-decoration: none }

.sidelinks a:link{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em; color: #006600; text-decoration: none }
.sidelinks a:visited{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em; color: #006600; text-decoration: none }
.sidelinks a:hover{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em; color: #339933; text-decoration: none }

.morelinks a:link{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em; color: #006600; text-decoration: none }
.morelinks a:visited{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em; color: #006600; text-decoration: none }
.morelinks a:hover{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em; color: #339933; text-decoration: none }

.midtopnav a:link{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em; color: #339933; text-decoration: none }
.midtopnav a:visited{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em; color: #339933; text-decoration: none }
.midtopnav a:hover{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em; color: #66cc66; text-decoration: none }

.footerlinks a:link{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em; color: #ffffff; text-decoration: none }
.footerlinks a:visited{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em; color: #ffffff; text-decoration: none }
.footerlinks a:hover{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em; color: #ccffcc; text-decoration: none }

.prodinfolink a:link{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.0em; color: #006600; text-decoration: none }
.prodinfolink a:visited{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.0em; color: #006600; text-decoration: none }
.prodinfolink a:hover{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.0em; color: #66cc66; text-decoration: none }

.broklink a:link{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.0em; color: #006600; text-decoration: none }
.broklink a:visited{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.0em; color: #006600; text-decoration: none }
.broklink a:hover{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.0em; color: #66cc66; text-decoration: none }

.relatedlink a:link{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.0em; color: #006600; text-decoration: none }
.relatedlink a:visited{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.0em; color: #006600; text-decoration: none }
.relatedlink a:hover{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.0em; color: #66cc66; text-decoration: none }

.texttable { border: 1px solid #006633; background-color: #eeffee; padding: 3px; }
.quotetable { border: 1px solid #006633; background-color: #006633; padding: 3px; }
.moretable { border: 1px solid #006633; background-color: #eeffee; padding: 0px; }
.accessorieslisttable { border-color: #006633; border-width: 0px 0px 1px 0px; border-style: solid; background-color: #f9fff9; }
.accessorieslisttd { border-color: #006633; border-width: 1px 0px 0px 0px; border-style: solid; margin: 0; background-color: #f9fff9; }
.accessorieslisttitle { border-color: #ffffff; border-width: 0px 0px 0px 0px; border-style: solid; margin: 0; background-color: #ffffff; }
.orderformtable { border-color: #006633; border-width: 1px 0px 1px 1px; border-style: solid; background-color: #f9fff9; }
.orderformtd { border-color: #006633; border-width: 1px 1px 0px 0px; border-style: solid; margin: 0; background-color: #f9fff9; }
.orderformth { border-color: #006633; border-width: 0px 0px 0px 0px; border-style: solid; margin: 0; background-color: #006633; }

/*****************
 PRINTING
 *****************/

@media print{
.pagetop{ display:none;}
.pagehead{ display:none;}
.pagenav{ display:none;}
.pagesetup{ display:none;}
.pagefooter{ display:none;}
.noshow { display: none; }
}

@media screen,tv, tty, projection, handheld {
.pagetopprint{ display:none;}
.pageheadprint{ display:none;}
.pagefooterprint{ display:none;}
}


/*****************
 UL SIDE NAV
 *****************/


ul.sidenavlist{
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-size: 0.9em;
	width: 170px;
	background: #fff;
}

ul.sidenavlist li{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	line-height:1.3em;
	border-bottom: 1px solid #999;
	background: url(images/navicon.gif) no-repeat 0 3px;;
}

ul.sidenavlist a:link, ul.sidenavlist a:visited{
	padding: 0px 0px 0px 20px;
	color: #006600;
	text-decoration: none;
}

ul.sidenavlist a:hover, ul.sidenavlist a:active{
	color: #339933;
	text-decoration: none;
}


/* APPLY HEADER OVERRIDES */
ul.sidenavlist  li.sidenavheader {
	width: 170px;
	margin: 10px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	color: #455;
	background: #fff;
	border-bottom: 1px solid #fff;
 	font-weight: bold;
 	font-size: 0.9em;
 	text-transform: uppercase;
 	letter-spacing : -1px;

}
