@charset "UTF-8";
/* CSS Document */
/*form.calculator{ margin-top:0px; width:560px; background-color:#FFCCFF;}*/

/*works in IE6*/
fieldset {
	margin-top: 20px;
	margin-bottom: 10px;
	border:none;
	background-image:url(../images/gui/calculator_fieldset_background_short.jpg);
	background-repeat: no-repeat;
	background-position: left 12px;
	_background-position: 0 28px;
	padding-bottom:10px;
	/*width:570px;
	background-color:#FFCCFF;*/
}

/*works in IE7*/
*:first-child+html fieldset {
	background-position: 0 28px; /**/
}

fieldset.none {
	margin-top: 20px;
	margin-bottom: 10px;
	border:none;
	background-image:none;
}
/*works in IE6*/
fieldset.results {
	margin-top: 20px;
	margin-bottom: 10px;
	border:none;
	background-image:url(../images/gui/yellow_fieldset_background.jpg);
	background-repeat: no-repeat;
	background-position: left 12px;
	_background-position: 0 28px;
}

/*works in IE7*/
*:first-child+html fieldset.results {
	background-position: 0 28px; /**/
}

/*works in FF*/
html>/**/body fieldset.results {
	margin-top: 10px;
	margin-bottom: 10px;
}
/*works in IE6*/
fieldset.yellow{
	margin-top: 20px;
	margin-bottom: 10px;
	border:none;
	background-image:url(../images/gui/calculator_fieldset_background_results.jpg);
	background-repeat: no-repeat;
	background-position: 0 28px;
}

/*works in IE7*/
*:first-child+html fieldset.yellow{
	margin-top: 20px;
	margin-bottom: 10px;
	border:none;
	background-image:url(../images/gui/calculator_fieldset_background_results.jpg);
	background-repeat: no-repeat;

}

/*works in FF*/
html>/**/body fieldset.yellow{
	margin-top: 10px;
	margin-bottom: 10px;
	border:none;
	background-image:url(../images/gui/calculator_fieldset_background_results.jpg);
	background-repeat: no-repeat;
	background-position: 0 12px;
}

legend{ 
	color:#576068; 
	font-size:14px; 
	text-transform:uppercase; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	margin:0px;
	margin-left:-8px;
	margin-top:0px;
	margin-bottom:10px;
}

/*works in IE7*/
*:first-child+html legend{ 
	color:#576068; 
	font-size:14px; 
	text-transform:uppercase; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	margin:0px;
	margin-left:-10px;
	margin-bottom:10px;
}

/*works in FF*/
html>/**/body legend {
	color:#576068; 
	font-size:14px; 
	text-transform:uppercase; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	margin:0px;
	margin-left:-10px;
	margin-bottom:10px;
}
label.unit{
	display: block;
	float: left;
	padding:0 5px;
	margin: 0px;
	text-align: right;
	font-size:11px;
	color:#000000;
}
form div label {
	display: block;
	float: left;
	width: 180px;
	padding:0 5px;
	margin: 0px;
	text-align: right;
	font-size:11px;
	color:#000000;
}
form div select {
	width:auto;
	height:17px;
	font-size:11px;
	border:#ACACAC 1px solid;
	margin-top:-3px;
}
html>/**/body form div select { vertical-align:text-top; margin-top:1px;}

form div label select {
	width: 90px;
	height:17px;
	font-size:11px;
	background-image:url(../images/gui/input_background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border:#ACACAC 1px solid;
	margin-top:-3px;
	/*font-weight:bold;*/
	/*background-color:#5c89d5;*/
	
}

*:first-child+html form div label select {
	width: 90px;
	height:17px;
	font-size:11px;
	background-image:url(../images/gui/input_background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border:#ACACAC 1px solid;
	margin-top:-1px;
	/*font-weight:bold;*/
	/*background-color:#5c89d5;*/
	
}

html>/**/body form div label select {
	width: 90px;
	height:17px;
	font-size:11px;
	background-image:url(../images/gui/input_background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border:#ACACAC 1px solid;
	margin-top:-1px;
	/*font-weight:bold;*/
	/*background-color:#5c89d5;*/
	
}
form div, form div div  { clear: left; display: block; margin:0px; padding: 0px; }
.optional label, label.optional { font-weight: normal; padding-top:2px; }
.fieldHeader{height:24px; background-color:#FFFFCC;}
.required label, label.required { font-weight: bold; padding-top:2px;  }
.result {
	background-image:url(../images/gui/tt_background.jpg);
	background-repeat:repeat-x;
	background-position: top left;
	margin-top:5px;
	border:#FFCC00 1px dotted;
	width:558px;
	margin-left:10px;
}
/*works in FF*/
html>/**/body .result {
	/*background-image:url(../images/gui/results_div_bg.jpg);
	background-repeat:no-repeat;
	background-position: left 3px;*/
	background-color:#FFFFFF;
	margin-top:5px;
	margin-left:0px;
}
/*works in IE7*/
*:first-child+html .result{ 
	width:550px;
	
}
form div input {
	height:11px;
	font-size:10px;
	border:#ACACAC 1px solid;
	background-color:#FFFFFF;
	padding:2px;
	background-image:url(../images/gui/input_background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width:120px;
	
}
form div input.heading {
	height:11px;
	font-size:10px;
	border:#ACACAC 1px solid;
	background-color:#FFFFFF;
	padding:2px;
	background-image:url(../images/gui/input_background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width:75px;
	
}
form div input.lastHeading {
	height:11px;
	font-size:10px;
	border:#ACACAC 1px solid;
	background-color:#FFFFFF;
	padding:2px;
	background-image:url(../images/gui/input_background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width:110px;
	
}
form div textarea {
	height:80px;
	font-size:10px;
	border:#ACACAC 1px solid;
	background-color:#FFFFFF;
	padding:2px;
	background-image:url(../images/gui/input_background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width:160px;
}
form div textarea:focus {border:#5c89d5 1px solid; background-image:url(../images/gui/input_background_focus.jpg);}
form div input:focus{
	border:#5c89d5 1px solid;
	background-image:url(../images/gui/input_background_focus.jpg);
}
.text{ font-size:11px; color:#000; font-weight:bold;}
.note{ font-size:10px; color:#999999;}
.heading{ font-size:10px; color:#333333; width:80px; float:left; text-align:center; margin-right:5px;}
.lastHeading{ font-size:10px; color:#333333; width:120px; float:left; text-align:center; margin-right:5px;}
form div img.help{ cursor:pointer; line-height:19px; vertical-align:bottom; border:none;}
form div a{ font-size:11px; color:#999999; text-decoration:none;}
.buttons{ padding-left:192px; padding-right:20px; display:block; }
.techNote{
	width:175px;
	border:#FF0000 solid 1px;
	margin-bottom:10px;
	background-image:url(../images/gui/technote_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding:5px;
}
.techNote p{ margin-left:31px; line-height:12px;}





/*input:focus, select:focus, textarea:focus {
	background-color:#d0dfe6;
}*/

/*QUICK ORDER PAGE STYLES*/
fieldset.quickOrder{
	border:none;
	background-image:url(../images/gui/585x300_fieldset_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
fieldset.listPrice{
	border:none; 
	background-image:url(../images/gui/listprice_fieldset_background.jpg);
	background-repeat:no-repeat;
	background-position:left 18px;
	/*margin-top:18px;*/
	}
html>/**/body fieldset.listPrice{
	border:none; 
	background-image:url(../images/gui/listprice_fieldset_background.jpg);
	background-repeat:no-repeat;
	background-position:left 9px;
	}


fieldset.rightPage{
	background-image:url(/images/gui/store_rt_page_fieldset.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border:none;
}
legend.listPrice{
	color:#576068; 
	font-size:14px; 
	text-transform:uppercase; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	margin:0px;
	margin-left:-10px;
	margin-top:-10px;
	margin-bottom:10px;
	}
html>/**/body legend.listPrice { 
	color:#576068; 
	font-size:14px; 
	text-transform:uppercase; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	margin:0px;
	margin-left:-10px;
	} /*works in FF*/	



html>/**/body fieldset.rightPage { width:187px; background-position: 10px top; clear:both; } /*works in FF*/
html>/**/body fieldset.rightPage p { margin-left:10px;}
html>/**/body fieldset.rightPage input  { margin-left:10px;}
legend.rightPage { padding-top:-5px; margin-left:-20px; font-size:12px; color:#000066; margin-bottom:-5px;}
html>/**/body legend.rightPage { padding-top:0px; margin-left:-2px; margin-top:25px; font-size:12px; color:#000066;}
legend.quickOrder{ padding-top:-5px; margin-left:-10px;}
html>/**/body legend.quickOrder { padding-top:20px; margin-left:-5px; margin-bottom:-10px;} /*works in FF*/
.inputQuickOrder { width:123px;}
.quickOrder{ width:580px; }
.quickOrderRowA { width:560px; height:18px; text-align:left; font-size:11px; margin:0; padding:3px 2px 3px 2px;}
.quickOrderRowA input{ height:14px; padding:0; margin:0; font-size:11px;}
.quickOrderRowB { width:560px; height:18px; background-color:#e0e9f7; font-size:11px; margin:0; padding:3px 2px 3px 2px;}
.quickOrderRowB input{ height:14px; padding:0; margin:0; font-size:11px;}
.catalogId { width:130px; float:left; clear:right; margin:0; padding:0;}
.catalogId input{width:126px;}
.search { width:24px; float:left; clear:right; margin:0; padding:0;}
*:first-child+html	.search{ padding-top:1px;} /*works in IE7*/
html>/**/body .search{ padding:0;} /*works in FF*/
.grade { width:140px; float:left; clear:right; margin:0; padding:0; margin-left:5px;}
html>/**/body .grade { margin-left:7px;} /*works in FF*/
.grade input { width:120px; }
html>/**/body .grade input{ width:130px;} /*works in FF*/
.custMaterial { width:130px; float:left; clear:right; margin:0; padding:0;}
.custMaterial input{width:126px;}
.quantity { width:90px; float:left; clear:right; margin:0; padding:0; margin-left:5px;}
html>/**/body .quantity { margin-left:7px;} /*works in FF*/
.quantity input { width:90px; }
/*END QUICK ORDER PAGE STYLES*/

/*.rtPageInput{ width:100%; height:12px; font-size:11px; margin-top:0px; margin-bottom:0px;}
.rtPageLegend{ font-size: 12px;}*/
/*.narrowFieldset{ width:350px;}
.shipTo{ width:165px; margin-right:5px;}
legend.shipto{ font-size:12px; padding-left:0;}*/


form div label.wide {
	display: block;
	float: left;
	width: 260px;
	padding: 3px 5px;
	margin: 0px;
	text-align: right;
}
form div label.wideLeft {
	display: block;
	float: left;
	width: 260px;
	padding: 3px 5px;
	margin: 0px;
	text-align: left;
}
.imageButton { margin-left:112px;}
.imageButtonWide { margin-left:270px; margin-top:5px;}
.or { text-align:center; font-weight:bold; margin:0; font-size:14px; }

label.listPriceLabelCheckbox {
	width: 122px;
	padding: 3px;
	text-align: left;
	/*margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border:#B2B2B2 1px dotted;
	background-color:#ECECEC;
	margin-right:10px;
	_width:100px;
}
label.listPriceLabelCheckbox:hover{ background-color:#D6D6D6;}
/*label.labelCheckbox{ 
	margin: 0px 0px 5px 0px; 
	width: 300px; 
	display:block;
}*/
input.listPriceCheckbox{
	height: 12px;
	width: 12px;
	background-color: transparent;
	border-width: 0px;
	padding: 0px;
}
.listPriceSubmit{ margin-top:5px; margin-left:5px;}
form div input.inlineButton{
	height:auto;
	width:auto;
	border:none;
	background-image:none;
	position:relative;
	top: 6px;
	background-color:transparent;
}
.rightPageImage{ border:#999999 solid 1px; padding:0;}
/*table styles*/
.mainTable{ border:#CCCCCC solid 1px; padding:4px; font-size:10px; border-collapse:collapse; width:100%;}
.mainTable td{ padding:4px; text-align:right;}
.mainTable tr{border-bottom:#CCCCCC solid 1px;}
td.highlight{ background-color:#CCCCCC;}
td.blue{ background-color:#dae3ec; text-align:center; vertical-align:bottom;}
td.grey{ background-color:#EBEBEB; color:#000000;}
tr.yellow{ background-color:#fefae5; color:#000000;}

table.productTable {
	border-collapse:collapse;
	border: 1px solid #C4C4C4;
	background-color:#FFF;
	width:100%;
	/*margin-top: 12px;
	margin-right: 12px;
	margin-bottom: 12px;*/
	margin-left: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	padding: 3px;
}
table.productTable td{ 
	/*padding:3px;*/
	border-collapse:collapse;
	border: 1px solid #C4C4C4;
}
tr.heading {
	background-color: #cbd9f1;
	font-weight:bold;
}
#content img {padding:0;}
#content .rightPage img{ padding:0;} 
.rightPage fieldset{ background-image:none; border:#009900 solid 1px; padding:0; width:185px; margin:10px 0 10px 0; padding-bottom:5px;}
.rightPage legend { font-size:10px; margin:0; padding:0 2px 0 2px;}
.rightPage form div.optional { padding:0; margin:0;}
.rightPage form div label input{ width:20px; display:inline;}
.rightPage form div label.textField{ width:44px;}
.rightPage form div input.inlineButton{
	height:auto;
	width:auto;
	border:none;
	background-image:none;
	position:relative;
	background-color:transparent;
	padding:0;
	margin-top:-3px;
}	
/*thread cutting page styles*/
.quarterPage{width:131px; border-left:#999999 1px solid; border-top:#999999 1px solid; border-bottom:#999999 1px solid; float:left; padding:5px; margin:5px 0 5px 0;}
.quarterPage p{ margin:0;}
.quarterPageLast{width:131px; border:#999999 1px solid; float:left; padding:5px; margin:5px 0 5px 0;}
.quarterPageLast p{ margin:0;}
img.leadAngle {margin-left 10px;}
h1.threadCut{ width:380px; height:60px; border:#CCCCCC 1px solid; float:left; font-size:14px; font-weight:100; padding-top:30px; text-align:center; margin-top:10px;}
.hand{ float:right; clear:right;}
input.inputRadio{ width:20px; background:transparent; border:none;}
input.address{ width:200px;}
input.state{ width:20px;}
input.zip{ width:40px;}
input.phone{ width:80px;}
form div label.zip{ width:auto; display:inline; float:none; padding:0;}
input.browse{
	height:auto;
	width:auto;
	border:none;
	background-image:none;
	background-color:transparent;
	vertical-align:middle;
	}
input.upload{ 
	height:11px;
	font-size:10px;
	border:#ACACAC 1px solid;
	background-color:#FFFFFF;
	padding:2px;
	background-image:url(../images/gui/input_background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width:120px;
}
input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}
div.fakefile {
	position: absolute;
	top: 0px;
	left:0px;
	z-index: 1;
}
div.fakefile input{width:100px;}
html>/**/body div.fakefile {
	left:220px;
}
*:first-child+html div.fakefile {
	left:220px;
}
form div.requiredBrowse { clear: left; display: block; margin:0px; padding: 0px;  font-weight: bold; padding-top:2px; position:relative;}

input[type="hidden"] { border:none;background-image:none; }