body
{
	margin-left:0;
	margin-top:0;
	text-align:center;
	background-color:#FFFFFF;
}
p
{
text-align: justify;
}
form
{
	margin:0;
	padding:0;
}
hr
{
    color:#000000;
    margin:0;
    padding:0;
    height:1px;
}
select
{
    font-size: 11px;
}
select.productfinder
{
   width:170px;
}
select.hottipfinder
{
    font-size: 10px;
}
td, .bodycopy 
{
	font-family: Verdana, "Arial", Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
.contentwhite
{
	font-family: Verdana, "Arial", Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
.textRed
{
color: red;
}
.textWhite
{
color: #ffffff;
}
.title
{
	font-family: Verdana;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}
h2
{
	font-family: Verdana;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	font-style: normal;
	color:#0076BF;
}
h3
{
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	font-style: normal;
    margin: 0;
}
h1
{
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	font-style: normal;
    margin: 0;
    background-color: #000000;
    color: #ffffff;
}
#wrapper
{
	width:890px;
	position:absolute;
	margin-left:-450px;
	left:50%;
}
#topsection
{
	width:890px;
	height:92px;
	margin:0;
	text-align:left;
	background-color:#000000;
	position:relative;
}
#topNav
{
	position:absolute; 
        top:60px; 
        text-align:center; 
        left: 215px;
}
#orderNav
{
	position:absolute;
    top:5px;
    left:350px;
    text-align:left;
 white-space: no-wrap;
}
#hottipfinder
{
	position:absolute; 
        top:35px; 
        text-align:right; 
        left: 685px;
}
#productFinder
{
	position:absolute;
	left: 0px;
	top: 350px;
	width: 185px;
}
#content
{
	position:absolute;
	left:200px;
	top:113px;
    width: 700px;
    z-index:20;
}
#specials
{
    color: #268ECD;
    text-transform:capitalize;
    font-weight: bold;
    background-color: #AAE1FA;
    width: 400px;
    padding: 5px 5px 5px 5px;
}
#legalText, a.legalText, .legalText
{
	position:relative;
	background-color:#FFFFFF;
	color:#A7A9AC;
	font-size: 12px;
	text-align:center;
	font-weight:bold;
	padding-top: 15px;
}
a.topnav
{
	text-decoration: none;
	color:#ffffff;
	font-weight:bold;
	font-family:Verdana;
	font-size:13px;
}
a.ordernav
{
	text-decoration: none;
	color:#A7A9AC;
	font-weight:bold;
	font-family:Verdana;
	font-size:12px;
}
a.nav
{
	text-decoration: none;
	color:#AAE1FA;
	font-weight:bold;
	font-family:Verdana;
	font-size:13px;
}
.textFA8826
{
	color: #FA8826;
}
.textwhite
{
	color: #ffffff;
}
.productCaption
{
	color: #0076BF;
    font-style: italic;
    font-weight: bold;
}
.productPrice
{
	color: red;
    font-weight: bold;
}
.productIncludes
{
    font-size: 11px;
}
.compatibleBrands
{
    font-size: 11px;
	text-transform:capitalize;
}
input.addToCart
{
	background-color: red;
    color: #ffffff;
    font-size: 9px;
    font-weight: bold;
    font-family: Tahoma;
    cursor: hand;
}
/* for the menus */
ul.menu 
{
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
}
ul.menu li
{
    position: relative;
    list-style: none;
    width: 185px;
    margin: 0;
    padding: 0;
}

ul.menu li a,
ul.menu li span
{
    display: block;
    text-decoration: none;
}
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is menuHorizontal. This allows us to force the top tier of the menu to layout */
/* horizontally, whereas all subsequent tiers of the menu lay out vertically. */
.LeftMenu .menuVertical
{
    position:absolute;
    top: 113px;
    left: 0px;
    z-index: 10;
}

/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */
.LeftMenu ul.menu
{
    width: 185px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    text-align:center;
    margin: 0;
    padding: 0;
}

/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.LeftMenu ul.menu li
{
    background:#AAE1FA;
    margin: 0;
    padding: 0;
    border: 1px solid #97B8C8; 
    border-left: 0; 
    border-top: 0; 
    border-right: 0; 
}
/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.LeftMenu ul.menu li a,
.LeftMenu ul.menu li span
{
    color: #268ECD;
    padding: 8px 0px 8px 0px;
    text-align: center;
    width: 185px;
}

/* When a menu item contains no submenu items it is marked as a "leaf" and it is selected and can be styled specially by this rule. */
.LeftMenu ul.menu li.menuLeaf-Selected a,
.LeftMenu ul.menu li.menuLeaf-Selected span
{
    background-color: #268ECD;
}

/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the menuHover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.LeftMenu ul.menu li:hover, 
.LeftMenu ul.menu li.menuHover
{
    color: #ffffff;
}

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.LeftMenu ul.menu li a:hover,
.LeftMenu ul.menu li span.Asp-menuHover
{
    color: #ffffff;
}

.LeftMenu ul.menu li.menuLeaf a:hover
{
    background: #268ECD;
}
.LeftMenu ul.menu li.menuLeaf-Selected a:hover
{
    background: #268ECD;
}