﻿/* IE 6 fix for transparency */
.transbuttonover { 
	behavior: url(iepngfix.htc); 
}
.transbutton { 
	behavior: url(iepngfix.htc); 
}
.appheaderbutton { 
	behavior: url(iepngfix.htc); 
}
.footerbutton { 
	behavior: url(iepngfix.htc); 
}
.transback { 
	behavior: url(iepngfix.htc); 
}
img { 
	behavior: url(iepngfix.htc);
}
/* End of IE 6 fix for transparency */

/* Begin text styles */
body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
html {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
p {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #ccffff;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}
div {
	margin: 0px;
	padding: 0px;
}
a {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #ccffff;
}
ul {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #ccffff;
}
.links {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #ccffff;
}
.small {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #ccffff;
}
.cursive {
	font-family: cursive, sans-serif;
}
.fantasy {
	font-family: fantasy, sans-serif;
}
.bluetext {
	color: #336699;
}
.darkbluetext {
	color: #333366;
}
.redtext {
	color: #660000;
}
.yellowtext {
	color: #ffffcc;
}
.whitetext {
	color: #f0f0f0;
}
.scgtitle {
	font-size: 24pt;
	color: #aaccff;
}
.titlewhite {
	font-size: 16pt;
}
.titlered {
	font-size: 16pt;
}
.titleyellow {
	font-size: 16pt;
}
.title {
	font-size: 16pt;
}
.titleyellow {
	color: #ffffcc;
}
.titlered {
	color: maroon;
}
.titlewhite {
	color: white;
}
.subtitle {
	font-size: 14pt;
}
.button {
	text-decoration: none;
}
/* End text styles */

/* Begin borders and bars */
.noborder {
	border-style: none;
}
.border-redbox {
	border-style: solid;
	border-width: 1px;
	border-color: maroon;
}
.border-blueraised {
	border-style: outset;
	border-width: 2px;
	border-color: #336699;
}
.border-redraised {
	border-style: outset;
	border-width: 2px;
	border-color: #996633;
}
.glassedge {
	border-top: 1px outset white;
	border-left: 1px solid silver;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #404040;
	padding: 3px;
	background-image: url('images/glasspaneback.png');
	background-repeat: repeat;
}
.glassindent {
	border-top: 1px solid #404040;
	border-left: 1px solid #666666;
	border-right: 1px solid silver;
	border-bottom: 2px inset white;
	padding: 3px;
}
/* End borders and bars */

/* Begin content areas */
.transback {
}
#bg {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
}
#scroller {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: auto;
	z-index: 1;
}
#content {
	position: relative;
	padding-left: 10px;
	width: 816px;
}
#wrapper {
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-style: none;
}
#logoarea {
	padding: 10px;
}
div.glasspane {
	background-image: url('images/testback.png');
}
div.whitepane {
	background-image: url('http://www.solutioncrafters.com/images/whitepane.png');
}
div.clear {
	clear: both;
	height: 0px;
	padding: 0px;
	margin: 0px;
}
div.padded {
	padding: 8px;
}
div.paddedtext {
	padding: 16px;
}
div.paddedtopheavy {
	padding-top: 25px;
}
div.paddedheavy {
	padding: 25px;
}
.marginbasic {
	margin: 5px;
}
.marginheavy {
	margin: 10px;
}
div.floatleftgraphic {
	float: left;
}
div.floatrightgraphic {
	float: right;
}
div.testback {
	background-image: url('http://www.solutioncrafters.com/images/whitepane.png');
}
div.glassback {
	background-image: url('http://www.solutioncrafters.com/images/glassback.png');
}
div.whiteglassback {
	background-image: url('http://www.solutioncrafters.com/images/whitetrans.png');
}
div.whitetransback213280 {
	background-image: url('http://www.solutioncrafters.com/images/whitetrans213280.png');
}
div.bluetransback213280 {
	background-image: url('http://www.solutioncrafters.com/images/bluetrans213280.png');
}
div.bluetrans100100 {
	background-image: url('http://www.solutioncrafters.com/images/blueglassback.png');
}
div.bluetrans120140 {
	background-image: url('http://www.solutioncrafters.com/images/bluetrans120140.png');
}
div.bluetrans120120 {
	background-image: url('http://www.solutioncrafters.com/images/bluetrans120120.png');
}
div.yellowtrans120140 {
	background-image: url('http://www.solutioncrafters.com/images/yellowtrans120140.png');
}
div.yellowglassback {
	background-image: url('http://www.solutioncrafters.com/images/yellowglassback.png');
}
div.bluerain212280 {
	background-image: url('http://www.solutioncrafters.com/images/bluerain212280.png');
}
div.bluerainback645440 {
	background-image: url('http://www.solutioncrafters.com/images/bluerainback645440.png');
}
div.lightbluerainback645440 {
	background-image: url('http://www.solutioncrafters.com/images/lightbluerainback645440.png');
}
div.redtotransback {
	background-image: url('http://www.solutioncrafters.com/images/redtotrans100.png');
}
div.refback {
	background-color: #996633;
}
div.featuresback {
	width: 300px;
	height: 450px;
	background-image: url('http://www.solutioncrafters.com/images/featuresback.png');
}
div.supplyfeaturesback {
	width: 250px;
	height: 400px;
	background-image: url('http://www.solutioncrafters.com/images/supplyfeatures.png');
}
div.redvertback {
	background-image: url('http://www.solutioncrafters.com/images/redvertback.png');
}
div.yellowcallbox160 {
	background-image: url('http://www.solutioncrafters.com/images/yellowcallbox160.png');
	background-repeat: no-repeat;
	width: 160px;
	height: 120px;
}
div.buttonarea {
	background-color: #336699;
}
div.button {
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #003366;
	text-align: center;
}
div.buttonover {
	border-top: 1px solid #003366;
	border-bottom: 1px solid #ffffff;
	text-align: center;
}
div.transbutton {
	float: left;
	text-align: center;
	background-image: url('http://www.solutioncrafters.com/images/transbutton.png');
	background-repeat: no-repeat;
	width: 140px;
	height: 30px;
	line-height: 10px;
}
div.transbuttonover {
	float: left;
	text-align: center;
	background-image: url('http://www.solutioncrafters.com/images/transbuttonover.png');
	background-repeat: no-repeat;
	width: 140px;
	height: 30px;
	line-height: 10px;
}
div.downloadbutton {
	float: right;
	border-top: 2px outset white;
	border-left: 1px solid silver;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #404040;
	margin: 8px;
	filter: alpha(opacity=80);
	opacity:.8;
}
div.downloadbuttonover {
	float: right;
	border-top: 2px outset white;
	border-left: 1px solid silver;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #404040;
	margin: 8px;
}
div.orderbutton {
	float: left;
	border-top: 2px outset white;
	border-left: 1px solid silver;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #404040;
	margin: 8px;
	filter: alpha(opacity=80);
	opacity:.8;
}
div.orderbuttonover {
	float: left;
	border-top: 2px outset white;
	border-left: 1px solid silver;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #404040;
	margin: 8px;
}
.pricebutton {
	border-style: outset;
	border-width: 2px;
	border-color: #996633;
	background-color: #663333;
	width: 120px;
	height: 130px;
	margin: 5px;
	padding: 8px;
}
.requirementsbutton {
	background-color: #336699;
	width: 210px;
	height: 160px;
	border-style: outset;
	border-width: 2px;
	border-color: #336699;
	padding: 3px;
	margin: 5px;
}
.usesbox {
	width: 120px;
	height: 198px;
	padding: 8px;
	margin: 5px;
	background-image: url('http://www.solutioncrafters.com/images/usesback.png');
}
div.toprightbox {
	background-image: url("http://www.solutioncrafters.com/images/toprightbox.jpg");
}
div.systemfunctionarea {
	width: 700px;
}
div.headerlinkarea {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 15px;
	height: 94px;
}
div.headerarea {
	width: 740px;
	height: 94px;
}
div.appheaderarea {
	margin-top: 0px;
	margin-bottom: 5px;
	height: 20px;
	width: 100%;
}
div.appheaderbutton {
	float: right;
	width: 109px;
	height: 20px;
	line-height: 20px;
	border-top: 1px outset #404040;
	border-bottom: 1px inset white;
	border-left: 1px solid #666666;
	text-align: center;
	background: url("http://www.solutioncrafters.com/images/glasspaneback.png");
}
div.footerbutton {
	float: right;
	text-align: center;
	width: 75px;
	height: 20px;
	line-height: 20px;
	border-top: 1px outset white;
	border-bottom: 1px solid #404040;
	border-left: 1px outset silver;
	background: url("http://www.solutioncrafters.com/images/glasspaneback.png");
}
div.footerarea {
	clear: both;
	margin-top: 30px;
	height: 20px;
}
div.featuresection {
	margin-top: 10px;
	margin-bottom: 10px;
}
/* End content areas */

/* Begin special areas */
div.bidheaderarea {
	float: left;
	width: 730px;
	height: 100px;
	background-image: url("http://www.solutioncrafters.com/images/bidheader.png");
	background-repeat: no-repeat;
}
div.simheaderarea {
	float: right;
	width: 730px;
	height: 100px;
	background-image: url("http://www.solutioncrafters.com/images/supplyheader.png");
	background-repeat: no-repeat;
}
div.indexheaderarea {
	float: left;
	width: 645px;
	height: 160px;
	background-image: url("http://www.solutioncrafters.com/images/indexheader.png");
	background-repeat: no-repeat;
}
div.bidcornerarea {
	width: 140px;
	height: 80px;
	background-image: url("http://www.solutioncrafters.com/images/cornerarea.png");
	background-repeat: no-repeat;
}
/* End special areas */

/* Begin link styles */
a:visited {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:visited.small {
	text-decoration: none;
}
a:active.small {
	text-decoration: none;
}
a:link.small {
	text-decoration: none;
}
a:hover.small {
	text-decoration: underline;
}
a:visited.button {
	text-decoration: none;
}
a:active.button {
	text-decoration: none;
}
a:link.button {
	text-decoration: none;
}
a:hover.button {
	color: #ffffff;
}
a:visited.bluetext {
	text-decoration: none;
}
a:active.bluetext {
	text-decoration: none;
}
a:link.bluetext {
	text-decoration: none;
}
a:hover.bluetext {
	text-decoration: underline;
	color: #2347ff;
}
a:visited.darkbluetext {
	text-decoration: none;
}
a:active.darkbluetext {
	text-decoration: none;
}
a:link.darkbluetext {
	text-decoration: none;
}
a:hover.darkbluetext {
	text-decoration: underline;
	color: #336699;
}
a:visited.links {
	text-decoration: none;
}
a:active.links {
	text-decoration: none;
}
a:link.links {
	text-decoration: none;
}
a:hover.links {
	text-decoration: underline;
	color: #ffffff;
}
a:visited.whitetext {
	text-decoration: none;
}
a:active.whitetext {
	text-decoration: none;
}
a:link.whitetext {
	text-decoration: none;
}
a:hover.whitetext {
	color: #ffffff;
}
/* End link styles */