/* added by matt */
p, td, input, select, textarea, ul, form { font-family: Verdana, Arial; font-size: 11px; }
body.thrColElsHdr  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
h1 {color: #F7951F; font:Verdana; font-size: 14px; text-transform:uppercase;}
h2 {color: #F7951F; font:Verdana; font-size: 14px; text-transform:uppercase;}
h3 {color: #F7951F; font-size: 11px; }

div.main{
	margin:0;

	margin-top:5px;
	
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	position: relative;
}

div, ul, li, span {
    margin:0;
    padding:0;
}


#mainContent .products td {border-bottom: 1px solid #7579AD; height: 22px; vertical-align: top; font-size:10px}
#mainContent .products td.left {text-align: left}
#mainContent .products a:link {color:#f89520; text-decoration: none}
#mainContent .products a:hover {color: #0C2577; text-decoration: underline}
#mainContent .products a:visited {color: #666666; text-decoration: none}

#mainContent .products_th td {background-color: #666666; color: #ffffff; height: 22px; font-weight:bold;text-transform: uppercase; vertical-align:middle;}
#mainContent .products_th a:link {color:#ffffff; text-decoration: none;}
#mainContent .products_th a:hover {color: #f89520; text-decoration: underline}
#mainContent .products_th a:visited {color: navy; text-decoration: none}

#mainContent .grdadmin {border: #c0c0c0 1px solid;border-collapse:collapse;}
#mainContent .grdadmin_td {border-left: #eeeeee 1px solid;border-right: #eeeeee 1px solid;padding : 2px; font-size:11px }
#mainContent .grdadmin_th {background-color:#e0e0e0; color:Black;  padding : 3px }
#mainContent .grdadmin_th a:link {color: Black}
#mainContent .grdadmin_th a:visited {color: Black}
#mainContent .grdadmin_th a:hover {color: Black}

.ordertbl {border: #c0c0c0 1px solid;border-collapse:collapse; width:95%}
.ordertbl th {background-color: gray; color: white; font-weight: normal; }
.ordertbl .total {font-size: 14px; font-weight:normal; }
.ordertbl .total1 {font-size: 14px; font-weight:normal; border-top: 3px solid gray;}
.orderdtl {border: #c0c0c0 0px solid;border-collapse:collapse; width:95%}
.orderdtl th {color:black; text-align:left; font-weight:bold; font-size:10pt}

.total td { border-top: #7579AD 1px solid; padding-top:3px;}
.pagenum {font-size: 10px; color:#666666;}
.pagenum a{ color:#666666}
.mnu2 {text-transform:uppercase; }

.ProdsNav {width: 200px;   background-color: #ebebeb; padding:0px; margin:0px 10px 0 0;; float:left;}
.ProdsNav a {color:#666666; text-decoration:none;}
.ProdsNav a:hover {color: white;}
.ProdsNav h1 {font-size: 10px; padding:3px 0 3px 10px; margin:5px 0 0 0px; color: #ffffff; background-color:#f89520;}/*top categories*/
.ProdsNav h1 a {font-weight: bold; color:#333333; margin:0px;}
.ProdsNav h2 {font-size: 10px; padding-left:20px; text-transform:none; margin:5px 5px 0 0;}/*2nd cat*/
.ProdsNav h2 a:hover {color: #f89520;}
.ProdsNav h3 {font-size: 10px; padding-left:20px; text-transform:none; margin:5px 5px 0 0;}
.ProdsNav h4 {font-size: 10px; padding-left:20px; text-transform:none; margin:5px 5px 0 0;}
.prodmain a{color:#666666; text-decoration:none; border-bottom:1px solid #f89520;}
.prodmain a:hover{color:#f89520;}
.ProdsActual{ padding-left:10px;}/*product table space*/
.ProdsContainer{height:100%; }/*product lists and table together*/

.breadcrumbs{color:#f89520;}
.breadcrumbs a{color:#666666;}
.helpdrill {}
#helpdrill_title {
	height: 36px; width: 100%;
	margin: 0em; padding: 0 1 em;
	background:  url(images/title_help.gif) top left no-repeat;
	background-color: white;
	}
#helpdrill  { background-color: #AE9C36; }
#mainContent #helpdrill .prodlist li a { background :  url(images/help_vmenu1.jpg) repeat-x bottom left; color: #756B2B; }
#mainContent #helpdrill .prodlist li a:hover { background: url(images/help_vmenu2.jpg) repeat-x bottom left; color: #F7EEBA; }
#mainContent #helpdrill .prodlist .submenu li a {background:none; background-color:white;}
#helpdrill #prodlist_end_1 { background:  url(images/helplist_end1_1.gif)  no-repeat; }
#helpdrill #prodlist_end_2 { background:  url(images/helplist_end2.jpg) top left no-repeat; background-color:white;}	
#helpdrill .bt_var { background:none; background-color: #AE9C36; }
#mainContent #helpdrill .prodlist .submenu li .selected1 { background-color: #FDF7D2; color: #5B5422; }
#mainContent #helpdrill .prodlist .submenu li a:visited { color: #5B5422; }
#mainContent #helpdrill .prodlist .submenu li a:active { color: #5B5422; }
#mainContent #helpdrill .prodlist .submenu li a:link { color: #5B5422; }
#mainContent #helpdrill .prodlist .submenu li a:hover{ background:none; color: #A3953D; }

/* added by matt - end */
.thrColElsHdr #container { width: 1000px; background: #FFFFFF; margin: 10px auto; border: 1px solid #000000; text-align: left; } 
.thrColElsHdr #header { background: #ffffff; padding: 10px 10px 0px; float: left; } 
.thrColElsHdr #header h1 { margin: 0; padding: 10px 0; }
.thrColElsHdr #sidebar1 { float: left; width: 13em; padding:0; margin: 0 0 0 10px; _margin: -15px 0 0 10px; _display:inline; height: 861px; background-color: #EBEBEB; }
.thrColElsHdr #sidebar2 { float: right; width: 9em; background: #EBEBEB; margin: 0 10px 0 0;  _display:inline; height: 861px; _height: 840px; }
.thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar1 p, .thrColElsHdr #sidebar2 p, .thrColElsHdr #sidebar2 h3 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}
.logintable{background-color:#ebebeb;padding:10px;}
.logintable a{color:#f89520;}
.thrColElsHdr #loginmenu { float: right; padding-left: 190px; padding-top: 30px;}
.thrColElsHdr #searchdiv { float:right; padding-top: 30px;}
.thrColElsHdr #logo{
	border: none;
	width: 215px;
	float:left;
	padding: 10px 10px 0px 0px;
	
}

.thrColElsHdr #mainContent {
	/*margin: 0 10em 0 14em;*/
	margin: -20px 10.5em 0 1em;
} 
.thrColElsHdr #footer {
	padding: 0px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
	text-align: center;
	font-family: arial;
	font-size: 10px;
	color: #666666;
	margin-left:10px;
	margin-right: 10px;
	margin-top: 0px;
} 
.thrColElsHdr #footer p {
	/*margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	margin: 10px 0 0 0;
	_display: inline;
	}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	

}
.about{
	color:#FFFFFF;
	float: right;
	font: arial;
	font-size: 9px;
	padding: 20px 8px;
	font-weight: normal;
}
.about a{
	color:#FFFFFF;
	text-decoration: none;
	
}
.about a:hover{
	
	text-decoration: underline;
	
}
.track{
	color:#f89520;
	font: arial;
	font-size: 10px;
	font-weight: normal;
	margin-top: 30px;
	padding-top: 30px;
}
.track a{
	color:#f89520;
	text-decoration: none;
	
}
.track a:hover{
	
	text-decoration: underline;
	
}
.glossymenu{
	padding: 0 0px 0 0px;
	margin: 0 auto 0 auto;
	height: 36px;
	list-style: none;
	float: left;
	width: 980px;
	background: url(img/bg.gif) top left repeat-x;
	font-weight: normal;
	margin-bottom: 20px;
	
	
	_margin-bottom:0;
	
}

.glossymenu li.tabmenu{
	float:left;
	width: auto;
	 
	list-style: none;
}

.glossymenu li.tabmenu  a{
	float: left;
	display: block;
	color:#666666;
	text-decoration: none;

	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 36px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;
	background: url(img/left_2.gif) no-repeat left top;	
}

.glossymenu li.tabmenu a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
	background: url(img/right_2.gif) no-repeat right top;
}

.glossymenu li.current a, .glossymenu li.tabmenu a:hover{
	color: #003366;
	background: url(img/left.gif) no-repeat left top;
	margin-bottom: 0px;
}

.glossymenu li.current a b, .glossymenu li.tabmenu a:hover b{
	color: #003366;
	background: url(img/right.gif) no-repeat right top;
}
.categ1{
	color: #F7951F;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	padding: 5px 0 5px 10px;
	
    font-size: 12px;
	margin:0px;
	_margin:-20px 0 0 0;


		font-weight: bold;
	border-bottom: 2px solid #999999;
		border-bottom: 2px solid #999999;
}
/*right nav*/
 #navcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navcontainer a
{
	display: block;
	color: #666666;
	background-color: #EBEBEB;
	
	text-decoration: none;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	font-size: 10px;
	padding: 5px 0 5px 15px;

	
}

#navcontainer a:hover
{
	background-color: #999999;
	color: #FFFFFF;
	
	
	
	
}
.cart
{
	
	background-color:#FFCC66;
	padding: 10px 5px 10px 5px;
	_padding: 5px 5px 5px 5px;
	font: Arial;
	font-size: 10px;
	color: #666666;
	background-repeat: no-repeat;
	background-position: 10px 15px;
	margin-top: 0px;
	_margin:-40px 0 0 0;
	text-align: center;
	text-decoration: none;
	
}
.cart2{ color:#cc6600; font-weight:bold; font-size:10px; text-decoration:none }



.btn
{
	padding: 3px;
	_padding: 1px;
	font-size: 10px;
	font: Arial;
	font-weight: bold;
	margin: 0px;
	margin-right: 10px;
	text-transform: uppercase;
	cursor: hand;
	color: white;
	text-align: center;
	background-color: #f89520;

	text-decoration: none;
	border=0px;
	
}

.btn_so
{
padding: 0px;
	
	font-size: 10px;
	font: Arial;
	font-weight: bold;
	margin: 0px;
	text-transform: uppercase;
	cursor: hand;
	color: white;
	text-align: center;
	background-color: #f89520;
	border=0px;

}






.button
{
	background-image: url(img/button_m.png);
	font: Arial;
	color: #FFFFFF;
	border-bottom-style: groove;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	margin:0;
    text-transform: uppercase;	
	text-decoration: none;
}
.button2
{
	background-image: url(img/button_m.png);
	font: Arial;
	color: #ffffff;
	border-bottom-style: groove;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	padding: 3px;
	margin:0;
    text-transform: uppercase;	
}
.button3
{
	background-image: url(img/button_m.png);
	font: Arial;
	color: #ffffff;
	border-bottom-style: groove;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding: 2px;
	margin:0;
    text-transform: uppercase;	
}
.button a
{

	font: Arial;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	
}
.button a:hover
{
	color: #1C3A6A;
}

.path
{
	font-size:10px;
	color:#003366;
	margin-bottom: 10px;
	font: Arial;
}

.featured_text
{
	font: Arial;
	font-size:12px;
	font-weight: bold;
	color: #ffffff;
	padding: 5px;
	background: url(img/bg.gif) top left repeat-x;
}
.productBox {
	background-color:#EBEBEB;
	padding: 10px 20px 20px 20px;
	height: 565px;
}
.subBox {
	background-color:#FFFFFF;
	width: 180px;
	height: 275px;
	text-align: center;
	color: #000033;
	font-size: 10px;
	font-weight: bold;
	float:left;
	_display: inline;
	margin: 6px;
	padding: 0;
}
.price{
	color:#F79520;
	font-weight: bold;
	font-size: 12px;
}
.productImage{
	text-align:center;
	padding: 10px;
}
.productName{
	text-align:center;
	color:#003366;
	padding-top: 5px;
}

.productQty{
	text-align:center;
	color:#FF9900;
	margin-top: 5px;
	font-weight: bold;
	font-size: 11px;
}


.textfield{
	border: 1px solid #F79420;
	height: 15px;
	width: 25px;
	vertical-align: middle;
	color: #F7951F;
}

.prodetail_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #F1801D;
}
.prodetail_image{float: left; width:200px; height: 200px;border: 1px solid #F1801D; text-align:center;}

.prodetail_box{ float: left; width:350px; margin-left: 20px; }
.prodetail_code{ font-size:12px; color:#666666;font-weight:bold; margin-left: -10px; padding: 5px 0 5px 10px; width: 100%; background-color:#cccccc}
.prodetail_qty{font-size:12px; font:Arial; font-weight:bold; color: #F1801D;}
.prodetail_cat{font-size:10px; font:Arial; font-weight:bold; color: #666666;}
.CategoryPath a{color: #666666;}
.CategoryPath a:hover{color: #F1801D;}

.qty_box{width:40px; border:1px solid #F1801D;}
.prodesc_txt{font-family:Arial, ; font-size:12px; color:#666666;font-weight:bold;  text-align:right; }
.prodesc_box{border:1px solid #CCCCCC;}
.prodesc_title{background-color:#CCCCCC;}
.desc{font:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}

.hlt { color:red; font-weight: normal; }

.prodetail_addtofav { background-image:url(images/atf.gif);background-repeat: no-repeat;font-size: 22px; text-decoration: none;margin-top:-25px;margin-right:140px;padding:8px;z-index:2;float:right}
.prodetail_delfromfav {background-image:url(images/dff.gif);background-repeat: no-repeat; font-size: 22px; text-decoration: none;margin-top:-25px;margin-right:140px;padding:8px;z-index:2;float:right}

.printlink {margin-top: 20px; }

.featuredprod { background-color:#ffffff; border:1px solid orange; width:160px; text-align: center; float:left; text-decoration:none; cursor:hand; margin-top:-1px;}
.featuredprod a { text-decoration:none; }
.featuredprod .desc {color: Navy; tesxt-transform:uppercase; font-weight:bold; font-size:10px; height:40px;}
.featuredprod .code { font-size:10px; color:#666666; font-weight:bold;}
.featuredprod .price { font-size:18px; color:orange; font-weight:bold;}
.featuredprod .extra 
{
    margin: 100px 10px 5px 18px; 
    height: 46px; vertical-align:middle; 
    baackground-color: orange; 
    padding:2px 8px 4px 8px; z-index:20;   
    font-size:11px; color: White; font-weight:bold; line-height:12px;
    background-image:url(images/unibox.gif);
}

.featuredprod1 { height: 220px; background-color:#ffffff; border:1px solid orange; width:160px; text-align: center; float:left; text-decoration:none; cursor:hand; margin-top:-1px;}
.featuredprod1 a { text-decoration:none; }
.featuredprod1 .desc {margin-top: 130px; color: Navy; tesxt-transform:uppercase; font-weight:bold; font-size:10px; aheight:40px;}
.featuredprod1 .code { font-size:10px; color:#666666; font-weight:bold;}
.featuredprod1 .price { font-size:16px; color:orange; font-weight:bold;}
.featuredprod1 .extra 
{
    margin: 5px 5px 5px 5px; 
    aheight: 48px; vertical-align:middle; 
    abackground-color: orange; 
    apadding:2px 8px 4px 8px; z-index:20;   
    font-size:9px; color: orange; font-weight:bold;
}

.tt_tabmenu { }
.tt_tabmenu UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #e0e0e0; HEIGHT: 18px }
.tt_tabmenu UL LI { BORDER-LEFT: white 1px solid; PADDING-RIGHT: 5px; DISPLAY: inline; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: middle; PADDING-TOP: 5px; HEIGHT: 20px }
.tt_tabmenu UL LI A { COLOR: black; TEXT-DECORATION: none }
.tt_tabmenu UL LI A:visited { COLOR: black; TEXT-DECORATION: none }
.tt_tabmenu UL LI A:hover { COLOR: gray; TEXT-DECORATION: none  }
.tabonli { BACKGROUND-COLOR: whitesmoke; HEIGHT: 20px }
.tabonli A:hover { COLOR: black; TEXT-DECORATION: none }

.thrColElsHdr #mainContent {margin-top: 0px;}
#ctl00_MPMain_pnlCategs, .Table1 {margin-top: -14px;}