/*
hsl(20,65%,52%) orange
hsl(20,65%,58%) lighter orange: yes/no
hsl(20,65%,68%) lighter orange: widgets
hsl(20,100%,90%) lightest organe: menu hilite
hsl(0,0%,16%) dark gray
hsl(0,0%,80%) gray borders
hsl(60,100%,80%) lite yellow text for rollover
*/

* {box-sizing:border-box; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; -webkit-text-size-adjust:none; -moz-text-size-adjust:none;}
body {font-size:15px; font-weight:300; line-height:18px; font-family:'Titillium Web',Arial; margin:0px; cursor:default; background-color:hsl(0,0%,92%); color:hsl(0,0%,16%);}
td       {font-size:inherit; font-weight:inherit; line-height:inherit; font-family:inherit;}
.text    {font-size:15px; font-weight:300; line-height:22px;}
.bigbold {font-size:18px; font-weight:600; line-height:18px;}
.bold    {font-weight:600}
.small   {font-size:12px; font-weight:300;}
.title   {padding-bottom:16px;}

.whitebg {background-color:white;}
.ctext {color:hsl(20,65%,52%);}
.dim {color:#999999}
::placeholder {color:hsl(20,65%,68%);}
.white, .navlink {color:white;}
.yellow, .navlink:hover, .menucell:hover {color:hsl(60,100%,80%) !important}
#logo {width:240px; position:absolute; left:20px; bottom:7px; transition: transform 0.2s ease; transform-origin: 56px 41px;}
#logo:hover {transform: scale(1.04)}
.bullet {width:20px; height:8px; fill:hsl(20,65%,52%);}

a:link, a:visited, .hyperlink {color:hsl(20,65%,52%); text-decoration:none; white-space:nowrap; outline:none;}
a:hover, a:active, .hyperlink:hover {color:hsl(20,65%,52%); text-decoration:underline; white-space:nowrap; outline:none;}
a:link.ctext, a:visited.ctext {color:hsl(20,65%,52%); text-decoration:none; white-space:nowrap; outline:none;}
a:hover.ctext, a:active.ctext {color:hsl(0,0%,16%); text-decoration:none; white-space:nowrap; outline:none;}
a:link.black, a:visited.black {color:hsl(0,0%,16%); text-decoration:none; white-space:nowrap; outline:none;}
a:hover.black, a:active.black {color:hsl(20,65%,52%); text-decoration:none; white-space:nowrap; outline:none;}
a:link.white, a:visited.white, a:link.btn, a:visited.btn {color:white; text-decoration:none; white-space:nowrap; outline:none;}
a:hover.white, a:active.white, a:hover.btn, a:active.btn, a:link.yellow, a:visited.yellow, a:hover.yellow, a:active.yellow {color:hsl(60,100%,80%); text-decoration:none; white-space:nowrap; outline:none;}
a:hover.black polygon, a:active.black polygon {fill:hsl(20,65%,52%);}  /* product.php menu triangle */

.darkbg {background-color:hsl(0,0%,16%); fill:hsl(0,0%,16%);}
.colorbg {background-color:hsl(20,65%,52%)}
.grayedge {box-shadow: 0px 0px 20px hsla(0,0%,0%,0.08);}

.btn {
	font-size:18px; font-weight:600; line-height:27px;
	color:white; text-align:center; cursor:pointer; display:block; padding-bottom:3px; margin-bottom:12px;
}
.blackbtn {  /* invoice only */
	background-color: #000000;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555555), to(#000000));  /* Safari 4+, Chrome 1+ */
	background: -webkit-linear-gradient(top, #555555, #000000);  /* Safari 5.1+, Chrome 10+ */
	background: -moz-linear-gradient(top, #555555, #000000);  /* Firefox 3.6+ */
	background: -ms-linear-gradient(top, #555555, #000000);  /* IE 10 */
}

.shadow {
	box-shadow: 0px 2px 5px rgba(0,0,0,.3);
}

.round   {border-radius:10px}
.roundtl {border-top-left-radius:10px}
.roundtr {border-top-right-radius:10px}
.roundbl {border-bottom-left-radius:10px}
.roundbr {border-bottom-right-radius:10px}

.navcell  {font-size:18px; font-weight:400; line-height:42px; padding:0px 14px; white-space:nowrap; cursor:pointer;}
.menucell {font-size:18px; font-weight:400; line-height:18px; padding:10px 20px; white-space:nowrap; cursor:pointer; color:white;}
.tab      {font-size:18px; font-weight:300; line-height:18px; padding:12px 16px 11px 16px; cursor:pointer;}
.tablit   {font-size:18px; font-weight:400; line-height:18px; padding:12px 16px 3px 16px;}
.footertext {font-size:12px; font-weight:400;}
.menuline {margin:10px 18px; height:1px; background-color:white; opacity:0.4;}
.menubox {padding:14px 0px; height:20px; opacity:0; overflow:hidden; transition: height .2s ease-out, opacity .2s linear;}

.icon             {margin-top:5px; width:45px; height:45px;}
.icontitle        {font-size:18px; font-weight:300; text-align:left; margin-bottom:4px; line-height:27px;}
.iconsubtitle     {font-size:14px; font-weight:300; text-align:left; line-height:18px; color:#000000;}
.socialicons a {opacity:0.8}
.socialicons a:hover {opacity:1}
.socialicons img {border-radius:4px}

.featcat {font-size:30px; line-height:120%; margin:49px 0px 1px 0px;}
.featcell {overflow:hidden; width:150px; height:200px; padding:0px !important; margin-right:19px; margin-top:19px;
	color:hsl(0,0%,16%); font-size:21px; font-weight:300; line-height:24px; text-align:center; border-color:hsl(0,0%,92%) !important;}
   td:last-child .featcell {margin-right:0px !important}
.featcell:hover {color:hsl(20,65%,52%); border-color:hsl(20,65%,80%) !important;}
.featcell img {width:120px; height:120px; margin:5px 14px 1px 14px;}

.featspace {position:relative; overflow:hidden; height:0px; opacity:0;}
.featbox {background-color:hsl(220,100%,96%); padding:0px !important; margin-top:19px; overflow:hidden; height:22px;}
.feattext {padding:12px 20px; text-align:left; line-height:20px; display:none; font-weight:200;}
.feattext b {font-weight:400}
#featprick {position:absolute; top:4px;}
#featprick polyline {stroke:hsl(0,0%,80%); fill:hsl(220,100%,96%);}
.feattext a {color:hsl(220,100%,30%)}

.sidetitle   {font-size:18px; font-weight:300; margin:10px 0px 4px 0px; line-height:22px;}
.sidesubtitle {font-size:14px; font-weight:300; line-height:18px; margin-bottom:20px; color:hsl(0,0%,16%);}
.sidequote  {font-size:14px; font-weight:300; line-height:120%; text-align:left; padding:10px 20px; margin-top:12px; position:relative; display:block; white-space:normal !important; color:hsl(0,0%,16%) !important; text-decoration:none !important;}
.sidecredit {font-size:12px; font-weight:200; line-height:120%; text-align:right; margin-top:10px;}

.border {border:1px solid hsl(0,0%,80%); padding:10px 16px 16px 16px;}
#demothumb #democircle {opacity:0.5}
#demothumb:hover #democircle {opacity:0.6}

.textbox {
	font-family:inherit; font-size:15px; font-weight:300; line-height:18px;
	padding:0px 0px 0px 6px; margin:2px 0px 2px 0px;
	border:1px solid hsl(0,0%,80%); border-radius:4px;
	outline:none;
}
.textarea {
	font-family:inherit; font-size:15px; font-weight:300; line-height:20px;
	padding:1px 0px 0px 7px; margin:2px 0px 2px 0px;
	border:1px solid hsl(0,0%,80%); border-radius:4px;
	outline:none;
}
.widget {width:22px; height:16px; vertical-align:-3px; padding:0px 6px 0px 0px}
.indent {padding-left:22px}

.menu        {margin:2px 0px; color:#000000; background-color:white; border:1px solid hsl(0,0%,80%); border-radius:4px;}
.menulabel   {font-size:15px; font-weight:300; line-height:22px; padding:0px 7px 0px 7px; vertical-align:top; white-space:nowrap;}
.menulist    {font-size:15px; font-weight:300; line-height:22px; color:#000000; background-color:white; border:1px solid hsl(0,0%,80%);
              border-radius:4px; box-shadow:0px 2px 5px rgba(0,0,0,.1);}
.menuitem    {padding:0px 7px 0px 7px; vertical-align:top;}
.menuhilite  {background-color:hsl(20,100%,90%);}
.menubtn     {width:18px; height:23px; display:block;}
.menupop     {position:absolute; z-Index:90; margin-top:2px; padding-bottom:20px;}
.menutopgap  {height:4px; border-top:1px solid hsl(0,0%,80%);}
.menubotgap  {height:4px;}
.menugap     {height:16px;}

table       {border-spacing:0px; border-collapse:separate; vertical-align:top;}
tbody       {vertical-align:inherit; border:inherit;}
tr          {vertical-align:inherit; padding:0px; border:inherit;}
td          {background-color:inherit; padding:inherit; vertical-align:inherit;}
.middle     {vertical-align:middle;}
.label      {padding-top:6px;}

img {border-width:0px}
.center {text-align:center;}
.left {text-align:left;}
p {margin:0.8em 0px 0px 0px}
.pad12 {padding-left:12px;}
.pad20 {padding-left:20px;}
.padtop8 {padding-top:8px;}
.gap12  {height:12px}
.padtext {padding-top:5px;}
.hide   {display:none;}
.show   {visibility:visible;}
.spacer {visibility:hidden;}
.nowrap {white-space:nowrap}
form    {margin:0px}
sup {line-height:10px; font-size:70%; vertical-align:0.5em;}
sub {line-height:10px; font-size:70%; vertical-align:-0.3em;}

pre {font-family:Lucida Grande; font-size:11px; line-height:13px; background-color:white; color:#999999; text-align:left; padding-left:20px; margin:0px; position:absolute; top:1500px; width:100%; -webkit-user-select:auto; z-index:999;}
.black {color:hsl(0,0%,16%);}
.faint {color:#dddddd;}
.red   {color:#ff0000;}