* { padding: 0; margin: 0; } select { min-width:1.5em } p { margin: 0 0 1em 0; } form { display:inline; }
body { font-family:Arial,Helvetica,sans-serif; font-size:11pt; background-image:url("/design/images/abrasive1105bkgrnd.jpg"); margin:0; text-align:center; }

/* link colors are also pasted in galleryview.php page and manuf-popup frame */
a:link    { color: #990000; }    /* unvisited links */
a:visited { color: #990000; }   /* visited links   */
a:hover   { color: #CC0000; } /* user hovers     */
a:active  { color: #990000; }   /* active links    */
/* Note: other hover colors below... */
.small { font-size:9pt; }
.smaller { font-size:8pt; }

/* #top {   } defined in STYLE tag so it loads before css files (since FF loads css image files last...) */

/* Content width will be 930px. 764 for content area. */
#top #logo { padding:6px 0 0 20px; text-align:left; margin:0 auto 0 auto; } 
#top #tag { padding:11px 20px 0 0; float: right; } /* add 5px to top of padding, so it doesn't hit top; rotating image */
#menubar { clear:both; 
	padding:0 20px 0 20px;
	height:34px;
	font-size:13px; 
	text-align:right; 
	margin:0 auto 0 auto;  
	overflow:hidden; 
	color:#550000; 
} /* this color is used for non-clickable text written in menubar (such as "item search") */
#menubar a { text-decoration:none; color:#990000; }
#menubar a:hover { text-decoration: underline; }
#menubar span { color:#bcb7a1; padding:0 3px 0 3px; }
.menuon { font-weight:bold; }

/* Search: Based off code from: http://blog.reindel.com/2007/08/13/howto-spruce-up-your-search-box-with-css-and-a-background-image/ */
#search_box {
    width: 125px;
    background: url("/design/images/abrsp09srch_01.gif");
    background-repeat:no-repeat;
}
#search_box #s {
    float: left;
    padding: 0;
    margin: 1px 0 0 1px;
    border: 0;
    width: 100px;
    background: none;
}
#search_box #go {
    float:right;
    margin: 0 0 0 3px;
}

#ghbody {
	background-image:url("/design/images/abrsp09_02.gif");
	background-repeat:repeat-y;
	width:970px;
	margin:0 auto 0 auto;
	text-align:left;
}
#minbody { height:375px; width:1px; float:right; }
#manufside {
	margin-left:20px;
	width:150px;
	float:left;
}
#content {
	margin-right:20px;
	width:764px;
	float:right;
}

.hmfeatmnf table { 
	background-image:url("/design/images/abrsphmfeatmfg.gif");
	background-repeat:no-repeat;
}
.hmfeatmnf td { padding:10px 10px 1em 10px;  vertical-align:top; width:100px; text-decoration:none !important;  text-align:center;}
.hmfeatmnf .logotd {  padding-right:20px; background-image:url('/design/images/abrsphmfeatmfgdiv.gif'); background-repeat:no-repeat; background-position: top right }




#prodtable {
	width:100%; /* use content width - 100 - ~4px padding if cat img is going to be to the right of this table... */
}
#prodtable th {
	background-color:#E1DECE;
	padding:0 3px 0 3px;
	text-align:left;
}
#prodtable td {
	border:1px solid #F1EEDE;
	padding:2px 3px 2px 3px;
}
#prodtable .totalrow {
	background-color:#E1DECE;
	border:1px solid #E1DECE;
	text-align:left;
	vertical-align:top;
}


#prodtable tr:hover {
	background-color:#fbe9af;
}

#prodtable span { font-size: 9pt; }
#prodtable .cntr { text-align:center; }
#prodtable .rtj { text-align:right; }
#prodtable .clr1 { /*background-color:#fefefe;*/ }
#prodtable .clr2 { background-color:#f5f2e2; }
#prodtable .clr1on { background-color:#ffffcc; }
#prodtable .clr2on { background-color:#efefcc; }
#paging { font-size:10pt; }
#paging .p { padding:0; color:#E1DECE; font-size:9pt; }



#bottom { background-image:url("/design/images/abrsp09_04.gif"); background-repeat:no-repeat; width:970px; text-align:center; margin:0 auto 0 auto; }

/* Lists */
ul { margin-top: 0; margin-bottom: 2px; margin-left: 2px; padding-left: 1em; list-style-type: disc; }
ol { margin-top: 0; margin-bottom: 2px; margin-left: 2px; padding-left: 1em; list-style-type: disc; } /* decimal type - cuts off in IE, so set as bullets */
li { list-style-position: outside; list-style-type: disc; list-style-image: none; margin-bottom: 2px; font-weight:normal; }
.manufsul li { list-style-position: outside; list-style-image: url("/design/images/manfbllt_blk.gif"); margin-bottom: 2px; font-weight:normal; }
.manufsul a { text-decoration:none; }
.manufsul a:hover { text-decoration: underline; }

h1 {
	margin:0; padding:0; font-size:15px; 
	height:21px;
	/*border:1px solid red;*/
}

#prodmanuftable td { padding-right:30px; font-size:10pt; }
#prodmanuftable div { width:100px;  text-decoration:none !important;  }
#feathm td { font-size: 10pt; } /*same as productmanuftable td */

.checkouttable { width: 370px; border:1px solid #CCCCCC; background-color:#F0F0F0; }
.checkouttable input .widthone { width:125px; }
.checkouttable th { text-align:left; padding:3px; font-weight:bold; }
.checkouttable td { padding:3px; vertical-align:top; text-align:left; }
.checkouttable .col1td { width:140px; }
.checkouttable .col2td { width:230px; }
.checkouttable .inputwidth { width:217px; } /* for input fields */
.checkouttable .inputwidthtxa { width:350px; height:100px; } /* for textarea field */
.checkouttable .widthzip { width:100px; } 
.checkouttable .phonesm { width:40px; } 
.checkouttable .phonemid { width:75px; }
.checkouttable .cccodewidth { width:75px; } 
.req { color:red; } /* mark required fields */
.checkouttableWide { width: 750px; border:1px solid #CCCCCC; background-color:#F0F0F0; }
.checkouttableWide td { padding:3px; vertical-align:top; text-align:left; }



/* Gallery */
#gallery td { width:115px; font-size:9pt; }
#gallery td img { border:1px solid #A9A9A9;}
#gallery .cap { width:100px; } /* don't allow caption to be wider than img. */
.psep { color:#D4D2C7; padding-left:2px; padding-right:2px } /* product pipe for products paging 1 | 2 | 3 ...*/


#footer { width:920px; text-align:center; margin:0 auto 0 auto; font-size:10pt; color:#cccc99; }
#footer .small { font-size:8pt; }
#footer a { color: #cccc99; }
#footer #r { float:right; text-align:right; width:390px; } /* specify widths so IE7 doesn't put horiz. scroll bar (?why-I don't know) */
#footer #l { float:left; text-align:left; width:500px; }

#inquirytable td { padding:2px; }
#inquirytable .nmem { height: 0; width: 0; position:absolute; overflow: hidden; visibility: hidden; } 

#faqhangindent div { /* used by contact order and returns pages */
	text-indent:-1.5em;
	padding-left:1.5em;
	padding-bottom:1em;
}