.fuvb{}
/* DVPDS20071212 - The following section was added for the 'ASP.NET 2.0 CSS Friendly Control Adapters' update */

/* When the Menu control's Orientation property is Vertical the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Vertical. */
/* Note that the example menu in this web site uses relative positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */

/* EJ colores used:
 * PMS 151C
 * FC 0/48/95/0    #ff850d
 *
 * font: Eurostile, Helvetica Neue (T1) 55 Roman / 75 Bold
 * */

#dhtmlgoodies_slideshow
{
    width:214px;	/* Total width of slideshow */
    padding-top : 10px;
}
	
#previewPane
{
    border : none; /* ### border : solid 1px #CCCCCC; */
    margin-bottom:10px;	
    text-align:center;
    vertical-align:middle;
    padding-top:10px;
    position:relative;
    /* CSS HACK */
    height: 132px;	/* IE 5.x */
    height/* */:/**/120px;	/* Other browsers */
    height: /**/120px;
}

#previewPane img
{
    line-height:100px;
}

#previewPane #largeImageCaption
{	/* CSS styling of image caption below large image */
    font-style:italic;
    text-align:center;
    font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
    font-size:0.9em;
}

#galleryContainer
{
    height:46px;	/* Height of the images + 2 */
    border:0px solid #CCCCCC;
    position:relative;
    overflow:hidden;
    padding:1px;
		
    /* CSS HACK */
    height: 48px;	/* IE 5.x - Added 2 pixels for border left and right */
    height/* */:/**/46px;	/* Other browsers */
    height: /**/46px;
}

#xarrow_left
{
    position:absolute;
    vertical-align : middle;
    left:0px;
    z-index:100;
    background-color: #FFFFFF;
    padding:0px;
    height : 46px;
    cursor : hand;
}

#xarrow_right
{
    position:absolute;
    vertical-align : middle;
    right:0px;
    z-index:100;
    background-color: #FFFFFF;
    padding:0px;
    height : 46px;
    cursor : hand;	
}

#theImages
{
    position:absolute;
    height:46px;
    left:15px;
    width:10000px;
    z-index :50;
}

#theImages #slideEnd{
		float:left;
		left:15px;
	}

#theImages img
{
    float:left;
    padding:1px;
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor:hand;
    border: none; /* ### solid 3px #cccccc; */
}

#waitMessage
{
    display:none;
    position:absolute;
    left:200px;
    top:150px;
    background-color:#FFF;
    border:3px double #000;
    padding:4px;
    color:#555;
    font-size:0.9em;
    font-family:arial;	
}
	
#theImages .imageCaption
{
    display:none;
}

ul.AspNet-Menu 
{
    position: relative;
}


ul.AspNet-Menu, 
ul.AspNet-Menu ul
{
    margin: 0;
    padding: 0;
    display: block;
}

ul.AspNet-Menu li
{
    position: relative;
    list-style: none;
    float: left;
    /*height: 1%;/*IE6 for 7*/
}

ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{
    display: block;
    text-decoration: none;
    cursor : hand;
    /*height: 1%;/*IE6 for 7*/
}

ul.AspNet-Menu ul
{
    position: absolute;
    visibility: hidden;    
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul,
/* DVPDS - Start new lines */
ul.AspNet-Menu li:hover ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul,
ul.AspNet-Menu li:hover ul ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul
/* END new lines */
{
    visibility: hidden;
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul,
/* DVPDS - Start new lines */
ul.AspNet-Menu li li li li:hover ul,
ul.AspNet-Menu li li li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li li li:hover ul,
ul.AspNet-Menu li li li li li.AspNet-Menu-Hover ul
/* END new lines */
{
    visibility: visible;
}

.AspNet-Menu-Vertical ul.AspNet-Menu li
{
    width: 100%;
}



.PrettyMenu .AspNet-Menu-Vertical
{
    position:relative;
    top: 3em;
    left: 0;
    z-index: 8500;
}

/* 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... */
.PrettyMenu ul
{
    /* DVPDS - menu inherits existing bg color */
    /*background:#7795BD;*/
    /*background-image:url(../images/menubg.gif);*/
}

/* Top tier */
.PrettyMenu .AspNet-Menu-Vertical ul.AspNet-Menu
{
    width: 9em;
    height : 22px;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
.PrettyMenu ul.AspNet-Menu ul
{
    width: 10.5em;
    left: 8.9em;
    top: -1.1em;
    z-index: 8500;
	background-color: black; /* ### #dbdee1; */
}

.PrettyMenu ul.AspNet-Menu ul ul
{
    width: 11.5em;
    left: 10.4em;
}

/* 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. */
.PrettyMenu ul.AspNet-Menu li
{
    /*background: url(bg_nav.gif) repeat-x;*/
}

/* 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). */
.PrettyMenu ul.AspNet-Menu li a,
.PrettyMenu ul.AspNet-Menu li span
{
    color: white; /* ### #003e7b; */
    padding: 4px 2px 6px 14px;
    cursor : hand;
    /*border:1px solid #648ABD;*/
    border-bottom: 0;
    background: transparent url(../images/arrowRight.gif) left center no-repeat;
}

/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background-image: none;
    cursor : hand;
}

/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.PrettyMenu ul.AspNet-Menu li a img
{
    border-style: none;
    vertical-align: middle;
}

/* 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 AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.PrettyMenu ul.AspNet-Menu li:hover, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
    background:#ff850d; /* ### #6c85b1; */
    /*background:#4a82bb;*/
}

.PrettyMenu ul.AspNet-Menu li:hover a, 
.PrettyMenu ul.AspNet-Menu li:hover span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover span,

.PrettyMenu ul.AspNet-Menu li:hover li:hover a, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,

/* New lines */
.PrettyMenu ul.AspNet-Menu li:hover li:hover li:hover a, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover li:hover span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
/* end new lines */

.PrettyMenu ul.AspNet-Menu li:hover li:hover ul a:hover, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
    color: White;
    cursor : hand;
}

.PrettyMenu ul.AspNet-Menu li:hover ul a, 
.PrettyMenu ul.AspNet-Menu li:hover ul span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul span,
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul a, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
.PrettyMenu ul.AspNet-Menu li:hover li:hover li:hover ul a, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover li:hover ul span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
.PrettyMenu ul.AspNet-Menu li:hover li:hover li:hover li:hover ul a, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover li:hover li:hover ul span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
    color: white; /* ### #003e7b; */
    cursor : hand;
}

/* 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. */
.PrettyMenu ul.AspNet-Menu li a:hover,
.PrettyMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
    color: White;
    background: transparent url(../images/activeArrowRight.gif) left center no-repeat;
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    color: white; /* ### */
    background-image: none;
}


/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */

.PrettyMenu .AspNet-Menu-Horizontal
{
    position:absolute;
    /* ### left: 9.5em;*/
    /*top: 2px;*/
    z-index: 8500;

    /* ### */
    color : white;
    background-color : black;

    border-color : black;

    border-right-width : 1px;
    border-left-width : 1px;

}

/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 820px;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    width: 13em; /*second level width*/
    left: 0;
    top: 100%;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    top: 11px;
    /*top: -0.3em;*/
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    width: 13em; /* third level width */
}

/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    width: 13em;    /* first level width */
    text-align:left;
}

/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    text-align:left;
    width: 13em;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
    width: 13em;
}

/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
    margin: -1.0em 0 0 13em;
}

/*DVPDS - START fourth tier menu*/
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul li ul
{
    margin: -11px 0 0 13em;
}
/*DVPDS - END*/

/*******************************************/
/*******************************************/
/*******************************************/

.PrettyMenu2
{
    position:relative;
    font-size:11px;
    font-weight : bold;
    font-family: Eurostile;
    min-height: 20px; 
    height: auto;
}

.PrettyMenu2 .Menu-Skin-StaticItem
{
    /*background:#7795BD url(bg_nav.gif) repeat-x;*/
    font-size: small;
}

.PrettyMenu2 .AspNet-Menu-Vertical
{
    position:relative;
    left: 0em;
    z-index: 300;
}

/* 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... */
.PrettyMenu2 ul
{
   
}

/* Top tier */
.PrettyMenu2 .AspNet-Menu-Vertical ul.AspNet-Menu
{
    width: 140px;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
.PrettyMenu2 ul.AspNet-Menu ul
{
    width: 142px;
    left: -0.1em;
    top: 1.9em;
    z-index: 400;
    background-color : black; /* ### #dbdee1; */
    /*background-image:url(../images/menubg.gif);*/
}

.PrettyMenu2 ul.AspNet-Menu ul ul
{
    width: 142px;
    left: 9em;
}

/* 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. */
.PrettyMenu2 ul.AspNet-Menu li
{
    /*height: 1%;/*IE6 for 7*/
    
}

/* 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). */
.PrettyMenu2 ul.AspNet-Menu li a,
.PrettyMenu2 ul.AspNet-Menu li span
{
    color: #ff850d; /* ### #003e7b; */
    padding: 3px 2px 6px 14px;
    display: block;
    position : relative;
    /*border-style: none;*/
    /*height: 1%; /*IE6 for 7*/
    background: transparent url(../images/arrowRight.gif) left center no-repeat;
}

/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background-image: none;
    cursor : hand;
    display: block;
    position : relative;
}

/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.PrettyMenu2 ul.AspNet-Menu li a img
{
    border-style: none;
    vertical-align: middle;
}

/* 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 AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.PrettyMenu2 ul.AspNet-Menu li:hover, 
.PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover
{
    background:#ff850d; /* ### #6c85b1; */
    /*background:#7795BD;*/
}

.PrettyMenu2 ul.AspNet-Menu li:hover a, 
.PrettyMenu2 ul.AspNet-Menu li:hover span, 
.PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover a,
.PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover span,

.PrettyMenu2 ul.AspNet-Menu li:hover li:hover a, 
.PrettyMenu2 ul.AspNet-Menu li:hover li:hover span, 
.PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,

.PrettyMenu2 ul.AspNet-Menu li:hover li:hover ul a:hover, 
.PrettyMenu2 ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, 
.PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover,
.PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
    color: White;
    cursor : hand;
}

.PrettyMenu2 ul.AspNet-Menu li:hover ul a, 
.PrettyMenu2 ul.AspNet-Menu li:hover ul span, 
.PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover ul a,
.PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover ul span,
.PrettyMenu2 ul.AspNet-Menu li:hover li:hover ul a, 
.PrettyMenu2 ul.AspNet-Menu li:hover li:hover ul span, 
.PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a,
.PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
    color: white; /* ### #003e7b; */
    cursor : hand;
}

/* 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. */
.PrettyMenu2 ul.AspNet-Menu li a:hover,
.PrettyMenu2 ul.AspNet-Menu li span.Asp-Menu-Hover
{
    color: White;
    background: transparent url(../images/activeArrowRight.gif) right center no-repeat;
}

.PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    background-image: none;
}


/* Reports menu */


/* 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... */
.reportsmenu ul
{
    background:#FFFFFF;
}


/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
.reportsmenu ul.AspNet-Menu ul
{
    width: 10.5em;
    left: 8.9em;
    top: -1.1em;
    z-index: 400;
	background-color: black; /* ### #dbdee1; */
}

.reportsmenu ul.AspNet-Menu ul ul
{
    width: 11.5em;
    left: 10.4em;
}

/* 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. */
.reportsmenu ul.AspNet-Menu li
{
    /*background: url(bg_nav.gif) repeat-x;*/
}

/* 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). */
.reportsmenu ul.AspNet-Menu li a,
.reportsmenu ul.AspNet-Menu li span
{
    color: #ff850d; /* ### #003e7b; */
    padding: 4px 2px 6px 4px;
    cursor : hand;
    /*border:1px solid #648ABD;*/
    border-bottom: 0;
}

/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.reportsmenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.reportsmenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background-image: none;
    cursor : hand;
}

/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.reportsmenu ul.AspNet-Menu li a img
{
    border-style: none;
    vertical-align: middle;
}

/* 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 AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.reportsmenu ul.AspNet-Menu li:hover, 
.reportsmenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
    background-color:#ff850d; /* ### #6c85b1; */
    /*background:#4a82bb;*/
}

.reportsmenu ul.AspNet-Menu li:hover a, 
.reportsmenu ul.AspNet-Menu li:hover span, 
.reportsmenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
.reportsmenu ul.AspNet-Menu li.AspNet-Menu-Hover span,

.reportsmenu ul.AspNet-Menu li:hover li:hover a, 
.reportsmenu ul.AspNet-Menu li:hover li:hover span, 
.reportsmenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.reportsmenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,

/* New lines */
.reportsmenu ul.AspNet-Menu li:hover li:hover li:hover a, 
.reportsmenu ul.AspNet-Menu li:hover li:hover li:hover span, 
.reportsmenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.reportsmenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
/* end new lines */

.reportsmenu ul.AspNet-Menu li:hover li:hover ul a:hover, 
.reportsmenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, 
.reportsmenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover,
.reportsmenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
    color: White;
    cursor : hand;
    
}

.reportsmenu ul.AspNet-Menu li:hover ul a, 
.reportsmenu ul.AspNet-Menu li:hover ul span, 
.reportsmenu ul.AspNet-Menu li.AspNet-Menu-Hover ul a,
.reportsmenu ul.AspNet-Menu li.AspNet-Menu-Hover ul span,
.reportsmenu ul.AspNet-Menu li:hover li:hover ul a, 
.reportsmenu ul.AspNet-Menu li:hover li:hover ul span, 
.reportsmenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a,
.reportsmenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
    color: #ff850d; /* ### #003e7b; */
    cursor : hand;
}

/* 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. */
.reportsmenu ul.AspNet-Menu li a:hover,
.reportsmenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
    color: White;
}

.reportsmenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
   background-color : #ff850d; /* ### #6c85b1; */
}


/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */

.reportsmenu .AspNet-Menu-Horizontal
{
    position:absolute;
    left: 175px;
    /*top: 2px;*/
    z-index: 300;
}

/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.reportsmenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 500px;
}


.reportsmenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    top: 11px;
    /*top: -0.3em;*/
}


/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.reportsmenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    width: 13em;    /* first level width */
    text-align:left;
}

/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.reportsmenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    text-align:left;
    width: 13em;
}

.reportsmenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
    width: 13em;
}

/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.reportsmenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
    margin: -1.0em 0 0 13em;
}





/* ------------------------------------------------------------------- */
/* Specific to this sample web site. */
/* These rules are probably not useful in your site. */

#SampleMenu
{
    position:relative;
    height: 3.9em;
    font-size:11px;
    font-weight : bold;
    font-family: Eurostile;
    z-index : 8500;
}

#SampleMenu #Sample-Content
{
    width: 44em;
    height: 10em;
    overflow: hidden;
    position:relative;
    left: 9.5em;
    top: 2em;
    padding: 10px;
    background: #B9D3EE;
    font-family: "Times New Roman";
    font-style:italic;
    color: Black;    
}

/* --------------------------------------------------------------------------------------------------- */
/* Used when the Menu adapter is NOT used. */
/* These styles are used by the Menu's skin, found in this theme's skin file. */

#SampleMenu .Menu-Skin-Horizontal
{
    position:absolute;
    left: 9.5em;
    top: 0;
    width: 45em;
    z-index: 8500;
}

#SampleMenu .Menu-Skin-Vertical
{
    position:relative;
    top: 3em;
    left: 0;
    z-index: 8500;
}

#SampleMenu .Menu-Skin-StaticItem
{
    /*background:#7795BD url(bg_nav.gif) repeat-x;*/
    font-size: small;
}

#SampleMenu .Menu-Skin-DynamicHover
{
    background:#7795BD;
}

/* ################################################### */
/* ######## END OF CSSFriendly Adapter styles ######## */
/* ################################################### */

/*DVPDS20080203 - new */
.itemlisting 
{
    width : 100%;
    padding : 5px 3px 5px 3px;

}
td.item 
{
	width:60px;
	/* ### color : #333333; */
	padding : 3px 2px 3px 3px;
	/* ### background-color : #f5f5f5;
	border-bottom-width: 1px;
	border-left-width : 0px;
	border-right-width : 1px;
	border-top-width : 0px;
	border-style : solid;
	border-color : #FFFFFF;
	*/
	/* ### */
    background-color : white;
    color : black;

    border-left-width: 0px;
    border-top-width : 1px;
    border-right-width : 0px;
    border-bottom-width : 1px;

    border-color : #ff850d;
    border-style : solid;
/*
    border-bottom-color : #ff850d;
    border-right-color : white;
    border-left-color : white;
    border-top-color : #ff850d;
    */
}
td.itemimage
{
    width:32px;
    /* ### color : #333333; */
    padding : 1px 1px 1px 1px;
    /* ### 
    background-color : #FFFFFF;
    border-bottom-width: 1px;
	border-left-width : 0px;
	border-right-width : 1px;
	border-top-width : 0px;
	border-style : solid;
	border-color : #FFFFFF;
	*/
	/* ### */
    background-color : white;
    color : black;

    border-left-width: 0px;
    border-top-width : 1px;
    border-right-width : 0px;
    border-bottom-width : 1px;

    border-style : solid;

    border-bottom-color : #ff850d;
    /*
    border-right-color : white;
    border-left-color : white;
    */
    border-top-color : #ff850d;
}
td.itemname
{
    width:52%;
    /* ### color : #333333; */
    padding : 3px 2px 3px 3px;
    /* ### 
    background-color : #f5f5f5;
    border-bottom-width: 1px;
	border-left-width : 0px;
	border-right-width : 1px;
	border-top-width : 0px;
	border-style : solid;
	border-color : #FFFFFF;
	*/
	/* ### */
    background-color : white;
    color : black;

    border-left-width: 0px;
    border-top-width : 1px;
    border-right-width : 0px;
    border-bottom-width : 1px;

    border-style : solid;

    border-bottom-color : #ff850d;
    /*
    border-right-color : white;
    border-left-color : white;
    */
    border-top-color : #ff850d;
}
td.itemtax
{
    width:15%;
    /* ### color : #333333; */
    text-align:right;
    padding : 3px 2px 3px 3px;
    /* ### 
    background-color : #f5f5f5;
    border-bottom-width: 1px;
	border-left-width : 0px;
	border-right-width : 1px;
	border-top-width : 0px;
	border-style : solid;
	border-color : #FFFFFF;
	*/
	/* ### */
    background-color : white;
    color : black;

    border-left-width: 0px;
    border-top-width : 1px;
    border-right-width : 0px;
    border-bottom-width : 1px;

    border-style : solid;

    border-bottom-color : #ff850d;
    /*
    border-right-color : white;
    border-left-color : white;
    */
    border-top-color : #ff850d;
}
td.itemqty
{
    width:14%;
    text-align:right;
    /* ### color : #333333; */
    padding : 1px 2px 1px 2px;
    /* ### 
    background-color : #f5f5f5;
    border-bottom-width: 1px;
	border-left-width : 0px;
	border-right-width : 0px;
	border-top-width : 0px;
	border-style : solid;
	border-color : #FFFFFF;
	*/
}

/* Header classes for above */

th.item 
{
	width:60px;
	color : white; /* ### #333333; */
	padding : 3px 2px 3px 0px;
	background-color : black; /* ### #dce9f5; */
	border-bottom-width: 1px;
	border-left-width : 0px;
	border-right-width : 1px;
	border-top-width : 0px;
	border-style : solid;
	border-color : #FFFFFF;
}
th.itemimage
{
    width:32px;
    color : white; /* ### #333333; */
    padding : 1px 1px 1px 1px;
    background-color :  black; /* ### #dce9f5; */
    border-bottom-width: 1px;
	border-left-width : 0px;
	border-right-width : 1px;
	border-top-width : 0px;
	border-style : solid;
	border-color : #FFFFFF;
}
th.itemname
{
    width:50%;
    color : white; /* ### #333333; */
    padding : 3px 2px 3px 3px;
    background-color :  black; /* ### #dce9f5; */
    border-bottom-width: 1px;
	border-left-width : 0px;
	border-right-width : 1px;
	border-top-width : 0px;
	border-style : solid;
	border-color : #FFFFFF;
}
th.itemtax
{
    width:15%;
    color : white; /* ### #333333; */
    text-align:right;
    padding : 3px 4px 3px 3px;
    background-color :  black; /* ### #dce9f5; */
    border-bottom-width: 1px;
	border-left-width : 0px;
	border-right-width : 1px;
	border-top-width : 0px;
	border-style : solid;
	border-color : #FFFFFF;
}
th.itemqty
{
    width:16%;
    color : white; /* ### #333333; */
    padding : 3px 2px 3px 3px;
    background-color :  black; /* ### #dce9f5; */
    border-bottom-width: 1px;
	border-left-width : 0px;
	border-right-width : 0px;
	border-top-width : 0px;
	border-style : solid;
	border-color : #FFFFFF;
}

table.primaryimage
{
    width : 214px;
    border : none; /* ### border : solid 1px #CCCCCC; */
    padding : 2px 2px 2px 2px;
}

BODY.default {
	/* sets basic style on the body */
	margin-top : 0px;
	margin-left : 0px;
	margin-right : 0px;
	font-family : Eurostile, Helvetica Neue, Arial, Helvetica, sans-serif; 
	font-size : 11px;
	color : black; /* ### #333333; */
	/* sets background color and/or background image if specified */
	/* For background images, use for example: background : url(../images/searchbar_bg.gif); */
	/*background-color : #2f4c87;*/
	background-color : #ff850d; /* ### old val: #666a72 */
	/*background-image : url(../images/bg.gif);
	background-repeat:repeat-x;*/
	
}
body
{
	/* sets basic style on the body */
	margin-top : 0px;
	margin-left : 0px;
	margin-right : 0px;
	font-family : Eurostile, Helvetica Neue, Arial, Helvetica, sans-serif; 
	font-size : 11px;
	color : black; /* ### #333333; */
	/* sets background color and/or background image if specified */
	/* For background images, use for example: background : url(../images/searchbar_bg.gif); */
	background-color : white; /* ### #cccccc; */
	/*background : url(../images/test_body_bg.gif);*/
}

BODY.clear {
	/* use for basic style on Printer Friendly pages */
	margin-top : 3px;
	margin-left : 4px;
	margin-right : 3px;
	font-family : Eurostile, Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : black; /* ### color : #333333; */
	background-color : #ffffff;
}



/* #############################    START     ############################### */
/* The following styles are used to set the various main elements of the site */
/* #############################    START     ############################### */

/*Defines main content area within the BODY of the page */
div#MainAreaShadow
{
    margin-left : auto;
    margin-right : auto;
	background-color : #FFFFFF;
	width : 960px;
	position : relative;
}

div#rightShadow
{
    position:absolute; 
    left: 960px; 
    border: 0px; 
    width:15px; 
    background-image:url(../images/bg_right_shadow.gif);
}

div#leftShadow
{
    position:absolute; 
    right: 960px; 
    border: 0px; 
    width:15px;
    background-image:url(../images/bg_left_shadow.gif);
}

div#TopParent
{
    position:relative;
    height:95px; 
    border: 0px;
    background-image:url(../images/top_section_bg.gif);
    background-repeat : no-repeat;
    background-color : black;
}

div#SectionDividerLeft
{
    float : left;
    width :4px;
    /*background-image : url(../images/sectionHDiv.gif);*/
    height : 100%;
    margin-bottom : -500px; 
    padding-bottom : 500px;
}

div#SectionDividerRight
{
    float : left;
    width : 4px;
    /*background-image : url(../images/sectionHDiv.gif);*/
    height : 100%;
    margin-bottom : -500px; 
    padding-bottom : 500px;
}

div#category
{
	/* ### background-image:url(../images/top_menu_bar_dark.gif); */
	background-color : black;
	position: absolute; 
	left: 5px; 
	top: 64px; 
	width: 130px; 
	height: 23px;
	/* ### padding-top : 0px; */
	border-left-width: 1px;
    border-top-width : 0px; /* ### 1px; */
    border-right-width : 0px;
    border-bottom-width : 0px;
    border-style : solid;
    border-bottom-color : black; /* ### #333333; */
    border-right-color : black; /* #cccccc; */
    border-left-color : black; /* #c3c3c3; */ 
    border-top-color : black; /* #c3c3c3; */
}

div#flags
{
    position: absolute; 
    left: 880px; 
    top: 5px; 
    border: 0px;
}

div#sitelinks
{
    position: absolute; 
    left: 570px; 
    top: 4px; 
    border: 0px;
}

div#menuBar
{
	position: absolute; 
	left : 134px; 
	top : 62px; 
	height: 24px;  
	/* ### background-image:url(../images/top_menu_bar.gif); 
	background-repeat:repeat-x; */
	width:820px;

	
	border-left-width: 0px; /* ### 0px; */
    border-top-width : 0px; /* ### 1px; */
    border-right-width : 0px;
    border-bottom-width : 0px;
    border-style : solid;
    border-bottom-color : black; /* #333333; */
    border-right-color : black; /* #c3c3c3; */
    border-left-color : black; /* #000000; */
    border-top-color : black; /* #c3c3c3; */
    
}

div#welcomeBar
{ 
    position: absolute; 
    left: 850px; 
    top: 150px; 
    width : 150px;
    padding : 5px 5px 5px 5px;
    border : 0px;
}

div#accountBar
{
    border: 0px;
    padding : 0px 0px 0px 0px;
    z-index : 8100;
    background-color : white; /* ### #f2f6fe; */
    margin-bottom : 7px;
}

div#topdivbar
{
    position: absolute; 
    left: 5px; 
    top: 138px; 
    border: 0px;
}

/*Broke down MainArea to deal with Firefox layout issues*/
/*TopArea covers the top section, and MainArea covers the rest */
div#TopArea
{
    margin-left : auto;
    margin-right : auto;
	background-color : #FFFFFF;
	width : 960px;
	position : relative;
	overflow:hidden;
}

div#TopTopArea
{
    margin-left : auto;
    margin-right : auto;
	background-color : #FFFFFF;
	width : 960px;
	position : relative;
	overflow:hidden;
}

div#MainArea
{
    margin-left : auto;
    margin-right : auto;
	background-color : #FFFFFF;
	width : 960px;
	position : relative;
	overflow:hidden;
}

/* defines header area of the page */
div#PageHeader
{
    position:relative;
    height:150px; 
    border: 0px green solid;
}

/* defines the topsection within the MainArea div */
div#TopSection
{
    position : absolute; 
    left : 4px; 
    top : 0px; 
    width : 960px; 
    height : 71px;
}

/* defines the top category section within the MainArea div */
div#TopCategory
{
    position: absolute; 
    left : 0px; 
    top : 64px; 
    height : 26px;  
    z-index : 9000;
}

/* defines the Search bar within the MainArea div */
div#SearchBar
{ 
    z-index : 8900;
	background-color : white; /* ### #f2f6fe; */
    margin-left: 5px;
    /* ###
    border-left-width: 1px;
    border-top-width : 1px;
    border-right-width : 1px;
    border-bottom-width : 1px;
    border-style : solid;
    border-bottom-color : #cccccc;
    border-right-color : #cccccc;
    border-left-color : #cccccc;
    border-top-color : #cccccc;
    */
}

/*Defines left section within the MainArea DIV */
div#LeftSection
{
    width : 165px;
    float : left;
    padding-left : 0px;
    padding-top : 0px;
    margin-top : 0px;
    border: 0px coral solid;
    background-color : #FFFFFF;
    height : 100%;
    margin-bottom: -500px; 
    padding-bottom: 500px;
}

/*Defines 'left category' section within the LeftSection DIV */
div#LeftCategories
{
    background-color : white; /* ### #f2f6fe; */
    margin-left: 5px;
    margin-top : 7px;

    /* ###
    border-left-width: 1px;
    border-top-width : 1px;
    border-right-width : 1px;
    border-bottom-width : 1px;
    border-style : solid;
    border-bottom-color : #cccccc;
    border-right-color : #cccccc;
    border-left-color : #cccccc;
    border-top-color : #cccccc;
    */
    /*border-style : dashed;*/
}

/*Defines 'left category' section within the LeftCategories DIV */
div#LeftCats
{ 
    position: absolute;
    top: 140px;
    border: solid 1px #cccccc;
}

/*Defines 'recently viewed' section within the LeftSection DIV */
div#RecentlyViewed
{
    padding-left : 5px;
    background-color : #FFFFFF;
    margin-top : 7px;
}

/*Defines 'loginsummary viewed' section within the LeftSection DIV */
div#Summary
{
    margin-bottom : 0px; 
    padding-left : 0px;
    background-color : white; /* ### #f2f6fe; */
}

/*Defines 'left cart summary' section within the LeftSection DIV */
div#LeftCartSummary
{
    margin-top : 7px;
    padding-left : 5px;
    background-color : #FFFFFF;
}

div#topCartSum
{
    position: absolute; 
    right: 10px; 
    top: 38px; 
    border: 0px;
}

div#logoSection
{
    position: absolute; 
    left: 0px; 
    top: 1px; 
    width: 505px; 
    border: 0px;    
}

/*Defines main section within the MainArea DIV */
div#MainSection
{
    width : 630px;
	min-height : 500px;
	/* border : solid 1px #e3e3e3; ### */
	height:auto !important;
	height:500px;
    float : left;
    margin-top : 0px;
    padding : 5px 4px 30px 4px;
    background-color : #FFFFFF;
    /*background-color : #f5f5f5;  really light gray*/
}

/*Used for pages without the right column*/
div#MainSectionAlt
{  
    width : 779px;
	min-height : 500px;
	height:auto !important;
	height:500px;
    border : 0px;
    float : left;
    margin-top : 0px;
    background-color : #ffffff;
}

div#MainSection_noRight
{
    width : 735px;
	min-height : 500px; 
    border : 0px coral solid;
    float : left;
    margin-top : 5px;
    background-color : #ffffff;
}



/* defines right section of page */
div#rightsection
{
    width : 142px;
    /*top : 10px; */
    border : 0px; 
    float : left;
    margin-top : 0px;
    padding-left:0px;  
    padding-top : 0px;
    background-color : #FFFFFF;
    height : 100%;
    margin-bottom: -500px; 
    padding-bottom: 500px;
}


/*defines the footer section */
div#footerSection
{
    position : relative; 
    background-color : #ffffff; 
    border : 0px green solid; 
    float: left; 
    padding-top : 10px;
    margin:0px auto;
    text-align:left;
    float:left;
    
}

div#CatExtendedDesc
{
    padding : 0px 0px 0px 8px;
}

div#sectionTitles
{
    background-color : #ff850d; /* ### #d5ddf0; */
    /* ### background : url(../images/sectionTitleBG.gif); */
    padding : 4px 5px 4px 5px;
}

div#sectionTitlesSA /* Used for Sales Agent title */
{
    background-color : #ff850d; /* ### #d5ddf0; */
    /* ### background : url(../images/salesagentTitlebg.gif); */
    padding : 4px 5px 4px 5px;
}

div#FeaturedTitle
{
    /* background-color : #ff850d; ### #d5ddf0; */
    /* ### background : url(../images/sectionTitleBG2.gif); */
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #ff850d;
    padding : 4px 5px 4px 5px;
}

div#SimpleSearch
{
	text-align : left;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	background-color : white; /* ### #f2f6fe; */
	/*background : url(../images/box_body.gif);
	background-repeat:repeat-y;*/
}

div#predictor
{
    text-align : left;
	padding-left:0px;
	background-color : #FFFFFF;
	border : none; /* ### border : solid 1px #CCCCCC; */
}

div#controllink
{
	/* ###
    border-bottom-width : 1px;
    border-left-width : 0px;
    border-right-width : 0px;
    border-top-width : 1px;
    border-top-color : #cccccc;
    border-bottom-color : #cccccc;
    */
    background-color : #ff850d; /* ### #fffdd4; */
    color : white; 
    border-style : none; /* ### solid; */
}

div#featuredItems
{
    width : 628px;
    padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	padding-bottom : 0px;
	/* border : solid 1px #e3e3e3; ### */
}

div#salesAgentmenu
{
	padding-left : 4px;
	padding-right : 4px;
	padding-top : 5px;
	padding-bottom : 5px;
}

div#yellowbox
{
    border : none; /* ### border : solid 1px #CCCCCC; */
    background-color : #ff850d; /* ### #fffdd4; */
    color : white; /* ### */
    padding : 2px 2px 2px 2px;
}


/* #############################    END     ############################### */

.topcartsummary
{
    background-image : url(../images/cartSummBG.gif);
}

.shipmentMethod
{
    padding : 0px;
    width : 50%;
    border : solid 1px #4d85bd;
}

.favorites
{
    background-color : #fffdd4;
    padding : 2px;
}

/* #################################################################################### */
/* The following styles are used to set the various widths of main elements of the site */
/* #################################################################################### */

.eleven
{
	font-weight:bold;
	font-size:11px;
	
}

.footer
{
	/* sets style on footer control */
	width : 960px;
	text-align : center;
	padding-bottom : 5px;
	padding-top : 5px;
}

.footerdivline
{
	/* sets style on footer control right line */
	width : 1px;
	background-color : #E8E8E8;
}

.footerLinks
{
	/* sets style on footer control */
	width : 960px;
	text-align : center;
	/*width : 758px;*/
}

.leftsection 
{
	/* sets style on left section of page (categories) */
	width : 157px;
	padding : 4px 4px 0px 4px;
	background-color : #E7E7EF;
	/*background-image : url(../images/left_sec_bg.gif);*/
	/*width : 131px;*/
}

.middivlines 
{
	/* sets style on lower div lines */
	width : 960px;
	background-image : url(../images/footer_div.gif);
	
	
}

.middlesection 
{
	/* sets style on middle section of page (main body) */
	width : 670px;
	/*width : 501px;*/
	font-family : arial,sans-serif;
	font-size : 11px;
	color : black; /* ### color : #333333; */
	padding : 4px 4px 4px 4px;
}

.middlesectionHome
{
	/* sets style on middle section of page of the homepage (main body) */
	width : 670px;
	/*width : 501px;*/
	font-family : arial,sans-serif;
	font-size : 11px;
	color : black; /* ### color : #333333; */
	padding : 4px 0px 4px 0px;
}

.middlesectionALT
{
	/* sets style on middle section of page when the right section is not shown (main body) */
	width : 791px;
	/*width : 607px;*/
	font-family : arial,sans-serif;
	font-size : 11px;
	color : black; /* ### color : #333333; */
	padding : 4px 4px 4px 4px;
}

.navicon
{
	/* sets background color behind page link icons */
	/* the icons are transparent, so this color determines how the icon will appear */
	/* on dark backgrounds, the icon will appear white, along with the color below  */
	/* on white backgrounds, the icon will appear with just the color defined below */
	/*background-color : #3C355D;*/
}

.postSearchBar
{
	/* sets style on horzontal divider between the search bar and top categories */
	background-color : #FFFFFF;
	width : 960px;
}

.secdiv
{
	/* sets style on vertical divider between the leftsection, mainsection, and rightsection */
	background-color : #CCCCCC;
	/*background-color : #999999;*/
	width : 1px;
}

.topdivlines 
{
	/* sets style on top div lines */
	width : 960px;
	
	/*background-color : #333333;*/
}

.rightsection 
{
	/* sets style on right section of page (what's new, recently viewed) */
	width : 125px;
	padding : 4px 4px 4px 4px;
	background-color : #E7E7EF;
	background-image : url(../images/right_sec_bg.gif);
	/*width : 107px;*/
}

.rightsectiontop
{
	/* sets style on right section of page (what's new, recently viewed) */
	/*width : 147px;*/
	background-image : url(../images/box_top_right.gif);
	
}
.rightsectiontitle
{
	/* sets style on right section of page (what's new, recently viewed) */
	/*width : 147px;*/
	background-image : url(../images/box_body_right.gif);
	font-family : Eurostile; /* ### tahoma */
	font-size : 11px;
	color : #005aff;
	font-weight:bold;
	padding : 5px 2px 0px 10px;
	text-align : left;
	text-decoration : none;
	
}

.rightsectionbody
{
	/* sets style on right section of page (what's new, recently viewed) */
	background-color: #cccccc;
	font-family : Eurostile; /* ### tahoma */
	font-size : 11px;
	color : black; /* ### #666666; */
	text-decoration : none;
	padding : 3px 2px 3px 2px;
}
.rightsectionbottom
{
	/* sets style on right section of page (what's new, recently viewed) */
	/*width : 147px;*/
	height: 12px;
	background-image : url(../images/box_bottom_right.gif);
	
}

.midsectiontitle
{
    /* ### background-image : url(../images/title_gradient_bg.gif); */
    /* background-color : #ff850d; ### added */
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #ff850d;
    padding-top: 5px;
    padding-bottom : 4px;
    padding-left : 3px;   
}


.topnavcats
{
	/* sets style on category dropdown section */
	/* the background color is set by the language tag used
	for the dynamic menu */
	width : 960px;
	/*width : 758px;*/
	font-family : arial,sans-serif;
	font-size : 11px;
	color : black; /* ### color : #333333; */
	background : url(../images/top_cat_bg2.gif);
}

.topsection
{
	/* sets style on top section of page */
	width : 960px;
	background-color:#ffffff;
	/*width : 758px;*/
	/*background : url(../images/top_bar_background_light.gif);*/
}

.backgroundcolour
{
	/* sets background to white */
	background-color : #ffffff;
}

.breadcrumb
{
	/* ### border : solid 1px #cccccc; */
	border-top-style: solid 3px #ff850d;
	border-bottom-style: solid 3px #ff850d;
	background-color : white; /* ### #F5F5F5; */
	padding : 3px 3px 3px 3px;
	width : 100%;
}

.breadcrumblink
{
	color : #4A59A5; /* dark blue */
	text-decoration : none;
	font-size : 11px;
	padding:0px;
}

.spacer
{
	/* referenced by elements that used to use a combination of a spacer image 
	and table to create space. The dimensions of the spacer image creates the spacing */
	padding : 0px 0px 0px 0px;
}


/* ######################################################################### */
/* END of styles used to set the various widths of main elements of the site */
/* ######################################################################### */

/* The following three styles are used for the "What's New" control */

.whatsnewparent
{
	/*width: 109px;*/
	width: 100%;
	background-color : #989898;
	padding : 1px 1px 1px 1px;
}

.whatsnewtitle
{
	font-family : arial,sans-serif;
	font-size : 12px;
	color : #ffffff;
	padding : 2px 2px 2px 2px;
	text-align : center;
	background : url(../images/left_nav_title_bg.gif);
}

.whatsnewbody
{
	text-align : center;
	background-color : #FFFFFF;
	padding : 3px 3px 3px 3px;
}

/* The following four styles are used for the "Recently Viewed" control */
.linepadding
{
	padding-top:8px;
	padding-bottom:8px;
}


.recentlypadding
{
	padding-left:10px;
	
}

.recentlyviewedparent
{
	/*width: 109px;*/
	width: 174px;
	background : url(../images/box_body.gif);
	
}

.recentlyviewedtitle
{
	font-family : Eurostile; /* ### tahoma */
	font-size : 11px;
	color : #283652;
	font-weight:bold;
	text-align : left;
	text-decoration : none;
	}

.recentlyviewedmenu
{
    background-color : white; /* ### #f2f6fe; */
	padding-left:0px;
	/* ### 
	border-bottom-width:0px;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width :1px;
	border-top-color : #cccccc;
	border-left-color : #cccccc;
	border-right-color : #cccccc;
	*/
    border-style : none; /* ### solid; */
	/*background : url(../images/box_body.gif);
	background-repeat:repeat-y;*/
}

.SalesAgentMenuTop
{
	padding-left:0px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width :1px;
	border-bottom-color : #666a72;
	border-top-color : #666a72;
	border-left-color : #666a72;
	border-right-color : #666a72;
    border-style : solid;
    background-color : #ededed;
	/*background : url(../images/box_body.gif);
	background-repeat:repeat-y;*/
}

.SArecentlyviewedtitle /* Used for the Sales Agent title */
{
	font-family : Eurostile; /* ### tahoma */
	font-size : 11px;
	color : #283652;
	font-weight:bold;
	text-align : left;
	text-decoration : none;
	}

.whatshotmenu
{
	text-align : left;
	padding-left:0px;
	/* ###
	border-bottom-width:0px;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width :1px;
	border-top-color : #cccccc;
	border-left-color : #cccccc;
	border-right-color : #cccccc;
	*/
    border-style : none; /* ### solid; */
	/*background : url(../images/box_body.gif);
	background-repeat:repeat-y;*/
}

.accessoriesmenu
{
	padding-left:0px;

	/* ###
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width :1px;
	border-bottom-color : #cccccc;
	border-top-color : #cccccc;
	border-left-color : #cccccc;
	border-right-color : #cccccc;
	*/
    border-style : none; /* ### solid; */
    /*background-color : #f3f3f3;*/
    width : 128px;
}

.recentlyviewedbody
{
	text-align : center;
	padding : 2px 2px 2px 2px;
	color: black; /* ### #666666; */
	font-size:10px;
	text-decoration : none;
}

.viewedfonts
{
	color: black; /* ### #666666; */
	font-size:10px;
	text-decoration : none;
	
}

a:HOVER.viewedfonts
{
	color: #ff850d; /* ### color: #000000;*/
	font-size:10px;
	text-decoration : none;
	
}

.recentlyviewedlink
{
	text-align : center;
	text-decoration : none;
	background : url(../images/box_body.gif);
	padding-bottom:5px;
	padding-top:5px;
}


/* The following four styles are used for the "Left Cart Summary" control */

.leftcartsummaryparent
{
	/*width: 109px;*/
	width: 100%;
	background-color : #989898;
	padding : 1px 1px 1px 1px;
}

.leftcartsummarytitle
{
	font-family : arial,sans-serif;
	font-size : 12px;
	color : #ffffff;
	padding : 2px 2px 2px 2px;
	text-align : center;
	background : url(../images/left_nav_title_bg.gif);
}

.leftcartsummarybody
{
	text-align : center;
	background-color : #FFFFFF;
	padding : 1px 1px 1px 1px;
}

.leftcartsummarylink
{
	text-align : center;
	background-color : #c9dbf2;
	padding : 2px 2px 2px 2px;
}

/* The following three styles are used for the "Left Categories" control */

.leftcategoryparent
{
	/*width: 109px;*/
	width: 100%;
	background-color : #989898;
	padding : 1px 1px 1px 1px;
}

.leftcategorytitle
{
	font-family : arial,sans-serif;
	font-size : 15px;
	color : #ffffff;
	padding : 2px 2px 2px 2px;
	text-align : center;
	
}

.leftcategorybody
{
	text-align : center;
	background-color : #FFFFFF;
	padding : 1px 1px 1px 1px;
}

.leftmenu
{
	/*background-color : #989898;*/
}

span.bold
{
	/* used for Your Price on the product details page */
	font-size : 11px;
	font-weight: bold;
}

span.contentTitle 
{
	/* used for Managed Content titles, where the managed
	contents consists of a title and body that loops */
	font-size : 14px;
	font-weight: bold;
}

span.plaintext
{
	/* for plain text */
	font-size : 11px;
	padding : 3px;
}

span.red 
{
	/* used for You Saved on the product details page */
	font-size : 11px;
	color : Red;	
	font-weight: normal;
}

span.tabletext
{
	/* for table text, less padding */
	font-size : 11px;
	padding : 2px;
}

span.tabletitle
{
    font-size : 12px;
}

span.variantitem
{
    margin-top : 18px;
    height : 16px;
}


H1 {
	/* sets the style of the specified header */
	font-size : 16px;
	color : black; /* ### color : #333333; */
}
H2 {
	/* sets the style of the specified header */
	font-size : 15px;
	color : black; /* ### color : #333333; */
}
H3 {
	/* sets the style of the specified header */
	font-size : 14px;
	color : black; /* ### color : #333333; */
	padding-top : 0px;
	margin-top : 0px;
	margin-bottom : 8px;
}

H3.Alt {
	/* sets the style of the specified header */
	font-size : 14px;
	color : black; /* ### color : #333333; */
	padding-top : 0px;
	margin-top : 0px;
	margin-bottom : 0px;
}

table.aspxtable
{
	/* sets 'table' bgcolor */
	/*background-color : #b3b3b3;*/
	border : none 1px black;
}

table.checkoutHeader
{
    background-color : #4d85bd;
}

table.couponcode
{
    background-color : #e2e2e2;
    border : none; /* ### solid 1px #cccccc; */
    padding : 4px 2px 4px 2px;
}

table.details {
	/* sets style on tables that display
	various fields i.e. User account info 
	column colours determined by td.detailsleft
	and td.detailsright */
	/* ### 
	border: 1px solid #e3e3e3;
	background-color : #FFFFFF;
	*/

	/* ### */
    background-color : white;
    color : black;

    border-left-width: 0px;
    border-top-width : 1px;
    border-right-width : 0px;
    border-bottom-width : 1px;

    border-style : solid;

    border-bottom-color : #ff850d;
    /*
    border-right-color : white;
    border-left-color : white;
    */
    border-top-color : #ff850d;
}

table.detailstitle 
{
	/* sets style on Product Details - Product Name */
	border: 1px solid #DBDBDB;
	padding : 0px;
}

table.login 
{
	/* sets style on the Login table */
	
	border-color : #747a85 #747a85 #747a85 #747a85;
	padding : 0px;
	background-color : #cccccc;	
}

table.search 
{
	/* sets style on the search bar table */
	width : 960px;
	background-color:#ffffff;
	
	/*background : url(../images/searchbar_background.gif);*/
}


td {
	/* sets basic font family in table data without a defined style */
	font-family : arial,sans-serif;
	font-size : 11px;
}

td.advancedResults
{
	/* used where specific padding is used, in dynamic tables. */
	/* i.e. All recently viewed items, my favorites, search category results,
	various category controls, shopping cart and order confirmation page */
	
	background-color : white; /* ### #dce9f5; */
	color : White;
	padding : 0px 0px 0px 0px;
	border: 0px solid;
	/* border-color : #ffffff #a0a7b1 #a0a7b1 #ffffff; */
	border-bottom-width : 0px;
	border-right-width : 0px;
}

td.aspxheader
{
	/* sets column header bgcolor and 'cellpadding' */
	font-size : 11px;
	font-weight : bold;
	background-color : black; /* ### #dce9f5;*/
	color : White;
	padding : 5px;
	/*border-color : #ececec #a0a7b1 #a0a7b1 #ececec;*/
	border-bottom-width : 0px;
	border-right-width : 0px;
}

td.aspxheaderalt
{
	/* sets column header bgcolor and 'cellpadding' 
	same as above, but used for variety */
	background-color : #afbed1;
	font-weight : bold;
	padding : 2px;
	border: 1px solid;
	border-color : #ececec #a0a7b1 #a0a7b1 #ececec;
	border-bottom-width : 0px;
	border-right-width : 0px;
}

td.aspxitem
{
	/* used where no padding is needed */
	/* i.e. my favorites, order history, manage addresses, and reports */
	background-color : #f1f1f1;
	/*background-color : whitesmoke;*/
	/* padding set to 0, since padding is set by
	aspxlinks class below */
	padding-left:3px;
	padding-right:2px;
}

td.aspxitempadded
{
	/* used where specific padding is used, in dynamic tables. */
	/* i.e. All recently viewed items, my favorites, search category results,
	various category controls, shopping cart and order confirmation page */
	font-size : 11px;
	/*background-color : #F1F1F1;*/
	background-color : white; /* #### #eaeaea; */
	/*padding : 0px 3px 0px 3px;
	border: 1px solid;
	border-color : #ffffff #a0a7b1 #a0a7b1 #ffffff;*/
	border-bottom-width : 0px;
	border-right-width : 0px;
	padding-left:4px;
	padding-right:3px;
	padding-top: 5px;
	padding-bottom: 5px;
}
td.aspxitempricepadded
{
	/* used where specific padding is used, in dynamic tables. */
	/* i.e. All recently viewed items, my favorites, search category results,
	various category controls, shopping cart and order confirmation page */
	font-size : 11px;
	background-color : white; /* ### #eaeaea; */
	/*background-color : #F1F1F1;*/
	/*padding : 0px 3px 0px 3px;
	border: 1px solid;
	border-color : #ffffff #a0a7b1 #a0a7b1 #ffffff;*/
	border-bottom-width : 0px;
	border-right-width : 0px;
	padding-left:2px;
	padding-right:2px;
	text-align:right
	
	
}
td.aspxitemUnpadded
{
	/* used where no padding is needed. */
	/* i.e. All recently viewed items, search category results,
	and various category controls */
	background-color : #ffffff;
	padding : 0px 0px 0px 0px;
	border: 0px solid;
	border-bottom-width : 0px;
	border-right-width : 0px;
}

td.cartsummary 
{
	/* Used on the left cart summary, recently viewed and what's hot controls */
	font-family : arial,sans-serif;
	font-size : 10px;
	color : white; /* ### #333333; */
	
}

td.categories 
{
	/* Sets style on the top categories control */
	/* Note: this control is only displayed when the dropdown menu is not used. */
	font-family : arial,sans-serif;
	font-size : 12px;
	color : #474765;
	font-weight : bold;
}

td.description
{
	font-family : arial,sans-serif;
	font-size : 12px;
}

td.detailstitle {
	/* sets style on the item name above the Details */
	border: 0px outset;
	background-color : #EFF3F8;
	font-size : 12px;
	font-weight : bold;
}

.childitems 
{
	background-color : black; /* ### #dce9f5; */
	color : white; /* ### */
	font-size : 11px;
	padding-left:5px;
	padding-top:4px;
	padding-bottom:4px;
	padding-right : 3px;
	font-weight:bold;
	font-family: Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif;
}

.childitemscontent 
{
	background-color : white; /* ### #eaeaea;*/

	padding : 3px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:3px;
	font-size : 11px;
	color : black; /* ### #333333; */

		/* ### */
    border-top-width : 0px;
    border-bottom-width : 1px;
    border-left-width : 0px;
    border-right-width : 0px;
    border-color : #ff850d;
    border-style : solid;
}


.detailsleft {
	/* sets style on the left part of the Details section
	(Manufacturer SKU, Description, Web Price etc.)
	used throughout the site where a listing is displayed, such 
	such as user info, where the left column and right column
	are shown with different colors */
	color : black; /* ### #666666; */
	/* background-color : #e3e3e3; ### */
	font-size : 11px;
	font-weight:bold;	
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:3px;
	font-family: Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif;
	border: 0px solid;
	/*border-color : #FFFFFF #c6c6c6 #c6c6c6 #FFFFFF;*/
}

.detailsright 
{
	/* sets style on the right part of the Details section
	used throughout the site where a listing is displayed, such
	such as user info, where the left column and right column
	are shown with different colors */
	color : black; /* ### #666666; */
	/* background-color : #f3f3f3; ### */
	font-size : 11px;
	border: 0px solid;
	/*border-color : #ffffff #cccccc #cccccc #ffffff;*/
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:3px;
}

td.detailsheader 
{
	/* sets style on the header section of reports */
	padding : 1px;
	background-color : #E3E9ED;
	font-size : 11px;
	border: 1px solid;
	border-color : #ffffff #a0a7b1 #a0a7b1 #ffffff;
	border-bottom-width : 0px;
	border-right-width : 0px;
}

td.large 
{
	/* used on the Featured Items control */
	font-family : Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif; /* arial,sans-serif; ### */
	font-size : 16px;
	font-weight : 800;
	color : black; /* ### color : #333333; */
}
.large
{
	/* used on the Featured Items control */
	font-family : Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif; /* arial,sans-serif; ### */
	font-size : 16px;
	font-weight : 800;
	color : black; /* ### color : #333333; */
	padding-left:0px;
}

.leftcattitle 
{
	/* Sets style on various controls where a white text is displayed against a dark background */
	/* i.e. recently viewed, what's hot, left cart summary, what's new, left categories */
	font-family : Eurostile; /* ### tahoma */
	font-weight:bold;
	font-size : 12px;
	color : #003e7b;
	
	/*background : url(../images/left_nav_title_bg.gif);*/
}

/* ##################################################### */
/* The following styles are used for the left categories */
/* ##################################################### */


/* The following styles are used for the <TD> background color */

.catLevel1
{
	/* sets style on the 1st level categories */
	background-color : #FFFEE4; /* yellow */
}

.catLevel1ON
{
	/* sets style on active 1st level category */
	background-color : #625091; /* dk blue */
}

.catLevel2
{
	/* sets style on the 2nd level categories */
	background-color : #8491CF;
}

.catLevel2ON
{
	/* sets style on active 2nd level category */
	background-color : #4966E1;
}

.catLevel2FOCUS
{
	/* sets style on active 2nd level category */
	background-color : #B8C4F8;
}

.catLevel3
{
	/* sets style on the 3rd level categories */
	background-color : #A4B3F5;
}

.catLevel3ON
{
	/* sets style on active 3rd level category */
	background-color : #4966E1;
}

.catLevel3FOCUS
{
	/* sets style on active 3rd level category */
	background-color : #C8D1F9;
}

.catLevel4
{
	/* sets style on the 4th level categories */
	background-color : #C1CBF8;
}

.catLevel4ON
{
	/* sets style on active 4th level category */
	background-color : #4966E1;
}

.catLevel4FOCUS
{
	/* sets style on active 3rd level category */
	background-color : #C8D1F9;
}

.catLevel5
{
	/* sets style on the 5th level categories */
	background-color : #DCE1FA;
}

.catLevel5ON
{
	/* sets style on active 5th level category */
	background-color : #4966E1;
}

.catLevel5FOCUS
{
	/* sets style on active 3rd level category */
	background-color : #C8D1F9;
}

/* The following styles are used for the HREF colors */

.catHREF1
{
	/* sets style on the 1st level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : black; /* ### #666666; */
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.catHREF1ON
{
	/* sets style on active 1st level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #FFFFFF;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.catHREF2
{
	/* sets style on the 2nd level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #FFFFFF;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.catHREF2ON
{
	/* sets style on active 2nd level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #FFFFFF;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.catHREF2FOCUS
{
	/* sets style on active 2nd level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #081031;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.catHREF3
{
	/* sets style on the 3rd level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #000033;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.catHREF3ON
{
	/* sets style on active 3rd level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #FFFFFF;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.catHREF3FOCUS
{
	/* sets style on active 3rd level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #081031;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.catHREF4
{
	/* sets style on the 4th level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #000033;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.catHREF4ON
{
	/* sets style on active 4th level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #FFFFFF;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.catHREF4FOCUS
{
	/* sets style on active 4th level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #081031;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.catHREF5
{
	/* sets style on the 5th level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #000033;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.catHREF5ON
{
	/* sets style on active 5th level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #FFFFFF;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.highlight
{
	font-size:11px;
	color:#ffffff;
	font-family: Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif;
	font-weight:bold;
	
	
	}
	
/* ####################################### */
/* END styles used for the left categories */
/* ####################################### */

.border
{	
	border-right:solid 1px #ebe8d7;
}



.categoryMargin
{
	margin-top:1px;
}

.goleft
{
	float:left;
	vertical-align:top;
}
.categorytext
{
	font-size: 11px;
	font-family: Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif;
	color:white;
	text-decoration: none;
	font-weight:bold;
}

A:hover.categorytext
{
	font-size: 11px;
	font-family: Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif;
	color:white;
	text-decoration: none;
	font-weight:bold;	
}

.learnmore
{
	font-size: 11px;
	font-family: Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif;
	color: black; /* ### #2f4c87; */
	text-decoration: none;
	padding-left:5px;
	
}

a:hover.learnmore
{
	font-size: 11px;
	font-family: Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif;
	color:#000000;
	text-decoration: none;
	padding-left:5px;
	
}

/* ##################################################### */
/* The following styles are used for the login */
/* ##################################################### */


.accountmenu
{
	text-align : left;
	padding-left:0px;
	border : none; /* ### border : solid 1px #CCCCCC; */
}

.accountmenutext
{
	font-family: Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif;
	font-size:9.5pt;
	color: black; /* ### #666666; */
	text-decoration:none;
	 text-align:left;
	 padding:3px;
	 }

a:HOVER.accountmenutext
{
	font-family: Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif;
	font-size:9.5pt;
	color: #000000;
	text-decoration:none;
}


.logintext
{
	font-family: Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif;
	font-size:9.5pt;
	color: black; /* ### #666666; */
	text-decoration:none;
	
}

a:HOVER.logintext
{
	font-family: Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif;
	font-size:9.5pt;
	color: #000000;
}

/* ##################################################### */
/* The following styles are used for the grid */
/* ##################################################### */

.headergrid
{
	background-color:#d0e3f4;
	font-size:11px;
	font-family: Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif;
	color:#ffffff;
	padding:5px;
}

.blue_bg td {background-color:#6f95b5; font-size:12px; font-family:Eurostile, Helvetica Neue, Arial, Helvetica, sans-serif; padding:5px; color:#FFFFFF; font-weight:bold;}
.white_bg td {background-color:#ffffff; font-size:11px; font-family:Eurostile, Helvetica Neue, Arial, Helvetica, sans-serif; padding:5px; color:#000000; font-weight:100;}
.gray_bg td {background-color: #CCCCCC; font-size:11px; font-family:Eurostile, Helvetica Neue, Arial, Helvetica, sans-serif; padding:5px; color:#000000; font-weight:100;}


/* ##################################################### */
/* The following styles are used for the left categories */
/* ##################################################### */

.leftlevel1text
{
	font-family: Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif;
	font-size:11px;
	font-weight:bold;
	color: black; /* ### color: #464646; */
	text-decoration:none;

}

a:HOVER.leftlevel1text
{
	font-family: Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif;
	font-size:11px;
	font-weight:bold;
	color: #ff850d; /* ### color: #000000; */
}

.leftlevel2text
{
	font-family: Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif;
	font-size:11px;
	font-weight:bold;
	color: black; /* ### color: #9b9b9b; */
	text-decoration:none;

}

a:HOVER.leftlevel2text
{
	font-family: Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif;
	font-size:11px;
	font-weight:bold;
	color: #ff850d; /* ### color: #000000; */
}
.leftlevel3text
{
	font-family: Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif;
	font-size:11px;
	font-weight:bold;
	color: black; /* ### color: #777777; */
	text-decoration:none;

}

a:HOVER.leftlevel3text
{
	font-family: Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif;
	font-size:11px;
	font-weight:bold;
	color: #ff850d; /* ### color: #000000; */
}

.highlighttext
{
	font-family: Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif;
	font-size:9pt;
	font-weight:bold;
	color: black; /* #464646;*/
	text-decoration:none;
}


.FeaturedItemBlock
{
    /* background-color : #ededed; ### */
    text-align : left;
    margin-bottom : 0px;
    margin-top : 1px;
    border : none; /* ### border : solid 1px #CCCCCC; */
}

.FeaturedItemBlockIn
{
    background-color : #FFFFFF;
    width : 130px;
}


.CategoryItemBlockIn
{
    background-color : #FFFFFF;
    width : 120px;
}

.CategoryItemBlock
{
    /* background-color : #ededed; ### */
    text-align : center;
    margin-bottom : 3px;
    margin-top : 3px;
    border : none; /* ### border : solid 1px #CCCCCC; */
}

.CategorySmallItemBlockIn
{
    background-color : #FFFFFF;
    width : 65px;
}

.CategorySmallItemBlock
{
    /* background-color : #ededed; ### */
    text-align : center;
    margin-bottom : 3px;
    margin-top : 3px;
    border : none; /* ### border : solid 1px #CCCCCC; */
}

.addtlImageBlock
{
    /* background-color : #ededed; ### */
    text-align : center;
    margin-bottom : 2px;
    margin-top : 2px;
    border : none; /* ### border : solid 1px #CCCCCC; */
}

.ItemListBlock
{
    /* background-color : #ededed; ### */
    text-align : center;
    margin-bottom : 5px;
    margin-top : 5px;
    border : none; /* ### border : solid 1px #CCCCCC; */
    /* background-image : url(../images/itemblockbg.gif); ### */
}

.ItemListBlockIn
{
    background-color : #FFFFFF;
    width : 130px;
}

/* ##################################################### */
/* The following styles are used for the top categories */
/* ##################################################### */

.top
{
	z-index:100;}

.toplevel1
{
	background-image:url(../images/top_menu_bar.gif);
	/*width:600px;*/
	height:31px;
}

.toplevel1text
{
	font-family: Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif;
	font-size:8pt;
	font-weight:bold;
	color: #464646;
	text-decoration:none;
	width:100px;
	padding-left:5px;
	padding-right:5px;
	
}

a:HOVER.toplevel1text
{
	font-family: Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif;
	font-size:8pt;
	font-weight:bold;
	color: #000000;
}

.toplevel2
{
	/*background:url(../images/medium_blue_cube.gif);*/
	
}

.toplevel2text
{
	font-family: Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif;
	font-size:7pt;
	color: #777777;
	background-color:#d9e9ff;
	padding-right:50px;
	padding-left:10px;
	display : block;
	position : relative;
}

.accountmenutext
{
	font-family: Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif;
	font-size:7pt;
	color: #777777;
	background-color:#d9e9ff;
	padding-right:50px;
	padding-left:10px;
}
a:HOVER.toplevel2text
{
    font-family: Eurostile, Helvetica Neue, Arial, helvetica, Sans-Serif;
	font-size:7pt;
	color: #000000;
	background-color:#a4cffc;
	padding-right:50px;	
}


td.leftcat 
{
	/* sets style on the 1st level categories in the left category control */
	background-color : #FFFEE4;
}

td.mausover 
{
	/* Used in the tabs of the Product Details templates - color of tab when selected */
	/* Note: changes made here must also be made to the templates themselves, */
	/* as the javascript used for the tabbing requires specific values */
	background-color : #dddddd; 
}
td.mausnotover 
{
	/* Used in the tabs of the Product Details templates - color of tab when NOT selected */
	/* Note: changes made here must also be made to the templates themselves, */
	/* as the javascript used for the tabbing requires specific values */
	background-color : #fbfbfb;
}

td.navwhite 
{
	/* Used on the Pagelinks, accountlinks and signinsummary controls */
	font-family : verdana,arial,sans-serif;
	font-size : 11px;
	color : #ffffff;
}

td.padded
{
	/* used in the My Favorites control */
	font-size : 11px;
	background-color : #B3B3B3;
	padding : 3px 0px 0px 0px;
}

td.reg 
{
	/* Used in Featured Items, Footer, Search bar, Cart Summary */
	/* Just ordinary text, nothing special */
	font-family : arial,sans-serif;
	font-size : 12px;
	color : black; /* ### #666666; */
}

A.aspxlinks {
	/* sets style on links in various pages such as: */
	/* my favorites, customer order history, manage address, order history, reports etc. */
	font-size : 11px;
	padding : 3px;
	color : black; /* ### color : #333333; */
	text-decoration : none;
	display : block;
	position : relative;
}
A:HOVER.aspxlinks {
	/* changes the link color and places
	a color bar behind the link on hover by
	changing the 'color' and 'background-color' settings */
	font-size : 11px;
	padding : 3px;
	color : black; /* ### color : #333333; */
	background-color : #dce9f5;
	text-decoration : none;
	display : block;
	position : relative;
}

a.cartsummary 
{
	/* sets style on Left Cart Summary, recently viewed and what's hot control links */
	font-family : Eurostile; /* ### tahoma */
	font-size : 10px;
	color : black; /* ### color : #626262; */
	text-decoration : none;
	padding : 3px;
	display : block;
	position : relative;
}

a:hover.cartsummary 
{
	/* sets style on Left Cart Summary, recently viewed and what's hot control links */
	font-family : Eurostile; /* ### tahoma */
	font-size : 11px;
	color : #000000;
	text-decoration : none;
	padding : 3px;
	display : block;
	position : relative;
}


A.dvpsubcat 
{
	/* sets style on 1st level Left Category links */
	font-size : 11px;
	color : #003399;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;
}


A.advancedResults 
{
	/* sets style on Category links on the Advanced Search Results page*/
	font-size : 12px;
	color : black; /* ### #003399; */
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 3px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 3px;
}

A:HOVER.advancedResults 
{
	/* sets style on HOVER Category links on the Advanced Search Results page */
	font-size : 12px;
	color : #ff850d; /* ### #d31313; */
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 3px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 3px;
}


A.advancedResultsSmall 
{
	/* sets style on Category links on the Advanced Search Results page*/
	font-size : 11px;
	color : #003399;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 3px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 3px;
}

A:HOVER.advancedResultsSmall
{
	/* sets style on HOVER Category links on the Advanced Search Results page */
	font-size : 11px;
	color : #d31313;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 3px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 3px;
}

a.gray 
{
	/* Used where gray links are needed */
	/* For example: Footer, Searchbar, CartSummary */
	font-family : Eurostile; /* ### tahoma */
	font-weight:bold;
	font-size : 11px;
	color : black; /* ### #2f4c87; */
	text-decoration : none;
}

a:HOVER.gray
{
	/* Used where gray links are needed */
	/* For example: Footer, Searchbar, CartSummary */
	font-family : Eurostile; /* ### tahoma */
	font-weight:bold;
	font-size : 11px;
	color : black; /* ### #2f4c87; */
	text-decoration : none;
}

A.more {
	/* sets style on navigation links such as  A-C D-F */
	color : #003399;
	text-decoration : none;
	font-size : 11px;
	padding-bottom : 2px;
	padding-left : 0px;
	padding-right : 2px;
	padding-top : 2px;
}
A:HOVER.more {
	/* sets style on navigation links such as  A-C D-F */
	text-decoration : none;
	font-size : 11px;
	padding-bottom : 2px;
	padding-left : 0px;
	padding-right : 2px;
	padding-top : 2px;
}

.thumbnailtoEnlarge
{
    cursor : hand;
    border : none; /* ### solid 3px #cccccc; */
}

div#large_image
{
    position: absolute; 
    left: 174px;
    top : 152px;
    visibility:hidden;
    border : none; /* ### solid 2px #cccccc; */
    background-color : #ffffff;
    padding : 2px 2px 5px 2px;
}


a.navwhite 
{
	/* Used where white links are needed.*/
	/* For example: accountlinks and pagelinks controls */
	font-family : verdana,arial,sans-serif;
	font-size : 11px;
	color : #4B4B76;
	text-decoration : none;
}

a.navwhitetop
{
	/* Used where white links are needed.*/
	/* For example: accountlinks and pagelinks controls */
	font-family : tahoma; /*Eurostile; /* ### tahoma */
	font-weight:bold;
	font-size : 11px;
	color : white; /* ### #2f4c87; */
	text-decoration : none;
}

a:HOVER.navwhitetop
{
	/* Used where white links are needed.*/
	/* For example: accountlinks and pagelinks controls */
	font-family : Eurostile; /* ### tahoma */
	font-weight:bold;
	font-size : 11px;
	color : #ff850d; /* ### #2f4c87; */
	text-decoration : none;
}

A.others 
{
	/* Sets style on links that do not require special attributes */
	color : black; /* ### #485e8b; - dark blue */
	text-decoration : none;
	font-size : 11px;
}

A:HOVER.others 
{
	/* Sets style on links that do not require special attributes */
	color : #ff850d; /* ### red; */
	text-decoration : none;
	font-size : 11px;
}

.thumbnail /* Used for images with a border */
{
	/* Sets style on links that do not require special attributes */
	border : none; /* ### border : solid 1px #485e8b;*/ /* dark blue */
}

A.grid 
{
	/* Sets style on links that do not require special attributes */
	color : black; /* ### #4A59A5; */
	font-size : 11px;
	padding-left:5px;
	text-decoration : none;
}

A.productdetails 
{
	/* Sets the link in the tabs of the product details page */
	color : black; /* ### #464646; */
	text-decoration : none;
	font-size:11px;
	font:Eurostile; /* ### tahoma */
	position : relative;
	font-weight : bold;
}

A.related {
	/* sets style on Related Items on the product details page, specifically the 
	Item Name that acts as a link. Also used for the predictorprods control */
	color : #333366;
	text-decoration : none;
	font-size : 11px;
	display : block;
	position : relative;
	padding: 3px;
}

A.whatsnew {
	/* sets style on What's New links at the right of page,
	in the What's New section */
	color : #003399;
	text-decoration : none;
	display : block;
	position : relative;
	font-size : 11px;
	font-weight : bold;
}

input.standard 
{
	/* Use for input text on Advanced Search page and the default Search Bar */
	font-family : Eurostile, Helvetica Neue, Arial, Helvetica, sans-serif;
	border: 1px solid #999999;
	font-size : 11px;
	color : black; /* ### color : #333333; */
	margin-bottom: 0px;
	margin-top: 0px;
	background-color : #ffffff;
	
}

input.solid {
	/* Use for input text - This is the default style applied to textboxes */
	font-family : Eurostile, Helvetica Neue, Arial, Helvetica, sans-serif;
	border-color : #999999;
	border-style : solid;
	border-width : 1px;
	font-size : 11px;
	font-weight : normal;
	color : #000000; 
	background-color : #ffffff;
	margin-bottom: 0px;
	margin-top: 0px;
	padding : 1px 1px 1px 3px;
}

input.solidform {
	/* Use for input text on the Address control. 
	The address control is used on the checkout page, for example. */
	font-family : Eurostile, Helvetica Neue, Arial, Helvetica, sans-serif;
	border-color : #999999;
	border-style : solid;
	border-width : 1px;
	font-size : 11px;
	color : black; /* ### color : #333333; */
	background-color : #ffffff;
	margin-bottom: 0px; 
	margin-top: 0px;
	padding : 1px 1px 1px 3px;
	width : 129px;
}

/* ########################### */
/* Start Paging control styles */
/* ########################### */

input.pageon 
{
	/* Sets the style on "numbers" when the number reflects the page you are on */
	font-weight : bold;
	background-color : #F5F5F5;
	color : #333366;
	font-family : Eurostile, Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size : 11px;
	border-width : 0px;
	border : 1px solid #cccccc;
	/* both cursor values are required for browsers other than IE*/
	cursor : pointer;
	cursor : hand;
	padding : 0px 1px 0px 1px;
	margin : 0px 0px 0px 0px;
}

input.pageoff 
{
	/* Sets the style on "numbers" when the number does not reflect the page you are on */
	font-weight :normal;
	background-color : #FFFFFF;
	color : black; /* ### color : #333333; */
	font-family : Eurostile, Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size : 11px;
	border-width : 1px;
	border : 1px solid #FFFFFF;
	/* both cursor values are required for browsers other than IE*/
	cursor : pointer;
	cursor : hand;
	padding : 0px 1px 0px 1px;
	margin : 0px 0px 0px 0px;
}

/* ######################### */
/* End Paging control styles */
/* ######################### */

select.cc
{
	/* Sets style on the Credit Card control select form elements */
	font-size : 11px;
}

select.solid
{
	/* Sets style on the select form elements */
	font-size : 11px;
	color : black; /* ### color : #333333; */
}

textarea.solid
{
    font-family : Eurostile, Helvetica Neue, Arial, Helvetica, sans-serif;
	border-color : #999999;
	border-style : solid;
	border-width : 1px;
	font-size : 11px;
	color : black; /* ### color : #333333; */
	background-color : #ffffff;
	margin-bottom: 0px;
	margin-top: 0px;
	overflow : hidden;
}

/* ################################################ */
/* START Dropdown Account Navigation related styles */
/* ################################################ */

.MenuBox {
	border-top: 0px solid #ffffff;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}

a.MenuHeader
{
	COLOR: #4B4B76;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Eurostile, Helvetica Neue, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
	display: block;
	position:relative;
	margin-left: 4px;
	margin-top: 5px;
	cursor : default;
}

a.MenuHeader:visited
{
	COLOR: #4B4B76;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Eurostile, Helvetica Neue, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
	display: block;
	position:relative;
	margin-left: 4px;
	margin-top: 5px;
}

a.MenuItem
{
	COLOR: #4B4B76;
	FONT-SIZE: 11px;
	FONT-FAMILY: Eurostile, Helvetica Neue, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
	display: block;
	position:relative;
	padding : 3px 0px 3px 5px;
}

a.MenuItem:visited
{
	COLOR: #4B4B76;
	FONT-SIZE: 11px;
	FONT-FAMILY: Eurostile, Helvetica Neue, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
	display: block;
	position:relative;
	padding : 3px 0px 3px 5px;
}

a:HOVER.MenuItem
{
	COLOR: #FFFFFF;
	FONT-SIZE: 11px;
	FONT-FAMILY: Eurostile, Helvetica Neue, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
	display: block;
	position:relative;
	padding : 3px 0px 3px 5px;
}

/* ############################################## */
/* END Dropdown Account Navigation related styles */
/* ############################################## */

font.title 
{
	/* Used for page titles */
	font-size : 13px;
	font-weight : bold;
}

/* These values below are used for the Textarea manager in
Content Manager, these should not be modified unless you
know what you are doing */
font.fontminus2 {
	font-size: 9px;
}
font.fontminus1 {
	font-size: 10px;
}
font.fontstandard {
	font-size: 11px;
}
font.fontplus1 {
	font-size: 12px;
}
font.fontplus2 {
	font-size: 13px;
}
font.fontplus3 {
	font-size: 14px;
}
font.fontplus4 {
	font-size: 15px;
}
font.fontplus5 {
	font-size: 16px;
}
font.fontplus6 {
	font-size: 17px;
}
font.fontplus7 {
	font-size: 18px;
}
font.fontplus8 {
	font-size: 19px;
}
font.fontplus9 {
	font-size: 20px;
}

.product_title {color: #000000; font-weight:bold; font-size:14px;font-family:Eurostile, Helvetica Neue, Arial, Helvetica, sans-serif;}
.product_text {color: black; font-size:12px; font-family:Eurostile, Helvetica Neue, Arial, Helvetica, sans-serif; vertical-align:top; padding:5px;}
.product_text_alt {color: black; font-size:12px; font-family:Eurostile, Helvetica Neue, Arial, Helvetica, sans-serif; vertical-align:top; padding:5px;}