f/* From ASP CART */
TD, SPAN, DIV, OPTION, SELECT, BODY, P, .fbody  { font-size: 11px; font-family: Arial, Verdana, sans-serif;}
INPUT, TEXT, TEXTAREA, SELECT, SUBMIT  {  font-size: 11px; font-family: Arial, Verdana, sans-serif;}
.CardinalText   {  color: #0000FF; font-family: Verdana, Geneva, arial,helvetica; font-size: 11px; font-weight: normal;}
.default  {  color: #444444; text-decoration: none; font-size: 11px;}
.nav  {  color: #0000FF; font-size: 11px;}
.navHi  {  color: #444444; font-size: 11px;}
.navClean  {  font-size: 11px; text-decoration: none;}
.greeting  {  color: #444444; font-weight: bold;}
.error  {  color: #FF0000;}
.errorLg  {  color: #FF0000; font-weight: bold; font-size: 13px;}
.label  {  color: #444444; font-weight: bold; text-align:right;}
.copyright  {  font-size: 11px; line-height: 16px}
.title  {  color: #99CC33; font-weight: bold; font-size: 15px;}
.titleGray  {  color: #9A9A9A; font-weight: bold; font-size: 15px;}
.titleGrayLt  {  color: #9A9A9A; font-size: 15px;}
.mbTitle  {  color: #000000; font-weight: bold; font-size: 13px;}
.poptitle  {  color: #444444; font-weight: bold; font-size: 15px;}
.blueBold  {  color: #9999CC; font-weight: bold;}
html[xmlns] .mozclear  {  border-bottom: 1px solid; border-color: transparent; margin-bottom: -1px;}
a, a:link, a:visited, a:active  {  text-decoration: underline;}
a:hover  {  text-decoration: none;}
hr  { color:#ccc; height:1px; margin:0; padding:0; border:none 0;}
label  {  cursor: pointer;}
table  {  font-size: 100%;}
td, th  {  vertical-align: top;}
.clear  { clear: both; line-height: 0; margin: 0; padding: 0;}
.hide { display: none;}
.center  { text-align:center;}
.right { text-align:right;}
span.rowleft  {  float: left; text-align: left; color: #fff; width: 49%;}
span.rowright  {  float: right; text-align: right; color: #fff; width: 49%;}

/* Page layout */
body  {  padding: 10px 0; margin: 0; background: #fff url('images/bkgd.gif') repeat-x; color: #000; font-family: arial, helvetica, sans-serif; font-size: 80%; /* set default font size */}
#row1  { height:100px; background-color:#fff;}
#wrapper  {  background-color:#fff; padding:0; margin: 0 5%; /* set side margins here, IE doesn't like it set on the body */
	min-width: 40em; /* IE doens't understand this property. */ 
	width: auto;}
* html #container  {  
	/* \*/
	word-wrap: break-word; /* invalid CSS but keeps IE from breaking horribly under narrow viewports */
	text-align: left; /* keep the content left-aligned */}
#bodyWrapper  {  
	width: 100%; overflow: visible; /* fix for IE italics bug */
	position: relative; /* fix some rendering issues */
	padding:.6em 0; z-index: 2;}
	
#row2  { height:26px; border: solid; border-color:#d0d0d0 #fff #666 #fff; border-width: 1px 0;}
#row3  { height:24px; font-size:11px;  padding:4px 0 0 6px; text-align:left; background-color:#4a4a4a; color:#fff; border: solid #fff; border-width:0 1px;}

/* COMPONENT ART HORIZONTAL MENU */
.TopMenuGroup { height: 26px; padding:0; vertical-align:middle; background-color: transparent; border-collapse:collapse; }
.MenuGroup {  width: 160px; color: #000; font-size: 0.8em!important; margin: 0; background: #474B58 none;}
.MenuGroup td, .MenuGroupHover td { background: #d0d0d0 none; color: #000}
.TopMenuItem, .TopMenuItemHover { border-right:1px solid #fff; color: #000; cursor: hand; cursor: pointer; margin:0; padding: 4px 1.25em !important; vertical-align:middle; }
.TopMenuItemHover { background: #F0F70A none; }

/*leaf menu items*/
.MenuItem, .MenuItemHover, .MenuItem td, .MenuItemHover td { color: #fff; border: solid 1px white; cursor: hand; cursor: pointer; margin: 0; width: 100%!important;}
.MenuItemHover, .MenuItemHover td, .MenuItemHover td, td.MenuItemHover { background: #F0F70A none;}
.ScrollItem {  background-color: green; font-size: 0.8em; border: solid 0px gray; cursor: default; text-align: center;}
.ScrollItemH {  background-color: aqua; color: orange; font-size: 0.8em; border: solid 0px gray; cursor: default; text-align: center;}
.ScrollItemA {  background-color: Lime; color: yellow; font-size: 0.8em; border: solid 0px gray; cursor: default; text-align: center;}

/* HEADER HORIZ NAV*/ 
#horizNav { height: 26px; text-align: left; margin: 0; padding: 0; clear: left; background: #d0d0d0; border: solid #fff 1px; position: relative; z-index: 1; }
#horizNav a:active, #horizNav a:link, #horizNav a:visited { color: #000; text-decoration: none; }
#nav { margin: 0; padding: 0; list-style: none; white-space: nowrap; }
#nav a { margin: 0; padding: 0 10px; }
#nav a:hover, #nav #firstTab a:hover { }
#nav li { float: left; position: relative; margin: 0;}
#nav ul { list-style: none; padding: 0; margin: 0;  text-align: left; }
#nav li ul { width: 10em; display: none; position: absolute; top: 100%; left: 0; z-index: 100; color: #fff; }
#nav li li { font-size: 0.8em; margin: 0; background: #474B58 none; width: 100%; }
#nav li li a { display: block; margin: 0; background: none; padding: 0 1em; color: #fff !important; }
#nav li li a:hover, #nav li li:hover {  background-color: #F0F70A; color: #000; }
#nav li > ul { top: auto; left: auto; }
#nav li:hover ul, #nav li.over ul { display: block; }
#nav #firstTab { background-image: none !important; margin: 0; }
		
/* Hacks to keep font size consistent in other browsers */
body  {  font-size: 100.1%;}
html>body  {  font-size: 110%;}
* html body  {  text-align: center;}
/* hack to center this under IE5 */
body:last-child, * html body  {  font-size: 100.1%;}
#wrapper /* PAGE WIDTH DETERMINED HERE */  {  
	width: 770px; margin-left: auto; margin-right: auto;}
/* 1 column layout   */
#content  {  padding: 0;}
#content h1   {  font-size: 1.5em;color: #000; margin: 0 0 .3em 0; padding:0;}
#content h2   {  font-size: 1.3em;color: #666; margin: .3em 0; padding:0;}
#content h3   {  font-size: 1.1em;color: #000; margin: 0 0 .3em 0; padding:0;}
#content h4   {  font-size: 1em; font-weight: bold; color: #000; margin:.6em 0 0 0; padding:0;}

#stepindicator  { margin:0 0 10px 0; padding:0 0 2px 0; list-style: none;}
#stepindicator li  {  color:#666; display: inline; padding: 0 20px 0 0; margin:0 2px 0 0; font-size:1.2em; font-weight:bold; border-bottom: 2px dashed #ccc;}
#stepindicator li.current  { color:#c00;}

/* Design Stage */
#controlpanel  { width:240px;}
#controlpanel p  { margin:0; padding:0 0 .2em 0;}
#boldcontrol  { display:inline-block; vertical-align:middle;}
#navcontrol  { width:150px; margin:10px 0;text-align:right;}
.colorbtn  { margin: 1px; border:1px solid #666;}
.colorselected  { border:3px solid #f00;}
#stage  { width:500px; height:300px;}
#price  { width:150px; height:26px; padding:0; margin:0 170px; background: url(images/price-bkgd.gif) no-repeat; text-align:center;}
#price p  { color:#fff; font-weight:bold; padding:5px 0;}
div.corners  { background: url(images/cnr_topleft.gif) top left no-repeat;}
div.topright  { background: url(images/cnr_topright.gif) top right no-repeat; padding:10px; margin:0;}
div.rborder  { background: url(images/cnr_rightborder.gif) top right repeat-y;}
div.bmleft  { background: url(images/cnr_bottomleft.gif) bottom left no-repeat;}
div.bmright  { background: url(images/cnr_bottomright.gif) bottom right no-repeat;}
#bannersample  { padding:10px;}
#bnrHeight { margin:0 0 0 37px; padding:0 0 2px 0; color: #444; font-weight:bold;}
#bnrLength { margin:0 37px 0 0; padding:2px 0 0 0; text-align:right; color: #444; font-weight:bold;}
#updatebtn  { margin:10px 0;}

/* Footer  */
#footer  {  border: 1px solid #666 ; padding: 0.5em; background-color: #ccc; color: #fff; text-align: center;}
a.foot:link  { color:#000;text-decoration:none;}
a.foot:visited  { color:#000;text-decoration:none;}
a.foot:active  { color:#000;text-decoration:none;}
a.foot:hover  { color:#000;text-decoration:underline;}

/* ------------------------------------------------
Storefront Styles
------------------------------------------------ */

/* LEFT NAV */
.leftNav {  border: 1px solid #ddd; border-top: 1px solid #F0EFEF; padding: 5px; margin-bottom: 5px; background-color: #eee;}
.navHeader {  background: url(images/nav-header-bg.gif) no-repeat left bottom; width: 190px; height: 22px; line-height: 22px; padding-left: 5px; color: #fff; font-weight: bold;}
.catMark {  font-size: 0.8em; font-weight: bold; color: #aaa; letter-spacing: -2px;}

/* PRODUCT PAGE */
#productTopBox {  text-align: right; padding: 1.5em 10px 10px 10px;}
h2 {  margin: 0; font-size: 1.4em; text-align: left; border-bottom: solid 2px #fa9d00;}
#sku {  display: block;}
#price {  font-weight: bold; font-size: 1.5em; display: block;}
.SalePrice {  color: #cc0000 !important;}
#description, #quoteBox, #otherinfo {  margin: 10px;}
.prodHeader {  width: 99.5%; height: 1.2em; color: #6B6F83; clear: both; font-weight: bold; font-size: 1.2em; padding: 3px 5px; border-bottom: solid 2px #fa9d00;}
#quoteBox input, #quoteBox select {  font-size: 1em; display: block; margin: 5px 0;}
#mainImg {  margin: 0 10px 10px 0; float: left;}
.AddToCartButton, .AddToWishButton, #Quantity {  font-size: 1em;}
.addToForm {  margin-top: 1em;}
#shipQuoteLabels {  width: 10em; height: auto; float: left; font-weight: bold; text-align: right; padding-right: 10px;}
#shipQuoteLabels label {  display: block; line-height: 2em;}
#ShipQuote, #yourQuote {  font-weight: bold; line-height: 2em;}
#shipQuoteWrapper {  height: auto; float: left;}
#navArrows {  float: right;}
.ProductNameText {font-size:1.2em; font-weight:bold;}
#pnlHeaderGraphic, #checkoutheadergraphic {margin-bottom:10px;}
#pnlCartAllowsShippingMethodSelection {text-align:left;}

/* ENTITY LANDING PAGE */
.topFeature {  float: left; width: 24.8%; height: auto; text-align: left;}
.topFeatureP {  margin: 0; padding: 0.5em; text-align: left;}
.topFeature p {  margin: 0; text-align: left;}
.topFeatureP img {  margin-bottom: 0.5em;}
.topPrice, .topName {  font-weight: bold; text-align: left;}
#entitySep {  clear: both; margin-top: 1em;}
.btmP {  clear: left; border-bottom: 1px solid #eee; float: left; width: 683px; margin: 0.5em 0; padding: 0.5em;}
.btmP img {  float: left; margin-right: 1em;}
.btmP span {  display: block;}
.btmName, .btmPrice, .btmSalePrice {  font-size: 1.1em; font-weight: bold;}
.btmDescription, .topDescription {  display: block; padding-bottom: 1em !important;}
.btmPrice {}
.btmSalePrice {  color: #cc0000;}
.btmInStock, .btmOutStock, .topInStock, .topOutStock {  display: inline !important; font-weight: bold; color: #FA9D00;}
.btmOutStock, .topOutStock {  color: #aaa;}
#entityPageHeader p {  margin-top: 0;}
#entityPageHeader img {  margin: 0 1em 0.5em 0; float: right;}
.entityCategory {  margin: 0 0 1em 0; font-size: 1.1em;}

/* OTHER SELECTORS */
.MediumCell, .LightCell {  border: none;}
.errorLg {  color: Red; font-size: 12px; font-weight: bold;}
.SBProdName {  font-size: .7em;}
.SBCatName {  font-size: .8em; font-weight: bold;}
.PBCartFull {  font-size: .7em; color: Blue; font-weight: bold;}