/* Fonts */

.w3-mono {font-family: 'Roboto Mono', monospace;}
.w3-serif {font-family: "Times New Roman", Times, serif;}
.w3-bold {font-weight:bold;}
.w3-strike {text-decoration: line-through; color:#990000;}
/* Colors */
.w3-products {background-color:#003399; color:#ffffff;}
.w3-orders {background-color:#cc3300; color:#ffffff;}
.w3-projects {background-color:#996633; color:#ffffff;}
.w3-shipping {background-color:#006633; color:#ffffff;}

.w3-sky { background: linear-gradient(to bottom, #eeeeff 0%, #bbddff 100%); }
.w3-sky-blue,.w3-hover-sky-blue:hover{color:#000!important;background-color:#bbddff!important}
.w3-grass {background: transparent linear-gradient(to bottom, #669999, #336666) repeat scroll 0% 0%;}

.w3-manilla { background-color:#ffe7b7!important }
.w3-text-manilla { color:#ffe7b7!important }

.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-dark-brown,.w3-hover-dark-brown:hover{color:#fff!important;background-color:#351C15!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-dark-green,.w3-hover-dark-green:hover{color:#eee!important;background-color:#006600!important}

.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-dark-purple,.w3-hover-dark-purple:hover{color:#fff!important;background-color:#4D148C!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}

.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#333333!important;background-color:#cccccc!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#e7e7e7!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#555555!important}
.w3-darker-grey,.w3-hover-darker-grey:hover,.w3-darker-gray,.w3-hover-darker-gray:hover{color:#eeeeee!important;background-color:#333333!important}

.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}

.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-dark-red,.w3-hover-text-dark-red:hover{color:#990000!important}
.w3-text-bright-green,.w3-hover-text-bright-green:hover{color:#33ff33!important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-dark-green,.w3-hover-text-dark-green:hover{color:#009900!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#ffeb3b!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-text-amber{color:#ffc107!important}
.w3-text-aqua{color:#00ffff!important}
.w3-text-light-blue{color:#87CEEB!important}
.w3-text-brown{color:#795548!important}
.w3-text-cyan{color:#00bcd4!important}
.w3-text-blue-grey,.w3-text-blue-gray{color:#607d8b!important}
.w3-text-light-green{color:#8bc34a!important}
.w3-text-indigo{color:#3f51b5!important}
.w3-text-khaki{color:#b4aa50!important}
.w3-text-lime{color:#cddc39!important}
.w3-text-orange{color:#ff9800!important}
.w3-text-deep-orange{color:#ff5722!important}
.w3-text-pink{color:#e91e63!important}
.w3-text-purple{color:#9c27b0!important}
.w3-text-deep-purple{color:#673ab7!important}
.w3-text-sand{color:#fdf5e6!important}
.w3-text-teal{color:#009688!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}

.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#bbb!important}

.w3-padding-side {padding:0px 8px;}
.w3-padding-left {padding-left:16px;}
.w3-margin-small {margin:4px;}
.w3-margin-8 {margin:8px;}

.w3-link {display:inline-block; text-decoration:none; padding:0; position: relative;}
.w3-link:hover {text-decoration:underline;}
.w3-link:hover > button {color:green;}

.text-shadow {text-shadow:1px 1px 2px #000000;}

html { height: 100%; }
body { height: 100%; margin: 0px; color: #000000; background-color:#f0f0ff; font-size:15px; line-height:1.33;}
body,table,input,textarea,select,h1,h2,h3,h4,h5 { font-family: Roboto,Verdana,Arial,Helvetica,sans-serif; }
a:link,a:active,a:visited,a:hover {  }
img { border: 0px; }
.itemPage img:hover {opacity:0.7; box-shadow:0px 0px 8px #000000;}
form { padding: 0px; }
ul {margin:4px; padding-left:16px; }
.sky { background: transparent linear-gradient(to bottom, #EEF 0%, #BDF 100%) repeat scroll 0% 0%; }
.pdf-link { display:inline-block; max-width:75%; margin:8px; padding: 8px 12px; color:#ff0000; text-decoration:none; cursor:pointer;
    border:2px solid #ff9999; border-radius:10px;}
.pdf-link:hover { box-shadow:0px 0px 5px #ff0000;}
.large     {font-family:Verdana, sans-serif; font-size: 14pt;}
.standard  {font-family:Verdana, sans-serif; font-size: 10pt;}
.small     {font-family:Verdana, sans-serif; font-size: 8pt;}
.pagebreak {page-break-before: always}

.toOrder {display: inline-block; padding:8px 16px; margin:8px; border-radius:8px; background-color:#44cc66; 
          color:#ffffff; font-size:18px; font-weight:bold; text-shadow:1px 1px 2px #000; text-align:center; 
           box-shadow:1px 1px 2px #000; transform:rotate(-5deg);}

.companybar { background: #222233 url("images/companybar.png") repeat left top;}
.companybar a { text-decoration:none;}

.navBar { display:table-row;}
.navBar a { display:table-cell; height:100%; padding:8px 4px; margin:4px; color:#eeeeee; background-color: #0000ff; 
            border:1px solid #333333; border-radius:8px; box-shadow:0px 0px 5px #000000 inset; vertical-align:middle; 
            font-size:18px; text-align:center; font-weight:bold; text-decoration:none; text-shadow:1px 1px 2px #000000; }
.navBox { display:inline-block; height:100%; padding:8px; margin:4px; color:#eeeeee; background-color: #0000ff; 
            border:1px solid #333333; border-radius:8px; box-shadow:0px 0px 5px #000000 inset; vertical-align:middle; 
            font-size:18px; text-align:center; font-weight:bold; text-decoration:none; text-shadow:1px 1px 2px #000000; }    
            
.sprite {background:url(images/spiral/Spiral-Pipe-Fittings.jpg); width:200px; height:200px; }

table.border { width:100%; border:1px #1b4dc3 solid; border-collapse:collapse;}
table.border th { padding: 2px;	color: #fff; background-color: #467bff;
	border-top: 1px solid #b8ccff; border-left: 1px solid #b8ccff;
	border-right: 1px solid #1641ad; border-bottom: 1px solid #1641ad; }
table.border td { padding: 2px;
	border-top: 1px solid #b8ccff; border-left: 1px solid #b8ccff;
	border-right: 1px solid #1641ad; border-bottom: 1px solid #1641ad; }
	
table.noborder { width:100%; border: none; }
table.noborder th { border: none; background: #E4E5DF; }
table.noborder td { border: none; padding: 2px; }

table.contact { border: none; border-collapse: collapse; }
table.contact td { border-top:1px solid #cccccc; padding: 8px; }

table.content { width:990px; height:100%; margin-left:auto; margin-right:auto; margin-top:8px;}

td.content { border-left: 2px solid #1b4dc3; border-right: 2px solid #1b4dc3;
	background-color: #9398a5;
	background-image: url('images/background.gif');
	background-repeat: repeat-x; }

td.contentBody { width: 100%; height: 100%; }

table.chart { width:100%; margin:8px auto; font-size:12px; border:1px solid #467bff; border-collapse:collapse;}
table.chart th { padding:4px 2px; color: #fff; background-color: #2196F3; text-align: center;
	border: 1px solid #66ccff; }
table.chart td { padding:4px; text-align: center; border:1px solid #3399ff; }
td.chartend { padding:4px; text-align: center; font-size:15px; }
table.chart tr:nth-child(odd) {background-color: #f2f2f2;}

table.chart-green { width:100%; max-width:440px; table-layout: auto; margin:auto; font-size:15px; border:1px solid #66cc66; border-collapse:collapse;}
table.chart-green th { padding:4px 2px; color: #fff; background-color: #339933; text-align: center;
	border: 1px solid #339933; }
table.chart-green td { padding:2px 4px; text-align: center; border:1px solid #66cc66; }
table.chart-green tr:nth-child(even) {background-color: #f2f8f2;}

.quantity { width:70%; padding: 2px 0px;
    font-size:15px; line-height:1; font-weight:bold; text-align:center;
    border:1px solid #999; border-radius:4px; box-shadow:0px 0px 1px #000 inset;
}
.button_add { width:25%; padding: 2px; box-shadow: 0px 0px 1px #000 inset;
    font-size:15px; line-height:1; font-weight:bold; color:#090; text-align:center;
    border:1px solid #999; border-radius:4px; cursor:pointer;
}

p.questions { color: #fff; font-weight: 700; font-size: 17px; padding:5px 10px; 
    width:100%; text-align: center; }
.header {padding:0px 4px; background-color:rgb(27,77,195); 
         border-left: 2px solid rgb(20,58,146); border-right: 2px solid rgb(20,58,146); border-radius:12px;}
.button_back {padding:8px 16px; width: 100%; text-align: center;}
.button_back a { color: #3C3 !important; font-size: 20px; font-weight: bold; text-align: center; text-shadow: 1px 1px 3px #000;
    background: transparent linear-gradient(to bottom, #999 0%, #666 50%, #333 100%) repeat scroll 0% 0%;
    box-shadow: 0px 0px 5px #000 inset; padding: 5px 10px; margin: 8px; text-decoration:none;
    border: 1px solid #333; border-radius: 8px; cursor: pointer;
}
td .strike { color: rgb(128, 0, 0); }
td .sale { color: rgb(128, 0, 0); }