body {
	background-color: #DCE1DC;
	font-family: Verdana, Arial, sans-serif;
/*	font-size: 1em; */
	font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/

	color: #000000;
	margin: 0px;
	text-align: center;
	min-width: 980px;
}
a:active {outline: none;}

a {
	outline: none;
	color: #2124A5;
}
a.small {
	font-size: 86%;
}
p.tight {
	margin-top : 6px;
	margin-bottom : 6px;
}
.HTMLEdit a {
	outline: none;
	font-size: 85%;
	text-decoration: none;
/*	color: #2124A5; */
}
.htmlcontent {
	padding: 10px 10px 10px 10px;
}
.txL {
	text-align:left;
}
.txR {
	text-align:right;
}
.txC {
	text-align:center;
}
.chkBoxTxt {
	vertical-align: middle;
}
img{
	border: none;
}
.warning {
	font-weight: bold;
	color: #E60000;
}
.statusTxt {
	font-weight: bold;
	color: #990000;
}
.helptext {
   font-size: 80%;
   padding: 2px;
   color:#000000;
}
.helptext2 {
   font-size: 90%;
   padding: 2px;
   color:#990000;
   font-weight: bold;
}
.nopad {
	padding: 0px
}
.demi {
	font-size: 6px;
}
.button, input.button, input.submit, .buttonNM
{
   font-size: 87%;
   font-weight:bold;
   padding-left: 2px;
   padding-right: 2px;
   color:#C41A1D;
   margin: 10px 0px;
   cursor: hand;
   cursor: pointer;
}
.buttonNM {
   margin: 0px;
}
.button2 {
   
   padding-left: 2px;
   padding-right: 2px;
   margin-right: 5px;
   font-size: 1em;
}

table {
	border-collapse: collapse;
}
td {
	padding: 2px;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

/*  START: Login + codestore styles */

#message-box, #message-boxOK, #login-message-box{
	background-color:#FFE4E1;
	border:2px solid #F08080;
	margin:10px 0px 20px 0px;
	padding:10px;
}
#message-text, #login-message-text {
	font-weight:bold;
}
#message-boxOK {
	background-color:#CCCCCC;
	border:2px solid #2124A5;
}
/*  removed height = 14px to fix chopping off bottoms of letters... g, j, y, etc.  -- JLT */
input.std {
	width: 195px;
}
input.std2home {
	width: 226px;
}
input.wide{
	width: 350px;
}
input.narrow {
	width: 75px;
}
input.narrow2 {
	width: 50px;
}
textarea.comment {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
}
table label { 
	padding-right: 5px;; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	width: auto;
	float: none;
}
.label {
	float:none;
	padding-right:5px;
	text-align:right;
}
th.section, div.sectionHdr{
	background-color:#CCCCCC;
	border:1px solid #2124A5;
	border-left: 0px none;
	border-right: 0px none;
	color: #C41A1D;
	padding:5px;
	font-weight:bold;
	margin-bottom: 12px;
}

div .section {
	margin: 20px 0px 10px 0px;
}

#divCart {
	width:700px;
	text-align: center;
}
#divCart table {
	width:100%;
	text-align:left;
}
#divCart HR {
	height: 2px;
	width: 100%;
	background: #2124A5;
}
#divCart HR.hrHead {
	height: 3px;
	width: 100%;
	background: #C41A1D;
}
/* Fix for IE 7 */
*:first-child+html #divCart HR {height: 3px;}
*:first-child+html #divCart HR.hrHead {height: 4px;}

/* Fix for IE 6 */
* html #divCart HR {height: 3px;}
* html #divCart HR.hrHead {height: 4px;}

#divCart .subtotal, #divCart .subtotal_last, #divCart .total {
	text-align:right;
	font-weight:bold;
	border-bottom: 1px solid #2124A5;
	padding: 5px 2px 5px 2px;
}
#divCart .subtotal_last {
	border-bottom: 2px solid #C41A1D;
}
#divCart .total {
	border-bottom: none;
}
#divCart .cartQty {
	text-align:right;
	width: 20px;
}

#container{
	position:relative;
	margin: 10px auto;
	text-align: left;
	width: 980px;
}
#header{
	background-color: #000000;
	position:relative;
	margin: 0px auto;
	text-align: left;
	width: 100%;
	/*height: 120px;*/
	height: auto;
}
#page-body{
    float: left;
	width : 980px;
	height: auto;
}
#cartContent{
	width:700px;
	float: left;
	text-align: left;
}
#divLogin{
	width:260px;
	margin-bottom: 10px;
	float: right;
	border-left: 2px solid #C41A1D;
}
#formLogin{
	width:244px;
	float: right;
}
#formLoginHome{
	width:230px;
}
#formLoginHome td{
	padding: 0px;
}
.loginHdrHome {
	width:215px;
	border: 0px solid #000000;
/*	background-color: #C41A1D; */
	color : #2124A5;
	padding: 0px 0px 0px 0px;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 10px;
}
#nav {
	float: left;
	width: 180px;
	margin: 10px 10px 10px 10px;
	height: auto;
} 
* html #nav {
	margin: 10px 10px 10px 5px;	/* IE 6- only */
}

#content {
    float: right;
    width: 780px;
}
 
#content-main {/*this is the main content area*/
	color: #000000;
   	float: left;
	display: inline;
	width: 540px;
	border: 0px;
}

#content-main .bodyhead {
	margin: 10px 10px 0px 10px;
	text-align:left;
} 
#content-main .bodyhead img {
	vertical-align: bottom;
}
#content-main .body1, #content-main .body1edit, #content-main .indexbody  {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	margin: 0px 10px 10px 10px;
	padding: 0 10px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 478px;
} 
#content-main .body1 {
   border-top: 0px;
}

#content-main .indexbody {
	font-size: 87%;
    border-top: 0px;
} 

.indexbody a {
	padding: 3px 20px 3px 12px;
	display: block; 
	margin: 0px 0px 0px 15px;
	text-decoration: underline;
	background-image: none; 
}

.indexbody a:hover {
	font-weight: bold;
	text-decoration: none;
}

.indexbody p {
	color: #C41A1D;
	font-weight: bold;
	margin: 5px ;
	font-size: 14px;
	
}

.filterhead {
	color: #C41A1D;
	font-size: 93%;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 20px 3px 12px;
}

.filterselect {
	color: black;
	font-weight: bold;
	font-size: 93%;
	margin: 5px ;	
}

.filterdesc {
	color: black;
	font-weight: normal;
	padding: 3px 20px 3px 12px;
}

#content-main .spotlight, #content-main .spotlightedit, #manufacturers {
	
	width: 478px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	margin: 0px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
} 
#content-main .spotlight, #manufacturers {
   border-top: 0px;
}
#content-main .spotlight a {font-size: .95em; }
#content-main .spotlight a:link {color: #2124A5; text-decoration: none; font-weight: bold}
#content-main .spotlight a:visited {color: #2124A5; text-decoration: none; font-weight: bold}
#content-main .spotlight a:hover {color: gray; text-decoration: underline; font-weight: bold}

/*
#content-main a.spotlight:link {color: black; text-decoration: none};
#content-main a.spotlight:visited {color: black; text-decoration: none};
#content-main a.spotlight:hover {text-decoration: none};
*/

#content-main .foot {
	clear: both;
	margin : 10px 0px 10px 0px;
}

#content-side {
	/*this is the side content area*/
	float: right;
	width: 240px;
	border: 0px;
	margin: 0px 0px 0px 0px
}
#content-side .search{
	margin : 5px 0px 10px 0px;
}
#content-side .cartinfo{
	margin : 10px 0px 10px 0px;
}
#content-side .sidebar{
	margin : 10px 0px 10px 0px;
}
#content-side .techdesk{
	margin : 10px 0px 10px 0px;
}

#topnav, #foot{
/*	float: left; */
/*	width: 500px; */
	text-align: center;	
}
#topnav ul, #foot ul {
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
}
#topnav li, #foot li {
   display:inline;
}
#topnav a, #foot a {
	color: #2124A5;
	font-size: 90%;
	padding: 0px 10px 0px 20px;
	font-weight: bold;
	text-decoration: none;
	background:  url(../images/bulletOff.jpg) no-repeat 0px center;
}
#topnav li.on, #foot li.on {
	color: #C41A1D;
	font-size: 90%;
	font-weight: bold;
	padding : 0px 15px 0px 20px;
	background:  url(../images/bulletOn.jpg) no-repeat 0px center;
}
#foot a {
	color: #000000;
	padding : 0px 20px 0px 20px;
	background: none;
}
#foot li.on {
   color: #C41A1D;
   padding : 0px 20px 0px 20px;
	background: none;
}

#bread {
	float: left;
	color: #2124A5;
	padding: 3px;
	margin: 0px 10px 5px 0px;
	font-size: 80%;
	font-weight: bold;
}
#bread .last{
	color: #C41A1D;
	font-weight: bold;
	/*display:block;*/
}
#bread ul {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	display: inline;
	border: none;
} 
#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
}
#bread a {
	color: #2124A5;
	text-decoration: none;
}
#bread a:hover {
	text-decoration: underline;
}
#bread ul li.block {
	display: block;
}
#bread ul li div {
		margin:10px 0  0 50px;
}

#cartinfo ul {
	list-style-type:none;
	margin:10px 0pt 0pt 0px;
	padding:0pt;
}
#cartinfo li {
	list-style: none;
	font-size: 90%;
	font-weight: bold;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:2px;
	padding:6px;
	text-indent:30px;
	text-transform:uppercase;
	background:  url(../images/bulletBig.jpg) no-repeat 0px center;
}
#cartinfo a {
	text-decoration : none;
	color: black;
}	

#searchinput {
	margin: 0px 0px 0px 0px;
	border: none;
	height: 18px;
	padding: 6px 10px 0px 10px;
	width:180px;
	background: transparent;
}
#search {
	background:  url(../images/search_bg.jpg) no-repeat 0px center;
	width:240px;
}
#searchlabel{
	margin: 0px 0px 0px 0px;
	font-size: 90%;
	font-weight: bold;
}
#searchgo {
	margin: 0px 0px 0px 0px;
	border: 0px;
}
#searchgo img {
	margin: 0px 0px 0px 0px;
	padding-bottom: 4px;
	vertical-align: middle;
	border: 0px;
}
#sidebarhead, #techdeskhead {
	margin: 20px 10px 0px 0px;
} 
#sidebarhead img, #techdeskhead img {
	vertical-align: bottom;
}
#sidebarbody, #techdeskbody, #techdeskallbody {
	width: 230px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
  	border-top: 0px;
	margin: 0px 10px 10px 0px;
	padding: 10px 9px 10px 9px;
	voice-family: "\"}\""; 
   	voice-family:inherit;
	width: 210px;
}
#techdeskallbody {
	padding: 0px 9px 0px 9px;
}
.techdeskitem {
	margin:5px 2px;
}
.techdeskitem td {
	vertical-align:top;
	padding:5px;
	color:#666;
}
.techdeskitem td a {
	text-decoration:none;
	font-weight:normal;
	color:#666;
}
.techdeskitem td a:hover {
	color:#333;
}
#techdeskdesc p{
	margin:5px;
}
#techdeskprod a.product{
	font-size:.8em;
}
#prodhead {
	padding: 0; /*10px 10px 10px 10px;*/
}
#prodtitle {
	float: left;
	width: 100%;
}
#prodtitle h1 {
	display: inline;
	font-size: 90%;
	padding: 0px 10px 0px 10px;
}
#prodtitle img {
	padding-right: 20px;	
}
#prodimage {
	float: left;
	position: relative;
	width: 220px;
	padding: 10px 5px 0px 5px;
	border: none;
	min-height: 200px;
	height:auto !important;
  	height:200px;

}
#prodexpimage {
	position: absolute;
	left: 5px;
	bottom: 5px;
	z-index: 1;
}
#prodimage img {
	border: none;
}
#prodhighlight {
	float: right;
	width: 238px;
	padding: 0px 5px 5px 5px;
}

#prodthumbs {
	float: left;
	clear: left;
	width: 300px;
}
#prodthumbs .athumb {
	padding: 10px 5px 10px 5px;
	float: left;
	clear: none;
}
#prodtabs {
	margin: 5px 0px 5px 0px;
}	
#prodnav{
	clear: both;
	width: 100%;
	margin-top: 10px;
	text-align: center;	
	border: 1px solid #000000;
	border-left: 0px;
	border-right: 0px;
}
#prodnav ul {
	margin: 0px 0px 2px 0x;
	padding: 0px 0px 0px 0px;
}
#prodnav li {
   display: inline;
   font-size: 90%;
   padding : 0px 4px 0px 4px;
	margin-top: 0px;
	font-weight: bold;
}
#prodnav a {
   color: #2124A5;
	text-decoration: none;
	padding: 0px 0px 16px 0px;
}
#prodnav li.selected a {
	color: #C41A1D;
	text-decoration: none;
	cursor: default;
}
.prodtab {
	display: none;
	padding: 10px 10px 10px 10px;
}
.category {
	font-size: 1.1em;
	font-weight: bold;
	color: #C41A1D;
}
#prodtab1, #prodtab2, #prodtab2 table, #prodtab2 td, #prodtab2 th {
	font-size: .9em;
}
#prodtab2 td {
	width: 50%;
}
#prodtab2 th {
	width: 50%;
}
#prodtab2 th img {
	display: none;
}
#prodtab3 {
	font-size: .8em;
}
#prodtab3 td {
	vertical-align: top;
}

div.acc_cat {
	font-family: Verdana;
	color: #C41A1D;
	font-weight:bold;
	font-size: .85em;
	margin-bottom:5px;
}
td.acc_pn {
	padding-left: 10px;
	vertical-align:top;
	width: 50px;
	font-size: .85em;
}
div.acc_label, td.acc_label {
	padding-left: 5px;
	margin-bottom: 10px;
	vertical-align:top;
}
div.acc_label a, div.acc_label a:visited, td.acc_label a, td.acc_label a:visited{
	font-weight:bold;
	font-size: .85em;
}
.price {
	text-align: right;
}
#techdesktab {
	background:  url(../images/techdesk.gif) no-repeat center 0px;
}
#techdesktab.selected {
	background: url(../images/techdeskON.gif) no-repeat center 0px;
}
.div_td_head {
	margin: 5px 0px 5px 0px;
	clear: left;
}
.td_head, .td_headOn {
	font-weight: bold;
	font-size:87%;
	text-transform: uppercase; 
	text-decoration: none;
	background:  url(../images/twistyOff.gif) no-repeat 0px center;
	padding: 2px 0px 2px 20px;
}
.td_headOn {
	background:  url(../images/twistyOn.gif) no-repeat 0px center;
}
.td_head a, .td_headOn a {
	text-decoration: none;
}
.td_body, .td_bodyOn {
	padding: 0px 0px 0px 20px;
}
.td_body {
	display: none;
}
.td_bodyOn {
	display: block;
}

.clear{
	clear: both;
	margin-top: 0px;
}
.clearfix:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
} 
.clearfix {display:inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 

#mfg {
	margin:10px 10px 0 15px;
	padding-left: 20px;
	font-size:1.15em;
	background:  url(../images/minus.gif) no-repeat;
}
#size, #cat, #color, #grade, #desc {
	margin:0 10px 0 30px;
	padding: 0;
}
#mfgall {
	font-size: 1.25em;
	padding: 5px;
}						
#mfgall a {
	font-size:.75em;
	font-weight: bold;
	font-family: Arial;
	text-decoration: none;
}
#mfgall a:hover{
	text-decoration: underline;
}
.mfg-a, #mfg a {
	text-decoration:none;
	color:#66c
}
.mfg-a {
	font-weight: normal;
	background: url(../images/bullet_trans.gif) no-repeat;
	padding-left: 20px;
	line-height: 1.5em;
}
#mfg a:hover, #cat a:hover, #mfgall a:hover {
	color: #66c;
	text-decoration: underline;
}
.sizeitem, .catitem, .coloritem, .gradeitem {
	background:  url(../images/plus.gif) no-repeat;
	margin: 5px 0 0 0;
}
.sizetitle, .cattitle, .colortitle, .gradetitle {
	background:  url(../images/minus.gif) no-repeat;
	margin: 5px 0 0 0;
}
.sizeitem a, .catitem a, .coloritem a, .gradeitem a {
	color: #2124A5;
}
.sizetitle a, .cattitle a, .colortitle a, .gradetitle a {
	color: #66c;
}
.sizeitem, .sizetitle {
	padding-left: 20px;
}
.catitem, .cattitle {
	padding-left: 35px;
	background-position: 13px 0px;
}
.coloritem, .colortitle {
	padding-left: 48px;
	background-position: 28px 0px;
}
.gradeitem, .gradetitle {
	padding-left: 63px;
	background-position: 43px 0px;
}
#filtercont {
	display: inline;
	margin-left: 20px;
}
#filtercont a {
	font-weight:normal;
	color: #ddd;
}
#filterdesc, .popMsg {
	z-index:99;
	position:absolute;
	background:#fff;
	border:3px solid #ccc;
	left:400px;
	top:250px;
	width:400px;
	border-bottom:5px solid #999;
	border-right:5px solid #999;
	padding:10px
}
.popMsg {
	top:400;
}
.flabel {
	color: #8D8D8D;
	margin-right: 10px;
	font-size: .9em;
}
.row {
	width:400px;
	display:block;
	border:2px solid #eee;
	padding:10px;
	margin:10px;
	vertical-align:middle
} 
.row:hover {
	border:2px solid #66c
}
.rowimg {
	float:left;
	width:200px
} 
.rowtext {
	margin-left:10px;
	float:left;
	margin-top:10px
} 
.clearfix{clear:both;font-size:1px;color:#fff}

.zgcnews {
	border-bottom: 1px dotted #eee;
}
.newstitle {
	font-weight: bold;
	margin: 5px 0;
}
.newsbody {
	font-size: .8em;
	margin: 5px 0;
}
.filter_table {
	width: 425px;
	margin: 5px;
	border-bottom: 1px solid #eee;
	font-size: .9em;
}
.th {
	font-weight: bold;
	font-size: .8em;
}
.filter_table td {
	padding: 5px;
}
.filter_table .td_pn {
	width: 75px;
}
.filter_table .td_desc {
	width: 175px;
}
.filter .td_wprice {
	width: 100px;
}
.filter_table .td_cart {
	width: 75px;
}
.spotlight_table {
	border-collapse: separate;
}
.spotlight_table td{
	width: 230px;
	text-align: center;
	border: 1px solid #eee;
}

.srch_table {
	width: 100%;font-family:Arial;font-size:8pt;color#000000;
}
.srch_img {
	width: 75px;
}
.srch_bot {
	width: 100%;font-family:Arial;font-size:8pt;color#000000;
}
.srch_bot td{
	width: 50%;
}
.srch_pn {
	text-align: right;
	font-family: Arial;
	color: #000000;font-size:8pt;
}
@media print {
    .noprint { display: none; }
}
@media screen {
    .printOnly { display: none; }
}