.body
	{
	color:#000000;
	font-size:10px;
	font-family:Verdana, Arial;
	white-space:normal;
	height: auto;
}
.tablecells
	{
	color:#333333;
	font-size:10px;
	font-weight:400;
	font-style:normal;
	font-family:Verdana, Arial;
	background:#F7F7F7;
	white-space:normal;
}
.tablenumber
	{
	color:#333333;
	font-size:10px;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Verdana, Arial;
	background:#F7F7F7;
	text-align:right;
	vertical-align:top;
	white-space:wrap;
	height: auto;
}
.tableheader
	{
	color:#333333;
	font-size:11px;
	font-weight:700;
	font-family:Verdana, Arial;
	vertical-align:top;
	background:#EAEAEA;
	height: auto;
	white-space: normal;
}
.pageheader {
	font-family: Verdana, Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
}
.highlights {
	font-family: Arial, Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
}
.headingsleft {
	font-family: Arial, Verdana;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
}
.menubody
	{
	color:#000000;
	font-size:11px;
	font-family:Arial, Verdana;
	white-space:normal;
	height: auto;
}
.innerheaders {
	font-family: Verdana, Arial;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #003300;
}
a:link {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	color: #333333;
	text-decoration: underline;
}
a:hover {
	color: #b51c1f;
	text-decoration: underline;
}
a:active {
	color: #000000;
	text-decoration: underline overline;
}
.highlightsital
	{
	color:#000000;
	font-size:12px;
	font-family:Verdana, Arial;
	white-space:normal;
	font-weight: bold;
	height: auto;
}

/*
	Additional styles
*/

/*
	styles the left headers (by use, by type, support)	
*/
.leftCat_Header{
	font-family: verdana, tahoma;
	font-size: 135%;
	text-align: center;
	color: #b51c1f;
	
	
}
/*
	styles the main content titles 
*/
.content_Header{
	font-family: verdana, tahoma;
	font-size: 100%;
	text-align: center;
	color: #000000;
	padding: 10px;
	
}/*
	styles the sub content titles 
*/
.content_SubHeader{
	font-family: verdana, tahoma;
	font-size: 95%;
	color: #000000;
	
	
}

/*
	styles the main content body
*/
.content_Body{
	font-family: verdana, tahoma;
	font-size: 60%;
	color: #000000;
	font-weight: normal;
	padding: 16px;
	
}

/*
	used by the custom alert when we switch over to 'custom' quote mode
*/
#overlay { visibility: hidden; position: absolute; left: 0px; top: 0px; width:100%; height:100%; text-align:center; background-image:url(/images/overlay.gif); z-index: 1000; }
#overlay div { width:400px; margin: 100px auto; background-color: #fff; border:1px solid #000; padding:15px; text-align:center; }
#overlay2 { visibility: hidden; position: absolute; left: 0px; top: 0px; width:100%; height:100%; text-align:center; background-image:url(/images/overlay.gif); z-index: 1000; }
#overlay2 div { width:400px; margin: 100px auto; background-color: #fff; border:1px solid #000; padding:15px; text-align:center; }

/*
	used by the lightbox overlay
*/
#lightboxoverlay { visibility: hidden; position: absolute; left: 0px; top: 0px; width:100%; height:100%; text-align:center; background-image:url(/images/overlay.gif); z-index: 1000; }
#lightboxoverlay div { width:400px; margin: 100px auto; background-color: #fff; border:1px solid #000; padding:15px; text-align:center; }

/*
notify the customer that there are multiple sizes
*/
.detailpage_pricetitle{
	font-size: 90%;
	font-weight: bold;
}
/*
	styles the breadcrumb links
*/
.mainContent_breadcrumb:link{
	color: #0e636b;
	font-size: 80%;
	text-decoration: none;
}.mainContent_breadcrumb:visited{
	color: #0e636b;
	font-size: 80%;
	text-decoration: none;
}.mainContent_breadcrumb:hover{
	color: #0e636b;
	font-size: 80%;
	text-decoration: none;
}.mainContent_breadcrumb:active{
	color: #0e636b;
	font-size: 80%;
	text-decoration: none;
}

.detailLink{
	font-size: 80%;
	text-decoration: none;
	font-weight: bold;
}

.detailLink:link{
	font-size: 90%;
	text-decoration: none;
}
.detailLink:visited{
	font-size: 90%;
	text-decoration: none;
}
.detailLink:hover{
	font-size: 90%;
	text-decoration: none;
}
.detailLink:active{
	font-size: 90%;
	text-decoration: none;
}

.subcatView:link{
	font-size: 80%;
	text-decoration: none;
}
.subcatView:visited{
	font-size: 80%;
	text-decoration: none;
}
.subcatView:hover{
	font-size: 80%;
	text-decoration: none;
}
.subcatView:active{
	font-size: 80%;
	text-decoration: none;
}

/*
	styles the basket contents on the right-side nav
*/

.basketContents{
	font-size: 90%;
}




/*
	styles the input box used on the search area
*/
.searchInputBox{
	font-family: verdana, tahoma;
	font-color: #cfcfcf;
	font-size: 80%;
}

/*
	styles the 'search' button
*/
.searchGoButton{
	padding-top: 3px;
}




/*
	styles the product cat link on pages like 
*/
.productCatName:link{text-decoration: none;}
.productCatName:hover{text-decoration: none;}
.productCatName:active{text-decoration: none;}
.productCatName:visited{text-decoration: none;}

/*
forms
*/

/*inputs*/
input {font-family: verdana; font-size: 11px;}
input.text {font-family: verdana; font-size: 10px;}
textarea {font-family: verdana; font-size: 11px; width:100%;}
input.button {font-family: verdana; font-size: 11px;}
select {font-family: verdana; font-size: 11px;}
.datatableHeader{font-family: verdana; font-weight: bold; font-size: 12px; padding:2px;}
.datatableContent{font-family: verdana; font-size: 12px; padding:4px;}
.dataTable{
	margin-left: 8px;
}
.dataEditWindowFieldsTable td{
	border-bottom: 1px solid #cccccc;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*
The following is used for bubble tips
*/
/*CSS for Bubble Tooltips by Alessandro Fulciniti
- http://pro.html.it - http://web-graphics.com */

.tooltip{
width: 350px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
    background: url(/images/bubbletips/bt_large.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(/images/bubbletips/bt_large.gif) no-repeat bottom}

/**
   used by the left-side submenut hat stays visible if it's for the current category
*/
.leftMenuPermVis{
	border-bottom: solid 1px #CCCCCC; display: block;font-family: verdana;font-size:70%;padding:5px;margin-left:10px;margin-right:10px; text-align:left; 
	text-decoration: none;
}
.leftMenuPermVis:link{
	text-decoration: none;
	color: #003366;
}
.leftMenuPermVis:visited{
	color: #003366;
	text-decoration: none;
}
.leftMenuPermVis:active{
	color: #003366;
	text-decoration: none;
}
.leftMenuPermVis:hover{
	color: #003366;
	text-decoration: none;
}