body{padding:0px; margin:0px; background:url(/img/bg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:center;}

#global {margin-left: auto; margin-right: auto; width:957px; text-align: left;}

table.logo{width:957px;}

table.error {width:100%; padding:5px; border:1px; border-color:#CC6600; background-color:#FFFFCC;}

.label{font-size:8pt;}

.searchbox{font-size:9pt; font-weight:bold; color:#F5951D; text-align:right; padding:20px 21px 0px 0px;}
.searchbox a{text-decoration:none; color:#F5951D;}
.searchbox a:hover{text-decoration:underline; color:#009EC6;}

.org {font-weight:bold; color:#F5951D;}
.blue {font-weight:bold; color:#009EC6;}

td.col1 { background: #f4f4f4; text-align: center; width: 15px; height: 15px; vertical-align:middle;}
td.col2 { background: #ebebeb; text-align: center; width: 15px; height: 15px; vertical-align:middle;}
td.header { width: 20px; height: 20px; text-align: center; }

.related {font-family:Helvetica, Geneva, Arial, sans-serif; color:#F5951D; font-size:12pt; font-weight:normal;}

form{padding:0px; margin:0px;}
.search{background:url(../img/search.jpg) no-repeat; width:52px; height:24px; border:0px;}
.searchtextbox{background:#E3E7ED; border:1px solid #7F9DB9; color:#646669; padding:2px 2px 2px 5px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left;}

table.menu{width:957px;}
td.menu{padding-bottom:2px;}

table.header{width:957px;}

table.fastorder{width:100%;}
td.fastorder-r {border-right:thin dotted #999999; padding:5px; vertical-align:top;}
td.fastoder-l {padding:5px; vertical-align:top;}

table.ordertable{width:100%;}

td.size {text-align:right; padding-right:10px;}

.catinput {border: 1px solid #666; width: 155px;}
.qtyinput {border: 1px solid #666; width: 50px;}

table.content{width:957px;}
td.content{padding-bottom:15px;}

.webspecials{background:url(../img/webspecials.jpg) no-repeat; width:267px; }
.requestsample{background:url(../img/requestsample.jpg) no-repeat; width:246px;}

#boxstyle{font-size:12px; text-align:left; padding:15px 10px 10px 15px;}
#boxstyle h1{font-family:Helvetica, Geneva, Arial, sans-serif; color:#333333; font-size:12pt; font-weight:normal; padding:0px 0px 5px 0px; margin:0px;}
#boxstyle h2{font-family:Helvetica, Geneva, Arial, sans-serif; color:#009AC2; font-size:12pt; font-weight:normal; padding:0px 0px 5px 0px; margin:0px;}
#boxstyle a{text-decoration:none; color:#F5951D; font-weight:bold;}
#boxstyle a:hover{text-decoration:none; color:#009EC6;}

.homeleft{padding:20px 22px 5px 22px; vertical-align:text-top; text-align:left;}
.homeleft h1{padding:0px 0px 10px 0px; font-family:Helvetica, Arial, sans-serif; font-size:16pt; color:#009EC6; margin:0px; font-weight:normal;}
.homeleft a{text-decoration:none; color:#F5951D;}
.homeleft a:hover{text-decoration:none; color:#009EC6;}

/* SIDENAV & SIDENAV LINKS*/
ul#sidelinks 
{
	list-style:none; 
	margin: 0px; 
	padding: 0px 0px 0px 10px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

ul#sidelinks li 
{  
	width:99%; 
	display:block;
	margin-left:0px;
}

ul#sidelinks li a 
{ 
	display:block; 
	padding-top:0px; 
	padding-bottom:2px; 
	padding-left:15px;
	width:99%; 
	text-decoration: none; 
	color:#009EC5;
	background:url(../img/arrow1.gif) 0px 4px no-repeat;  
}
ul#sidelinks li a:hover 
{ 
	padding-top:0px; 
	padding-bottom:2px; 
	padding-left: 15px; 
	width:99%; 
	color:#F5951D; 
	text-decoration: none; 
}
#sidelinkhover{color:#F5951D;}

.fourboxes{text-align:left; padding:0px 20px 0px 22px; vertical-align:text-top;}
.fourboxes h2{font-family:Helvetica, Geneva, Arial, sans-serif; color:#333333; font-size:12pt; font-weight:normal; padding:0px 0px 10px 0px; margin:0px;}
#boxborder{border-right:1px solid #D5D9DA;}

table.footer{width:957px;}
td.footer{padding:20px 10px 10px 22px; font-size:10px; line-height:1.4em; color:#999999;}
td.footer a{text-decoration:none; color:#999999;}
td.footer a:hover{text-decoration:underline; color:#000000;}

/* inner page */

table.innercontent{width:957px; padding:5px 0px 0px 0px;}

.leftpart{padding:0px 10px 0px 10px; background:#F3F4F4; text-align:left; vertical-align:top;}
.leftpart h2{font-family:Helvetica, Geneva, Arial, sans-serif; color:#333333; font-size:12pt; font-weight:normal; padding:0px 0px 10px 0px; margin:0px;}

.rgtpart{padding:25px 25px 25px 30px; text-align:left;}
.rgtpart a{color:#009EC5; text-decoration:none;}
.rgtpart a:hover{color:#F5951D; text-decoration:none; border-bottom:1px dotted #F5951D; text-decoration:underline;}
.rgtpart h1{padding:0px 0px 10px 0px; font-family:Helvetica, Arial, sans-serif; font-size:16pt; color:#009EC6; margin:0px; font-weight:normal;}
.rgtpart h2{padding:0px 0px 10px 0px; font-family:Helvetica, Arial, sans-serif; font-size:14pt; color:#F5951D; margin:0px; font-weight:normal;}

.productimgbrd{border:1px solid #C2C2C2;}
.product{color:#6A6A6A; font-weight:bold;}
.product a{text-decoration:none; color:#F5951D; font-weight:normal;}
.product a:hover{text-decoration:none; color:#F5951D;}

/* SYTLES FOR THE DROPDOWN MENUS */

/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.DropdownMenu {
	position:absolute;
	overflow:hidden;
	left:-10px;
	top:-10px;
	}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.DropdownMenu .content {
	position:absolute;
	}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs 

can be positioned underneath it */
.DropdownMenu .items {
	position:relative;
	left:0px; top:0px;
	border:1px solid #999;
	z-index:2;
	}

.DropdownMenu.top .items {
	border-top:none;
	}

/* each TR.item is one menu item */
.DropdownMenu .item {
    color:#666;
    font-size:11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
	}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the 

filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer 

gif inside this DIV is replaced by */
.DropdownMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
	-moz-opacity:.8;
	filter:alpha(opacity=85);
	}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by 

script. In IE5/mac, it uses a PNG */
.DropdownMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:3px; width:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by 

script. In IE5/mac, it uses a PNG */
.DropdownMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:3px; height:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.DropdownMenu .item.hover {
	background:#ffffff;
	color:#999;
	}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space 

between the text and the dingbat */
.DropdownMenu .item img {
	margin-left:10px;
	}