* {margin:0; padding:0;	font-size:100%; font-family:Arial, Helvetica, sans-serif; }


.ModalPopupBoxes{background-image:url(images/PopupBoxes.jpg); position:absolute; width:300px; height:300px;}
.PopupBoxes{background-image:url(images/PopupBoxes.jpg); position:absolute; visibility:hidden; width:300px; height:300px;}
.PopupDrag{width:270px; height:21px; cursor:move;}
.PopupClose{width:30px; height:21px; cursor:default;}
.LoginPopupBox{position:relative; width:800px; text-align:left;}
.header {background-color:Black; min-height:100px;}
.headerLogin{text-align:left;}
.headerbartop {
    height:30px; 
    color:#fff; font-size:small; font-weight:bold; 
    background: #000; color: #fff;
    vertical-align:middle; 
    padding-top:2px; padding-left:10px; padding-bottom: 2px;
    }
.headerbartop td {
    margin:0; padding:0;}
    
.headerbarleft {float:left;}
div.headerbarright {float:right; color: #fff; font-size: small;}

.navbar {height: 30px; background-color: #F4F4F4;}

.main {width:800px; margin-left:auto; margin-right:auto;}

.acctNotLoggedIn td, .acctLoggedIn td {font-size: small;}
.acctLoggedIn ul li {margin: 0px 0px 0px 40px; list-style-type: square;}

.content {width:100%; clear:both;}
.column01 {float:left; width:220px;}
.column03 {float:right; width:130px;}
.column02 {float:right; width:550px; padding-left:20px; font-size: x-small;}
.column02 td {font-size:small;}
.column04 {float:left; width:550px; margin-left: 20px;}
.resultsColumn02 {float:left; width:600px; padding-left:10px; font-size:small;}

.columnright {float:left; width:650px; padding-left:15px;}
/*.categories {float:left; padding-left:10px; color:gray; font-size:x-small; height:100%; width:100%; font-weight:bold;}*/
h2.categoryTitle {font-size: 1.25em; color: #444; margin: 5px 0 15px 0;}
/* see ContentStyle for link colors in categories section */
.panels {width:100%;}
.advertising { min-height:100px; width:100%; text-align:center;}
.promos { float:right; width:90%; height:100%; color:gray; font-weight:bold; padding-left:5px;}
.breadcrumbs {min-height:25px; padding-left:10px;}
.login {padding-left:10px; padding-top:10px; font-size: small;}
.login a {text-decoration:none;}
.title {color:Gray; font-size:medium; font-weight:bold; padding-top:15px; padding-left:15px;}

.footer { margin-left:auto; margin-right:auto; height:60px; background-color:Black;}

/* MAIN MENU */
#menu {background:#151515; float:left; list-style:none; margin:0; padding:0; width:100%; font-size:x-small; font-weight:bold;}
#menu li {float:left; margin:0; padding:0;}
#menu a {background:#151515 url('images/seperator.gif') bottom right no-repeat;	color:#ccc; display:block; float:left; margin:0; padding:8px 6px 8px 7px; text-decoration:none; font-weight:bold; font-size: 1.1em;}
#menu a:hover {background:#0070DF url('images/hover.gif') no-repeat center bottom; color:#fff; padding-bottom:8px;}

/* CLOSES THE HEADER NAVIGATION */
#navclose {height:20px; color:Black; font-size:small; font-weight:bold; cursor:pointer; vertical-align:top; text-align:right; padding-right:10px; padding-bottom:5px;background-image:url(images/BreadcrumbBackground.jpg); background-repeat:no-repeat; }
#navclose a {text-decoration: none; font-size: small;}

/* MY ACCOUNT PAGE */
.myaccount dt {font-size:small; color:Blue;}
.myaccount dd {font-size:small; padding-left:20px; padding-bottom:20px;}

.acctNotLoggedIn ul li {margin-left: 30px; list-style-type: square;}
.acctNotLoggedIn ul {margin-top: 10px;}

/* modal popup boxes */
.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7;}
.modalPopup {background-color: White; border-width: 3px; border-style: solid; border-color: Gray; padding: 3px; width: 400px; }

/* this overrides some of the ajax auto-generated code */

.ajax__tab_body {
    min-height: 80px;
    font-size: small;
    padding: 0px;
    }


/* MAIN ELEMENTS */
body 
{
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: small; 
	color: #000000; 
	width: 100%; 
	margin:0px 0px 0px 0px;
	background-color:#F5F5F5;

}

.SiteMain
{
    width:800px;
    margin-left:auto;
    margin-right:auto;
}

.SiteHeaderContainer
{
    background-image:url(images/WebsiteBackgroundHeader.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width: 100%;
    margin: 0 auto;
    height:310px;
    margin-top:-7px;
}



.SiteHeader
{
    width:800px;
    margin:0 auto;
    
}

.SiteHeaderTop
{
    width:800px;
    height:103px;
    margin:7px 0px 0px 0px;
}

.SiteHeaderTopLeft
{
    float:left;
    width:250px;
    height:60px; 
}

.SiteHeaderTopRight
{
    float:right;
    width:550px;
    vertical-align:middle;
    padding-top:10px;
}

.SiteHeaderButtons
{
    padding-left: 25px;
    float: left;
    font-size: x-small;
}

.SiteHeaderButtons a
{
    text-decoration:none;
    color: #000066;
}
    
.SiteHeaderBottom
{
    width:800px;
    height:100px;   
}

#SiteNavigation
{
    width:800px;
    height:40px;
}

.SearchBanner
{
    width:800px;
    height:90px;
}

.ProductSearch
{
    width: 220px;
    height: 75px;
    background-image:url(images/SearchBackground.jpg);
    border: solid 1px #CCCCCC;
    float:left;
    padding-top:15px;
    text-align:left;
    color:#FFFFFF;
    padding-left:10px;
}

.ProductSearch a
{
    text-decoration:none;
    color:#FFFFFF;
    font-size:medium;
    font-weight:bold;
}

.SearchBannerAds
{
    float:right;
    width:534px;
    border:solid 1px #CCCCCC;
    background-image:url(images/flukebanner.jpg);
    min-height:90px;
}

.SiteContentContainer
{
    background-image:url(images/WebsiteBackgroundContent.jpg);
    background-repeat:repeat-y;
    background-position:center;
    width:100%;
    margin: 0 auto;
}


.SiteContent
{
    width:800px;
    background-color:#FFFFFF;
    margin: 0 auto;
}

.footerContainer
{
    background-image:url(images/WebsiteBackgroundFooter.jpg);
    background-position: center;
    background-repeat:no-repeat;
    width:100%;
    margin: 0 auto;
}


.advertising
{
    padding-top:35px;
}

/* New Site Menu (chrome) */

#chromemenu{
width: 100%;
font-weight: bold;
font-size: 75%;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{

width: 100%;

padding: 5px 0px;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a
{
    color: #000040;
    padding: 5px 12px;
    margin: 0;
    text-decoration: none;
    border-right: 1px solid #CCCCCC;
}

#chromemenu ul li a:hover{

}

.SiteMapFooter
{
    background-color: #666666;
    color: #496F94;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: x-small;
    min-height: 300px;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(images/FooterBackground.jpg);
    padding-top:15px;
}

.SiteMapFooter a
{
    text-decoration:none;
    color:#496F94;
}

.SiteMapFooter a:hover
{
    text-decoration:none;
    color:#496F94;
}

.SiteMapFooter a:visited
{
    text-decoration:none;
    color:#496F94;
}

.SiteMapFooter a:link
{
    text-decoration:none;
    color:#496F94;
}

.SiteMapFooter a:active
{
    text-decoration:none;
    color:#496F94;
}


.SiteMapFooter li
{
    list-style-image: none;
}

.SiteMapFooter h5
{
    font-weight: bold;
    color: #496F94;
}

.FooterColumns
{
    float:left;
}

.FooterSpacer
{
    width:35px;
    float:left;
}

.FooterInside
{
    margin-left:auto;
    margin-right:auto;
    width: 800px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-top:20px;
}

.search
{
    min-height:550px;
    padding-left:100px;
    padding-right:100px;
    padding-top:50px;
}

/* Header Tab Control*/
/*------------------------------------------------------*/
/* default layout */
.HeaderTabs__tab_default .ajax__tab_header {white-space:nowrap;}
.HeaderTabs__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.HeaderTabs__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.HeaderTabs__tab_default .ajax__tab_tab
{
    margin-right: 4px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    display: -moz-inline-box;
    display: inline-block;
}

/* xp theme */
.HeaderTabs .ajax__tab_header
{
    font-family: verdana,tahoma,helvetica;
    margin-top:3px;
    font-weight:bold;
    color:#FFFFFF;
    font-size: 11px;
    background: url(images/tabs/tab-line.gif) repeat-x bottom;
}
.HeaderTabs .ajax__tab_outer
{
    padding-right: 0px;
    background: url(images/tabs/tab-right.gif) no-repeat right;
    height: 21px;
}
.HeaderTabs .ajax__tab_inner
{
    padding-left: 3px;
    background: url(images/tabs/tab-left.gif) no-repeat;
}
.HeaderTabs .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(images/tabs/tab.gif) repeat-x;}
.HeaderTabs .ajax__tab_hover .ajax__tab_outer {background:url(images/tabs/tab-hover-right.gif) no-repeat right;}
.HeaderTabs .ajax__tab_hover .ajax__tab_inner {background:url(images/tabs/tab-hover-left.gif) no-repeat;}
.HeaderTabs .ajax__tab_hover .ajax__tab_tab {background:url(images/tabs/tab-hover.gif) repeat-x;}
.HeaderTabs .ajax__tab_active .ajax__tab_outer {background:url(images/tabs/tab-active-right.gif) no-repeat right; color:#FF0000;}
.HeaderTabs .ajax__tab_active .ajax__tab_inner {background:url(images/tabs/tab-active-left.gif) no-repeat; color:#FF0000;}
.HeaderTabs .ajax__tab_active .ajax__tab_tab {background:url(images/tabs/tab-active.gif) repeat-x; color:#FF0000;}

.HeaderTabs .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #FFFFFF;
}

/* scrolling */
.HeaderTabs__scroll_horiz {overflow-x:scroll;}
.HeaderTabs__scroll_vert {overflow-y:scroll;}
.HeaderTabs__scroll_both {overflow:scroll}
.HeaderTabs__scroll_auto {overflow:auto}


#Categories
{
    width:210px;
    font-size:small;
    background-color: #406DD6;
}


#LeftPanel
{
    width:230px; 
    float:left;
    font-size:small;
}
#LeftPanel a
{
    text-decoration: none;
    color: #FFFFFF;
    font-size:small;
}

.LeftPanelHeader
{
    background-image:url(images/CollapseHeader.jpg);
    background-repeat:no-repeat;
    height:32px;
    width:230px;
    cursor:pointer;
}

.LeftPanelContent
{
    background-image:url(images/CollapseBodyMiddle.jpg);
    background-repeat:repeat-y;
    width:230px;
    font-size:small;
}

.LeftPanelLink
{
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    font-size:small;
}

.CategoriesItem
{ 
    color:#FFFFFF;
    background-color:#406DD6;
    border-bottom: solid 1px #cccccc;
    border-bottom-color: #cccccc;
}


.CategoriesItem a
{
    color:#FFFFFF;
    text-decoration:none;
    font-size:small;
}

.CategoriesItem a:hover
{
    color:#FFFFFF;
    text-decoration:none;
    font-size:small;
    background:none;
}

.CategoriesItem :hover
{
    background: url(images/DrillHover.jpg) center center repeat-x;
    height:100%;
    font-size:small;
}



.CategoriesList a
{
    color:#FFFFFF;
    text-decoration:none;
    font-size:small;
}

.CategoriesList a:hover
{
    
    text-decoration:none;
    font-size:small;
}

.LoginModalBackground
{
    background-color:#FFFFFF;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.LoginModalPopup
{
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    padding: 15px;
    width: 200px;
}

.RegisterModalBackground
{
    background-color:#FFFFFF;
    filter:alpha(opacity=50);
    opacity:0.5;
}

.RegisterModalPopup
{
    background-image:url(images/NewAccountBoxes.jpg);
    background-repeat:no-repeat;
    padding: 0px 15px 15px 15px;
    width: 550px;
    height:550px;
    
}

.NeedLoginModalBackground
{
    background-color:#FFFFFF;
    filter:alpha(opacity=20);
    opacity:0.2;
}

.NeedLoginModalPopup
{
    background-image:url(images/NeedLoginBoxes.jpg);
    background-repeat:no-repeat;
    padding: 0px 15px 15px 15px;
    width: 600px;
    height:550px;
}


.QuickLookModalPopup
{
    background-image:url(images/QuickLookBoxes.jpg);
    width:470px;
    height:550px;
}

.PopupDrag
{
    width:430px; 
    height:40px; 
    cursor:move;
}

.Highlighter
{
    background-color: #FFFF00;
    filter:alpha(opacity=70);
    opacity:0.7;
    height:200px;
    width:300px;
    top:180;
    left:20;
    position:absolute;
}

.HighlighterButton
{
    vertical-align:middle; 
    padding-left:10px;
}

.SearchModalPopup
{
    
}

.addButton
{
    vertical-align:middle;
}

.NewSearchButton{

    vertical-align:middle; 
    padding-left:10px; 
    text-decoration:none;
}

/* ajax__tab_yuitabview-theme theme (img/yui/sprite.png) */
.ajax__tab_yuitabview-theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    border-bottom:solid 5px #2647a0;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(images/yui/sprite.png) #d8d8d8 repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(images/yui/sprite.png) #bfdaff repeat-x left -1300px;
}

.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_tab
{
    color:#fff;
    cursor:pointer;    
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer
{
    background:url(images/yui/sprite.png) #2647a0 repeat-x left -1400px;
}
.ajax__tab_yuitabview-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:#ffffff;    
    border:solid 1px #808080;
    border-top-width:0px;
}

/* ajax__tab_hubbell-theme theme (img/HubbellSelector/sprite.png) */
.ajax__tab_hubbell-theme .ajax__tab_header
{
    font-family: arial,helvetica,clean,sans-serif;
    font-size: small;
    border-bottom: solid 5px #2647a0;
    border-bottom-color: #FF9900;
}
.ajax__tab_hubbell-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(images/HubbellSelector/sprite.png) #d8d8d8 repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}
.ajax__tab_hubbell-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_hubbell-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(images/HubbellSelector/sprite.png) #bfdaff repeat-x left -1300px;
}

.ajax__tab_hubbell-theme .ajax__tab_hover .ajax__tab_tab
{
    color:#000;
    cursor:pointer;    
}
.ajax__tab_hubbell-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#000;
}
.ajax__tab_hubbell-theme .ajax__tab_active .ajax__tab_outer
{
    background:url(images/HubbellSelector/sprite.png) #2647a0 repeat-x left -1400px;
}
.ajax__tab_hubbell-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:#ffffff;    
    border:solid 1px #808080;
    border-top-width:0px;
}

.poWatermark
{
    color: #FF0000;
    font-style: italic;
}

.watermark
{
    color: #999999;
    font-style: italic;
}

.modalPopups
{
    background-color:#000000;
    filter:alpha(opacity=70);
    opacity:0.7;
}

#goingGreen
{
    text-align:right; 
    padding-right:15px;
    margin-top:-20px;
}

.categoryText
{
    padding: 10px 0px 0px 10px;
}

.productResultsBody
{
    width: 99%; 
    margin: 0 0 10px 0px;
}

.greenHover
{
    background-image:url(images/greeHover.gif);
    width:100px;
    height:100px;
}

.editHyperlinks
{
    font-size:x-small;
    font-family:Arial;
    color:#000000;
    background-image:url(editHyperlink.gif);
    background-repeat:no-repeat;
}

/* Searh Toolbox Menu Options */
#fisheye_menu {
	list-style: none;
	padding: 25px 0 0 50px;
	margin: 10px;
	height: 81px;
}
#fisheye_menu li {
	position: relative;
	display: block;
	float: left;
}
#fisheye_menu span {
	position: absolute;
	top: 100%;
	left: 0;
	text-align: center;
	width: 79px;
	padding: 1px;
	margin: 0;
	border: solid 1px #bbb;	
	color: #333;
	background: #eee;
}
#fisheye_menu a {
	text-decoration: none;
}
#fisheye_menu img {
	border: 0;
	vertical-align: top;
}