.fuvb{}

hr.gray
{
    /* used for the gray HRs on the site - needed to add this for browser compatibility */
    HEIGHT: 1px;
    color : #cccccc;
    border-bottom-width : 1px;
    border-bottom-color : #afafaf;
    border-bottom-style : solid;
    border-left-width : 0px;
    border-right-width : 0px;
    border-right-width : 0px;
    border-top-width : 0px;
}

/* DVPDS20090302 - This is the set of entries for the new left category control - LeftCategoryWithoutTree.ascx */
/* ##### START ##### */

/* set top category div here */
div.toplevelcat
{
    /*background-color : #CCCCCC; */
    padding-left : 0px;
    
}

/* set second level category div here */
div.secondlevelcat
{
    /*background-color : #efefef; */
    padding-left : 15px;
    position : relative;
}

/* set third level category div here */
div.thirdlevelcat
{
    /*background-color : #FFFFFF; */
    padding-left : 30px;
    position : relative;
}

/* set third level category div here */
div.forthlevelcat
{
    /*background-color : #FFFFFF; */
    padding-left : 45px;
    position : relative;
}

/*set class for sitelinks at top of page */
div.toptextsitelink
{
    float:left; 
    vertical-align:middle;
    padding-top:2px;
    padding-left:5px;
    padding-right:5px;
}

/*set class for sitelink divider at top of page */
div.topdivsitelink
{
    float:left; 
    vertical-align:middle;
    padding-top:1px;
    padding-left:5px;
    padding-right:5px;
}

/* start top level link here */
a.toplevelcat
{
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11px;
    font-weight : normal;
    color : #000000;
    display: block;
	position : relative;
	padding : 3px 2px 3px 2px;
	text-decoration : none;
}

/* set visited top level link here - should match a.toplevelcat */
a:VISITED.toplevelcat
{
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11px;
    font-weight : normal;
    color : #000000;
    display: block;
	position : relative;
	padding : 3px 2px 3px 2px;
	text-decoration : none;
}

/* set hover color of top level link here */
a:HOVER.toplevelcat
{
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11px;
    font-weight : normal;
    color : #000000;
    text-decoration : none;
    display: block;
	position : relative;
	padding : 3px 2px 3px 2px;
	background-color : #ffffff;
}

a.toplevelcatOn
{
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11px;
    font-weight : bold;
    color : #000000;
    display: block;
	position : relative;
	padding : 3px 2px 3px 2px;
	text-decoration : none;
}

/* set visited top level link here - should match a.toplevelcat */
a:VISITED.toplevelcatOn
{
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11px;
    font-weight : bold;
    color : #000000;
    display: block;
	position : relative;
	padding : 3px 2px 3px 2px;
	text-decoration : none;
}

/* set hover color of top level link here */
a:HOVER.toplevelcatOn
{
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11px;
    font-weight : bold;
    text-decoration : none;
    color : #000000;
    display: block;
	position : relative;
	padding : 3px 2px 3px 2px;
}

/* start second level link here */
a.secondlevelcat
{
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11px;
    font-weight : normal;
    color : #000000;
    display: block;
	position : relative;
	padding : 3px 2px 3px 2px;
	text-decoration : none;
}

/* set visited second level link here - should match a.secondlevelcat */
a:VISITED.secondlevelcat
{
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11px;
    font-weight : normal;
    color : #000000;
    display: block;
	position : relative;
	padding : 3px 2px 3px 2px;
	text-decoration : none;
}

/* set hover color of second level link here */
a:HOVER.secondlevelcat
{
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11px;
    font-weight : normal;
    color : #000000;
    display: block;
	position : relative;
	padding : 3px 2px 3px 2px;
	text-decoration : none;
	/*background-color : Aqua; */
}

/* start second level link here */
a.secondlevelcatOn
{
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11px;
    font-weight : bold;
    color : #330000;
    display: block;
	position : relative;
	padding : 3px 2px 3px 2px;
	text-decoration : none;
}

/* set visited second level link here - should match a.secondlevelcat */
a:VISITED.secondlevelcatOn
{
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11px;
    font-weight : bold;
    color : #330000;
    display: block;
	position : relative;
	padding : 3px 2px 3px 2px;
	text-decoration : none;
}

/* set hover color of second level link here */
a:HOVER.secondlevelcatOn
{
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11px;
    font-weight : bold;
    color : #330000;
    display: block;
	position : relative;
	padding : 3px 2px 3px 2px;
	text-decoration : none;
	/*background-color : Aqua; */
}

/* start third level link here */
a.thirdlevelcat
{
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11px;
    font-weight : bold;
    color : #003399;
    display: block;
	position : relative;
	padding : 3px 2px 3px 2px;
	text-decoration : none;
}

/* set visited third level link here - should match a.thirdlevelcat */
a:VISITED.thirdlevelcat
{
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11px;
    font-weight : bold;
    color : #003399;
    display: block;
	position : relative;
	padding : 3px 2px 3px 2px;
	text-decoration : none;
}

/* set hover color of third level link here */
a:HOVER.thirdlevelcat
{
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11px;
    font-weight : bold;
    color : #003399;
    display: block;
	position : relative;
	padding : 3px 2px 3px 2px;
	text-decoration : none;
	/*background-color : Maroon; */
}

/* start fourth level link here */
a.forthlevelcat
{
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11px;
    font-weight : bold;
    color : #003399;
    display: block;
	position : relative;
	padding : 3px 2px 3px 2px;
}

/* set visited fourth level link here - should match a.thirdlevelcat */
a:VISITED.forthlevelcat
{
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11px;
    font-weight : bold;
    color : #003399;
    display: block;
	position : relative;
	padding : 3px 2px 3px 2px;
}

/* set hover color of fourth level link here */
a:HOVER.forthlevelcat
{
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11px;
    font-weight : bold;
    color : #003399;
    display: block;
	position : relative;
	padding : 3px 2px 3px 2px;
}

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

.addtocart
{
    /* used in the AddtoCart control */
    vertical-align:middle;
    padding-top:2px;
    padding-right:3px;
}

.addtocartQTY
{
    /* used in the AddtoCart control */
    float:right; 
    vertical-align:middle; 
    padding-left:4px;
}

/* ####### START - This section is for the product_imagelist.ascx, references to image-slideshow.js ###### */

#dhtmlgoodies_slideshow
{
    width:214px;	/* Total width of slideshow */
    padding-top : 10px;
}
	
#previewPane
{
    border:1px solid #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: Arial, Helvetica, 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 : pointer;
}

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

#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:pointer;
    border: 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;
}

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


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 : pointer;
    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;*/
}

/* 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: #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: #003e7b;
    padding: 4px 18px 6px 14px;
    cursor : pointer;
    /*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 : pointer;
}

/* 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:#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 : pointer;
}

.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: #003e7b;
    cursor : pointer;
}

/* 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
{
    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;
}

/* 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
{
    /* first level width - DVPDS20080825 - This is a minimum width value. The actual */ 
    /* width is now determined by the length of the category name (without wrapping). */
    /* Code to prevent wrapping is contained in the MenuAdapter.vb file (app_code\Adaptors) */
    /* Style setting for the first level links: .PrettyMenu ul.AspNet-Menu li a, */
    _width: expression('50px'); /* used by IE 6 (ignore by IE7 and Firefox). The underscore is the key here */
    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: Arial, Helvetica, Sans-Serif;
    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 : #dbdee1;
}

.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: #003e7b;
    padding: 3px 2px 5px 14px;
    display: block;
	position : relative;
    border-bottom: 0;
    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 : pointer;
    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:#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 : pointer;
}

.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: #003e7b;
    cursor : pointer;
}

/* 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;
}


/* ------------------------------------------------------------------- */
/* 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: Arial, Helvetica, Sans-Serif;
    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 ######## */

.asterisk /* used where an asterisk is next to a required field */
{
    color : #660000;
    font-size : 11px; 
    font-weight : normal; 
}

.itemlisting 
{
    /* sets table in ItemList.ascx */
    width : 100%;
    padding : 5px 3px 5px 3px;
}

td.qorder
{
    background-color : #a0a0a0;
    color : #FFFFFF;
    font-size : 12px;
    font-weight : bold;
    padding : 4px 5px 4px 5px;
}

td.item 
{
    /* sets TD in ItemList.ascx */
	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;
}

td.searchtitle
{
    font-size : 13px;
	font-weight : bold;
	color : #FFFFFF;
}

td.itemimage
{
    /* sets TD in ItemList.ascx */
    width:32px;
    color : #333333;
    padding : 1px 1px 1px 1px;
    background-color : #FFFFFF;
    border-bottom-width: 0px;
	border-left-width : 0px;
	border-right-width : 0px;
	border-top-width : 0px;
	border-style : solid;
	border-color : #FFFFFF;
}

td.itemname
{
    /* sets TD in ItemList.ascx */
    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;
}

td.itemtax
{
    /* sets TD in ItemList.ascx */
    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;
}

td.itemqty
{
    /* sets TD in ItemList.ascx */
    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;
}

table.primaryimage
{
    /* used in various product templates */
    width : 205px;
    border : solid 1px #CCCCCC;
    padding : 2px 2px 2px 2px;
}

body
{
	/* sets basic style on the body */
	margin-top : 0px;
	margin-left : 0px;
	margin-right : 0px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 11px;
	color : #333333;
	/* For background images, use for example: background : url(../images/searchbar_bg.gif); */
	background-color : #cccccc;
}

BODY.default {
	/* sets basic style on the body */
	margin-top : 0px;
	margin-left : 0px;
	margin-right : 0px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 11px;
	color : #333333;
	/* sets background color and/or background image if specified */
	/* For background images, use for example: background : url(../images/searchbar_bg.gif); */
	background-color : #c7e2f5;
	height : 100%;
}

BODY.print {
	/* sets basic style on the body */
	margin-top : 10px;
	margin-left : 10px;
	margin-right : 10px;
	margin-bottom : 10px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 11px;
	color : #000000;
	/* sets background color and/or background image if specified */
	/* For background images, use for example: background : url(../images/searchbar_bg.gif); */
	background-color : #ffffff;
}

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


/* ### START - These styles are used to set the various main elements of the site (in MASTER pages) ### */

div#PreLeftSection
{
    /* sets divider section between mainsection and leftsection */
    float : left;
    width :5px;
    min-height : 100%;
    /*background-image:url(../images/left_shadow.gif);*/
}

div#SectionDividerLeft
{
    /* sets divider section between mainsection and leftsection */
    float : left;
    width : 15px;
    /*margin-bottom : -50000px; 
    padding-bottom : 50000px;*/
    background-color : #ffffff;
}

div#SectionDividerRight
{
    /* sets divider section between mainsection and rightsection */
    float : left;
    width : 4px;
}

div#PostRightSection
{
    /* sets divider section between mainsection and leftsection */
    float : left;
    width : 4px;
}

div#category
{
    /* sets DIV area for Change Catalog section */
	background-image:url(../images/top_menu_bar_dark.gif);
	position: absolute; 
	left: 5px; 
	top: 62px; 
	width: 130px; 
	height: 24px;
	padding-top : 0px;
	border-left-width: 1px;
    border-top-width : 1px;
    border-right-width : 0px;
    border-bottom-width : 0px;
    border-style : solid;
    border-bottom-color : #333333;
    border-right-color : #cccccc;
    border-left-color : #c3c3c3;
    border-top-color : #c3c3c3;
}

div#flags
{
    /* sets DIV area for language flags in TopSection.ascx */
    position: absolute; 
    left: 809px; 
    top: 4px; 
    border: 0px;
}

div#sitelinks
{
    /* sets DIV area for sitelinks in TopSection.ascx */
    position: absolute; 
    right: 180px; 
    top: 4px; 
    border: 0px;
}

div#menuBar
{
    /* set DIV area for the menu bar*/
	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;
    border-top-width : 1px;
    border-right-width : 1px;
    border-bottom-width : 0px;
    border-style : solid;
    border-bottom-color : #333333;
    border-right-color : #c3c3c3;
    border-left-color : #000000;
    border-top-color : #c3c3c3;
}

div#accountBar
{
    /* sets DIV area for AccountMenu.ascx */
    border: 0px;
    padding : 0px 0px 0px 0px;
    z-index : 8100;
    background-color : #f2f6fe;
    margin-bottom : 7px;
}

div#TopTopArea
{
    /* Defines the top level DIV */
    margin-left : auto;
    margin-right : auto;
	background-color : #FFFFFF;
	position : relative;
	/*overflow:hidden;*/
	background-image : url(../images/top_section_bg.jpg);
	background-repeat : repeat-x;
	background-color : #c7e2f5;
	height : 100%;
	text-align : center;
}

table.tbody
{
    /* second nested DIV */
	position : relative; 
	width : 960px;
	background-image : url(../images/tfc_body_bg.gif);
	background-repeat : repeat;
}


div#TopParent
{
    /* Sets DIV, whose child DIVS are: TopSection, category, TopCategory and menuBar */
    position:relative;
    height:171px; 
    border: 0px;
    text-align : center;
    width : 960px;
    /*background-image:url(../images/top_section_bg.gif);*/
}

div#TopSection
{
    /* defines the topsection div */
    position : absolute; 
    left : 0px; 
    top : 0px; 
    width : 960px; 
    height : 100px;
    background-image:url(../images/header_bg.gif);
}

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

div#SearchBar
{ 
    /* defines the Search bar div */
    position : absolute; 
    left : 0px; 
    top : 100px; 
    width : 960px;
    height : 41px;
	background-color : #0055a8;
}

div#PostHeader
{
    position : absolute; 
    left : 0px; 
    top : 141px; 
    width : 960px;
    height : 31px;
    background-color : #878787;
}

div#SearchbarLeft
{ 
    /* defines the Search bar div */
    position : absolute; 
    left : 0px; 
    width : 15px;
}

div#SearchbarRight
{ 
    /* defines the Search bar div */
    position : absolute; 
    right : 0px; 
    width : 14px;
}

div#LeftSection
{
    /*Defines left section within the MainArea DIV */
    width : 199px;
    float : left;
    padding-left : 0px;
    padding-top : 34px;
    margin-top : 0px;
    /*background-color : #efefef;*/
    /*margin-bottom: -32000px; 
    padding-bottom: 32000px;*/
    text-align : left;
}

/* START - The following are for the left section items */ 
div#notreecats
{
    padding-left : 9px;
}

div#notreemats
{
    padding-left : 2px;
}

div#notreerefmats
{
    padding-left : 21px;
    margin-top: 5px;
}

div#notreerefmats2
{
    padding-left : 21px;
}

div#notreerecent
{
    padding-left : 9px;
}

div#promoSitewide
{
    padding-top : 15px;
    padding-left : 0px;
}

/* END */

div#LeftCategories
{
    /*Defines 'left category' section within the LeftSection DIV */
    /*margin-top : 34px;*/
    text-align : left;
    padding-left : 0px;
}

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

.RecentlyViewedTitle
{
    /* Used for section titles: AccountMenu.ascx, CatalogHighlightItems.ascx, LeftCartSummary.ascx */
	font-family : Arial, Helvetica, Sans-Serif;
	font-size : 12px;
	color : #2f78a5;
	font-weight:bold;
	text-align : left;
	text-decoration : none;
}

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

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

div#topCartSum
{
    /* sets Top Cart Summary section of TopSection.ascx */
    position: absolute; 
    right: 14px; 
    bottom: 0px; 
    border: 0px;
}

div#acctMenuTop
{
    /* sets Account section of TopSection.ascx */
    position: absolute; 
    right: 14px; 
    bottom: 35px; 
}

div#PreLogo
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 19px;
}

div#PostLogo
{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 14px;
}

div#logoSection
{
    /* Sets Logo area in TopSection.ascx */
    position: absolute;
    left: 25px;
    top: 29px;
    width: 286px;
    border: 0px;  
}

div#MainSection
{
    /*Defines main section within the MainArea DIV */
    width : 714px;
    float : left;
    padding-left : 0px;
    padding-right : 23px;
    padding-top : 8px;
    background-color : #ffffff;
    text-align : left;
    /*margin-bottom: -5000px; 
    padding-bottom: 5000px;*/
}

div#MainSectionAlt
{
    /*Defines main section within the MainArea DIV */
    width : 714px;
    float : left;
    padding-left : 0px;
    padding-right : 23px;
    padding-top : 8px;
    background-color : #ffffff;
    text-align : left;
}

div#rightsection
{
    /* defines right section (column) of page */
    width : 142px;
    border : 0px; 
    float : left;
    margin-top : 0px;
    padding-left:0px;  
    padding-top : 0px;
    background-color : #FFFFFF;
    margin-bottom: -50000px; 
    padding-bottom: 50000px;
}

div#footerSection
{
    /*defines the footer section */
    position : relative;  
    padding-top : 0px;
    margin:0px auto;
    text-align:center;
    width : 960px;
}

div#footer
{
    /*defines the footer section */
    position : relative;
    text-align:left;
}

/* ### END - MASTER pages elements ### */

div#sectionTitles
{
    /* Used in: AccountMenu.ascx, LeftCartSummary.ascx, leftcategories.ascx */
    /* LeftCategoryWithoutTree.ascx, LoginSummary.ascx, RecentlyViewed.ascx */
    /* Searchbar.ascx, WhatsHot.ascx, predictor.ascx, product_control_alt.ascx */
    background-color : #a8a8a8;
    padding : 4px 5px 4px 5px;
}

div#sectionTitlesBlu
{
    /* Used in product details */
    background-color : #0054a7;
    padding : 4px 5px 4px 5px;
}

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

div#FeaturedTitle
{
    /* Used in: CatalogHighlightItems.ascx */
    padding : 4px 5px 4px 5px;
}

div#dotteddiv
{
    /* used for the dotted divider between featured items */
    height : 1px;
    width : 85%;
    background-image : url(../images/dotted_line.gif); 
    margin-top : 7px;
    margin-bottom : 5px;
}

div#SimpleSearch
{
    /* Used in: Searchbar.ascx */
	text-align : left;
	position : absolute;
	left : 23px; 
	padding-left:0px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:0px;
}

div#predictor
{
    /* Used in: predictor.ascx, product_control_alt.ascx */
    text-align : left;
	padding-left:0px;
	background-color : #FFFFFF;
	border : solid 0px #CCCCCC;   
}

div#showmore
{
    /* used for background of More Info link on: WhatsHot.ascx, RecentlyViewed.ascx, LeftCartSummary.ascx */
    
    padding-left : 10px;
    vertical-align : middle;
}

div#featuredItems
{
    /* used for the Featured Items title */
    padding : 10px 1px 2px 1px;
    font-size : 11px;
    font-weight : bold;
    color : #666666;
    /* used in: CatalogHighlightItems.ascx
    width : 719px;
    text-align : left; */
}

div#salesAgentmenu
{
    /* Used in LoginSummary.aspx */
	padding-left : 4px;
	padding-right : 4px;
	padding-top : 5px;
	padding-bottom : 5px;
}

div#yellowbox
{
    /* used for shipment method area of Payment.aspx */
    border : solid 0px #CCCCCC;
    background-color : #FFFFFF;
    padding : 2px 2px 2px 0px;
}


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

/* START POPUP calendar - Calendarwindow.aspx */

body.pucalendar
{
    background-color : #ffffff;    
}

.dotnetcalendar
{
    font-family : arial,helvetica,sans-serif;
    background-color : #CCCCCC;
}

.dnDay
{
    font-family : arial,helvetica,sans-serif;
    background-color : #FFFFFF;
    padding : 0px 0px 0px 0px;
}

.dnToday
{
    font-family : arial,helvetica,sans-serif;
    background-color : #ffee77;
    padding : 0px 0px 0px 0px;
}

.dnDayHDR
{
    font-family : arial,helvetica,sans-serif;
    font-size : 11px;
    background-color : #aeaeae;
    padding : 2px 1px 2px 1px;
    color : #ffffff;
    font-weight : bold;
}
.dnNextPrev
{
    font-family : arial,helvetica,sans-serif;
    color : #000000;
    background-color : #c1daf7;
    padding : 2px 1px 2px 1px;
}
.dnOtherMnthDay
{
    font-family : arial,helvetica,sans-serif;
    background-color : #e3e3e3;
    padding : 0px 0px 0px 0px;
}
.dnSelectedDay
{
    font-family : arial,helvetica,sans-serif;
    background-color : #e3e3e3;
    padding : 0px 0px 0px 0px;
}

.dnSelecter
{
    font-family : arial,helvetica,sans-serif;
    background-color : #c1daf7;
    padding : 0px 0px 0px 0px;
}

.dnTitle
{
    font-family : arial,helvetica,sans-serif;
    color : #000000;
    background-color : #c1daf7;
    padding : 2px 1px 2px 1px;
}

.dnWeekend
{
    font-family : arial,helvetica,sans-serif;
    background-color : #f1f1f1;
    padding : 0px 0px 0px 0px;
}

/* END POPUP calendar */

.loginlink
{
    /* used in: AccountMenu.ascx */
    border : solid 1px #3a5083;
    padding : 0px;
    background-color : #fffdd4;
    text-align : center;   
}

a.myaccount {
	/* sets style on My Account links */
	color : #333333;
	text-decoration : none;
	display : block;
	position : relative;
	font-size : 11px;
	padding-bottom : 3px;
	padding-left : 0px;
	padding-right : 13px;
	padding-top : 3px;
}

a:HOVER.myaccount {
	/* sets style on My Account links 
	Also, changes the link color and places
	a color bar behind the link on hover by
	changing the 'color' and 'background-color' settings */
	color : #333333;
	background-color : #dde5ca;
	/*background : url(../StyleImages/nav_butt_bg.gif);*/
	/*background : url(../StyleImages/style_1_button-over.gif);*/
	text-decoration : none;
	display : block;
	position : relative;
	font-size : 11px;
	padding-bottom : 3px;
	padding-left : 0px;
	padding-right : 13px;
	padding-top : 3px;
}

a.loginlogout
{
    /* used in: AccountMenu.ascx */
    font-family : Arial, Helvetica, Sans-Serif;
	font-size : 11px;
	color : #000000;
	text-decoration : none;
	padding : 1px;
}

a:HOVER.loginlogout
{
    /* used in: AccountMenu.ascx */
    font-family : Arial, Helvetica, Sans-Serif;
	font-size : 11px;
	color : #000000;
	text-decoration : underline;
	padding : 1px;
}

a.blank
{
    color : #333333;
    font-size : 11px;    
}

a:VISITED.blank
{
    color : #333333;
    font-size : 11px;    
}

.totaltaxs
{
    /* Used in: OrderTotal.ascx */
    width : 77px;
    padding-top : 3px;
    padding-bottom : 3px;
    padding-left : 0px;
    padding-right : 0px;    
}

.topcartsummary
{
    /* Used in TopCartSummary.ascx */
    background-image : url(../images/cartSummBG.gif);
}

.favorites
{
    /* used in FavoriteGroupList.ascx */
    background-color : #fffdd4;
    padding : 1px;
}

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

.footerHeader
{
	font-size : 14px;
	color : #0254aa;
	font-weight : bold;
	margin-bottom : 0px;
}

.footerlinks
{
	/* sets style on footer links */
	font-family : Arial, Helvetica, Sans-Serif;
	font-weight:normal;
	font-size : 11px;
	color : #000000;
	text-decoration : none;
}

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

.dvptag
{
    /* Used for Footer.ascx */
	width : 960px;
}

.midtitle
{
    /* Used in: category_image_bg.ascx, category_second_level.ascx, CategoryItems.ascx  */
    /* subcategorylist.ascx, toplevelcategory.ascx, ItemList.ascx */
    /*background-image : url(../images/title_gradient_bg.gif);*/
    padding-top: 5px;
    padding-bottom : 4px;
    padding-left : 3px;   
}

.resultsTitle
{
    /* Used in: category_image_bg.ascx, category_second_level.ascx, CategoryItems.ascx  */
    /* subcategorylist.ascx, toplevelcategory.ascx, ItemList.ascx */
    font-size : 15px;
	font-weight : bold;
	background-color : #b7d36d;
	padding : 4px;
	border: 0px solid;
	border-color : #ececec #a0a7b1 #a0a7b1 #ececec;
	border-bottom-width : 0px;
	border-right-width : 0px;
	color : #ffffff;   
}

.breadcrumb
{
    /* Used in BreadCrumb.ascx */
	background-color : #FFFFFF;
	padding : 3px 3px 3px 0px;
	width : 100%;
	font-size : 11px;
	font-weight : bold;
}

.breadcrumblink
{
    /* Used in BreadCrumb.ascx */
	color : #cd5c00;
	text-decoration : none;
	font-size : 11px;
	font-weight : bold;
	padding:0px;
}

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

.ctrltitle
{
    /* Used for section titles: AccountMenu.ascx, CatalogHighlightItems.ascx, LeftCartSummary.ascx */
    /* leftcategories.ascx, LeftCategoryWithoutTree.ascx, LoginSummary.ascx, RecentlyViewed.ascx */
    /* Searchbar.ascx, WhatsHot.ascx, predictor.ascx, product_control_alt.ascx */
	font-family : Arial, Helvetica, Sans-Serif;
	font-size : 12px;
	color : #FFFFFF;
	font-weight:normal;
	text-align : left;
	text-decoration : none;
}

.ctrltitleBlu
{
    /* Used in product details */
	font-family : Arial, Helvetica, Sans-Serif;
	font-size : 12px;
	color : #FFFFFF;
	font-weight:bold;
	text-align : left;
	text-decoration : none;
}

.ctrltitlelow
{
    /* Used for text below the Refine Search area */
	font-family : Arial, Helvetica, Sans-Serif;
	font-size : 11px;
	color : #FFFFFF;
	font-weight:normal;
	text-align : left;
	text-decoration : none;
}

.recentlyviewedmenu
{
    /* used in LeftCartSummary.ascx and RecentlyViewed.ascx */
	padding-left:0px;
}

.SalesAgentMenuTop
{
    /* Used for defining DIV in LoginSummary.ascx */
	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;
}

.SActrltitle 
{
    /* Used for the Sales Agent title in LoginSummary.ascx */
	font-family : Arial, Helvetica, Sans-Serif;
	font-size : 11px;
	color : #283652;
	font-weight:bold;
	text-align : left;
	text-decoration : none;
	}

.whatshotmenu
{
    /* Used in WhatsHot.ascx */
	text-align : center;
	width : 80%;
	margin-top : 20px;
	border : dotted 1px #cccccc;
	margin-left : 18px;
	padding-bottom : 10px;
	background-color : #FFFFFF;
}

td.ordquant
{
    /* Used for the text next to the add to cart on product details */
    font-weight : normal;
    font-size : 12px;
    color : #000000;
    padding-top : 2px;
    padding-right : 2px;
}

td.recentitems
{
    padding : 3px 0px 3px 0px;    
}

.viewedfonts
{
    /* Used in the recentlyViewed control */
	color: #000000;
	font-size:11px;
	text-decoration : underline;
	font-weight : normal;
}

a:HOVER.viewedfonts
{
    /* Used in the recentlyViewed control */
	color: #000000;
	font-size:11px;
	text-decoration : underline;
	font-weight : normal;
}

span.smalltxt
{
    /* used for the book type text on the product details page */
	color : #000000;
	font-size : 10px;
	line-height : 10px;
	font-weight : bold;
}

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

span.red 
{
	/* used on: AdvancedSearchResultDetails, Addressctl.ascx, ItemList.ascx, payment */
	/* product templates, resendorder */
	font-size : 11px;
	color : Red;	
	font-weight: normal;
}

span.redAlert
{
	/* used on pages where larger red text is needed */
	font-size : 14px;
	color : Red;	
	font-weight: normal;
}

span.rednew 
{
	/* used on: AdvancedSearchResultDetails, Addressctl.ascx, ItemList.ascx, payment */
	/* product templates, resendorder */
	font-size : 11px;
	color : Red;	
	font-weight: normal;
	float:right; 
    vertical-align:middle; 
    padding-left:4px;
}

span.tabletitle
{
    /* Used for title on Displayaddress.ascx */
    font-size : 12px;
}

H1 {
	/* sets the style of the specified header */
	font-size : 16px;
	color : #333333;
}

H1.blue {
	/* sets the style of the specified header */
	font-size : 18px;
	color : #3077a3;
}

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

H3.red {
	/* sets the style of the specified header */
	font-size : 16px;
	color : Red;
	padding-top : 0px;
	margin-top : 0px;
	margin-bottom : 8px;
}

H3.message {
	/* sets the style of the specified header */
	font-size : 14px;
	color : Red;
	padding-top : 0px;
	margin-top : 0px;
	margin-bottom : 8px;
}

H3.blue {
	/* sets the style of the specified header */
	font-size : 16px;
	color : #0055a8;
	padding-top : 0px;
	margin-top : 0px;
	margin-bottom : 8px;
}

H3.sblue {
	/* sets the style of the specified header */
	font-size : 14px;
	color : #0055a8;
	padding-top : 0px;
	margin-top : 0px;
}

span.sblue {
	/* sets the style of the specified header */
	font-size : 14px;
	color : #0055a8;
	padding-top : 0px;
	margin-top : 0px;
}



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

table.axt
{
	/* Used in: AdvancedSearchResults, ApproveOrders, ContactList.ascx, OrderDetails.ascx  */
	/* CustomerApprover, OrderHistory, reports_listing.ascx, Reports_Navigate.ascx */
	border : none 1px black;
}

table.checkoutHeader
{
    /* Sets current color of current step of checkout tab (image is transparent) */
    background-color : #ffffff;
    margin-top : 10px;
}

table.couponcode
{
    background-color : #FFFFFF;
    border : solid 0px #cccccc;
    padding : 4px 2px 4px 0px;
}

table.details {
	/* sets style on tables that display
	various fields i.e. User account info 
	column colours determined by td.dleft
	and td.dright */
	border: 0px solid #d8d8d8;
	background-color : #d3d3d3;
}

table.cart {
	border-bottom-width : 0px; /* no border on bottom */
	border-top-width : 1px;
	border-top-style : solid;
	border-top-color : #d8d8d8;
	border-left-width : 1px;
	border-left-style : solid;
	border-left-color : #d8d8d8;
	border-right-width : 1px;
	border-right-style : solid;
	border-right-color : #d8d8d8;
	
}

td.cart {
	border-bottom-width : 1px; /* border only on bottom */
	border-bottom-style : solid;
	border-bottom-color : #d8d8d8;
	border-top-width : 0px;
	border-left-width : 0px;
	border-right-width : 0px;
	width : 100%;
}

table.clear {
	/* sets style on tables that display
	various fields i.e. User account info 
	column colours determined by td.dleft
	and td.dright */
	background-color : #FFFFFF;
}

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;
}


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 : #dce9f5;
	padding : 0px 0px 0px 0px;
	border: 0px solid;
	border-color : #ffffff #a0a7b1 #a0a7b1 #ffffff;
	border-bottom-width : 0px;
	border-right-width : 0px;
}

.tdhdr
{
	/* sets column header in AdvancedSearchResultDetails, AdvancedSearchResults, AllrecentlyViewProducts */
	/* ApproveOrders, CartInfo.ascx, CartInfoDisplay.ascx, ContactList.ascx, OrderDetails.ascx */
	/* CustomerApprover, CustomerInfo, ManageAddress, ManageCustomer, ManagerAgents, OrderHistory */
	/* OrderHistorySummary, SavedCarts, SelectCustomer, AddFavoriteGroup.ascx, ViewCustomer */
	/* account_payable.xsl  */
	font-size : 11px;
	font-weight : bold;
	background-color : #a0a0a0;
	padding-top : 3px;
	padding-bottom : 3px;
	padding-left : 3px;
	padding-right : 3px;
	border-bottom-width : 0px;
	border-right-width : 0px;
	color : #ffffff;
}

.tdhdralt
{
	/* sets column header in AdvancedSearchResultDetails, AdvancedSearchResults, AllrecentlyViewProducts */
	/* ApproveOrders, CartInfo.ascx, CartInfoDisplay.ascx, ContactList.ascx, OrderDetails.ascx */
	/* CustomerApprover, CustomerInfo, ManageAddress, ManageCustomer, ManagerAgents, OrderHistory */
	/* OrderHistorySummary, SavedCarts, SelectCustomer, AddFavoriteGroup.ascx, ViewCustomer */
	/* account_payable.xsl  */
	font-size : 11px;
	font-weight : bold;
	background-color : #a0a0a0;
	padding-top : 3px;
	padding-bottom : 3px;
	padding-left : 13px;
	padding-right : 3px;
	border-bottom-width : 0px;
	border-right-width : 0px;
	color : #ffffff;
}

td.itm
{
	/* sets TD attributes in: ContactList.ascx, ManageCustomer, ManagerAgents, OrderHistory */
	/* OrderHistorySummary, SelectCustomer, reports_listing.ascx, Reports_Navigate.ascx */
	background-color : #f1f1f1;
	padding-left:3px;
	padding-right:2px;
}

td.tdpad
{
	/* used where specific padding is used, in dynamic tables. */
	/* AdvancedSearchResultDetails, AdvancedSearchResults, AllrecentlyViewProducts, CartInfo.ascx, CustomerApprover */
	/* CustomerInfo, ManageAddress, Myfavoritedetails, Report_Print, account_payable.xsl, report_topcustomers.xsl */
	/* report_totalcommission.xsl, report_totalcommissioncust.xsl, report_totalsalescust.xsl  */
	font-size : 11px;
	background-color : #ffffff;
	border-bottom-width : 0px;
	border-right-width : 0px;
	padding-left:4px;
	padding-right:3px;
	padding-top: 5px;
	padding-bottom: 5px;
}

td.tdnopad
{
	/* used where no padding is needed. */
	/* AdvancedSearchResultDetails, AdvancedSearchResults, Myfavoritedetails */
	font-size : 11px;
	background-color : #eaeaea;
	border-bottom-width : 0px;
	border-right-width : 0px;
	padding-left:1px;
	padding-right:1px;
	padding-top: 1px;
	padding-bottom: 1px;
}


td.pricepad
{
	/* used in the cartInfo.ascx control */
	font-size : 11px;
	background-color : #ffffff;
	border-bottom-width : 0px;
	border-right-width : 0px;
	padding-left:2px;
	padding-right:2px;
	text-align:right;
}

td.cartsummary 
{
	/* Used on the left cart summary, recently viewed and what's hot controls */
	font-family : arial,sans-serif;
	font-size : 10px;
	color : #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;
}

.cItem
{
    /* used on: childitems.ascx, specification.ascx, VariantsTable.ascx */
	background-color : #dce9f5;
	font-size : 11px;
	padding-left:5px;
	padding-top:4px;
	padding-bottom:4px;
	padding-right : 3px;
	font-weight:bold;
	font-family: Arial, helvetica, Sans-Serif;
}

.cItemCnt 
{
    /* used on: Myfavoritedetails, ChildItems.ascx and VariantsTable.ascx */
	background-color: #eaeaea;
	padding : 3px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:3px;
	font-size : 11px;
	color : #333333;
}

td.cItemCart 
{
    /* used on the ChildItems and VariantsTable controls */
	background-color: #eaeaea;
	padding : 0px;
	padding-top:0px;
	padding-bottom:1px;
	padding-right:0px;
	font-size : 11px;
	color : #333333;
	text-align : center;
}

.dleft {
	/* 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 : #000000;
	background-color : #fff4cc;
	font-size : 11px;
	font-weight : normal;	
	padding-left : 5px;
	padding-top : 3px;
	padding-bottom : 3px;
	padding-right : 3px;
	font-family : Arial, helvetica, Sans-Serif;
}

.dright 
{
	/* 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 : #000000;
	background-color : #FFFFFF;
	font-size : 11px;
	padding-left : 5px;
	padding-top : 2px;
	padding-bottom : 2px;
	padding-right : 3px;
	font-family : Arial, helvetica, Sans-Serif;
}

.drightalt
{
	/* 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 : #000000;
	background-color : #FFFFFF;
	font-size : 11px;
	padding-left : 3px;
	padding-top : 4px;
	padding-bottom : 4px;
	padding-right : 3px;
	font-family : Arial, helvetica, Sans-Serif;
	border-bottom-width : 1px; /* no border on bottom */
	border-bottom-color : #d8d8d8;
	border-bottom-style : solid;
	border-top-width : 0px;
	border-left-width : 0px;
    border-right-width : 0px;

}

.drightaltpadded
{
	/* 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 : #000000;
	background-color : #FFFFFF;
	font-size : 11px;
	padding-left : 13px;
	padding-top : 4px;
	padding-bottom : 4px;
	padding-right : 3px;
	font-family : Arial, helvetica, Sans-Serif;
	border-bottom-width : 1px; /* no border on bottom */
	border-bottom-color : #d8d8d8;
	border-bottom-style : solid;
	border-top-width : 0px;
	border-left-width : 0px;
    border-right-width : 0px;

}

.dleftw {
	/* 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 : #000000;
	background-color : #ffffff;
	font-size : 11px;
	font-weight : normal;	
	padding-left : 5px;
	padding-top : 3px;
	padding-bottom : 3px;
	padding-right : 3px;
	font-family : Arial, helvetica, Sans-Serif;
}

.drightw
{
	/* 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 : #000000;
	background-color : #ffffff;
	font-size : 11px;
	padding-left : 5px;
	padding-top : 2px;
	padding-bottom : 2px;
	padding-right : 3px;
	font-family : Arial, helvetica, Sans-Serif;
}

.drightshort
{
	/* Used in the Top Customers report XSL */
	color : #999999;
	background-color : #f3f3f3;
	font-size : 11px;
	border: 0px solid;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:3px;
}

.detailssc {
	/* Used in the SavedCarts page */
	color : #003366;
	background-color : #e3e3e3;
	font-size : 11px;
	font-weight:normal;	
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:3px;
	font-family: Arial, helvetica, Sans-Serif;
	border: 0px solid;
}

.detailssc2 {
	/* Used in the SavedCarts page */
	color : #333333;
	background-color : #e3e3e3;
	font-size : 11px;
	font-weight:normal;	
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:3px;
	font-family: Arial, helvetica, Sans-Serif;
	border: 0px solid;
}

.detailssc3 {
	/* Used in the SavedCarts page */
	color : #333333;
	background-color : #e3e3e3;
	font-size : 11px;
	font-weight:normal;	
	padding-left:1px;
	padding-top:1px;
	padding-bottom:1px;
	padding-right:1px;
	font-family: Arial, helvetica, Sans-Serif;
	border: 0px solid;
}

.detailsover {
	/* sets style on the hover section of Saved Carts */
	color : #000000;
	background-color : #f2f6fe;
	font-size : 11px;
	font-weight:normal;	
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:3px;
	font-family: Arial, helvetica, Sans-Serif;
	border: 0px solid;
}

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

.large
{
	/* used on the CatalogHighlightItems control */
	font-family : arial,sans-serif;
	font-size : 12px;
	color : #333333;
	padding-left:0px;
}

.categorytext
{
    /* used for Change Category link */
	font-size: 11px;
	font-family: Arial, helvetica, Sans-Serif;
	color:white;
	text-decoration: none;
	font-weight:bold;
}

A:hover.categorytext
{
    /* used for Change Category link */
	font-size: 11px;
	font-family: Arial, helvetica, Sans-Serif;
	color:white;
	text-decoration: none;
	font-weight:bold;	
}

.learnmore
{
    /* used for learnmore link on CatalogHighLightItems and CategoryItems control */
	font-size: 11px;
	font-family: Arial, helvetica, Sans-Serif;
	color:#2f4c87;
	text-decoration: none;
	padding-left:5px;
	
}

a:hover.learnmore
{
    /* used for learnmore link on CatalogHighLightItems and CategoryItems control */
	font-size: 11px;
	font-family: Arial, helvetica, Sans-Serif;
	color:#000000;
	text-decoration: none;
	padding-left:5px;
}

.accountmenu
{
    /* sets overall style on AccountMenu control */
	text-align : left;
	padding-left:0px;
	border : solid 1px #CCCCCC;
}

.headergrid 
{
    /* Used for the Header on the itemlist.ascx control */
	background-color:#9bb3cf;
	font-size:11px;
	font-family: Arial, helvetica, Sans-Serif;
	color:#ffffff;
	padding:3px;
}

.pricingtable
{
	background-color : #0054a7;
	width : 100%;
	border : solid 1px #0054a7;
	text-align : left;
}

.whiteheader
{
	/* used for whitetext in title areas */
	font-size : 12px;
	color : #FFFFFF;
	font-weight : bold;
	padding : 3px 4px 3px 4px;
}

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

.leftlevel1text
{
	font-family: Arial, helvetica, Sans-Serif;
	font-size:11px;
	font-weight:normal;
	color: #000000;
	text-decoration:none;
}

a:HOVER.leftlevel1text
{
	font-family: Arial, helvetica, Sans-Serif;
	font-size:11px;
	font-weight:normal;
	color: #000000;
}

.leftlevel2text
{
	font-family: Arial, helvetica, Sans-Serif;
	font-size:11px;
	font-weight:normal;
	color: #000000;
	text-decoration:none;
}

a:HOVER.leftlevel2text
{
	font-family: Arial, helvetica, Sans-Serif;
	font-size:11px;
	font-weight:normal;
	color: #000000;
}

.leftlevel3text {
	font-family: Arial, helvetica, Sans-Serif;
	font-size:11px;
	font-weight:bold;
	color: #777777;
	text-decoration:none;
}

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

/* ### END left categories styles ### */

.highlighttext
{
    /* used for short desc text on CatalogHighLightItems and CategoryItems control */
	font-family: Arial, helvetica, Sans-Serif;
	font-size:11px;
	font-weight:bold;
	color: #464646;
	text-decoration:none;
}

.FeatItemBlock
{
    /* used on the CatalogHighlightItems control */
    background-color : #ededed;
    text-align : center;
    margin-bottom : 0px;
    margin-top : 1px;
    border : solid 1px #CCCCCC;
}

.Feat
{
    /* used on the CatalogHighlightItems control */
    background-color : #FFFFFF;
    width : 130px;
}

.CatItemBlock
{
    /* Used for subcategory thumbnail sections */
    background-color : #ededed;
    text-align : center;
    margin-bottom : 3px;
    margin-top : 3px;
    border : solid 1px #CCCCCC;
}

.CatItem
{
    /* Used for subcategory thumbnail sections */
    background-color : #FFFFFF;
    width : 90px;
}

.CatSmallItemBlock
{
    /* Used for subcategory thumbnail sections */
    background-color : #ededed;
    text-align : center;
    margin-bottom : 3px;
    margin-top : 3px;
    border : solid 1px #CCCCCC;
}

.CatSmall
{
    /* Used for subcategory thumbnail sections */
    background-color : #FFFFFF;
    width : 65px;
}

.ItemListBlock
{
    /* used in CategoryItems control for item thumbnail section */
    background-color : #ededed;
    text-align : center;
    margin-bottom : 5px;
    margin-top : 5px;
    border : solid 1px #CCCCCC;
    background-image : url(../images/itemblockbg.gif);
}

.ItemList
{
    /* used in CategoryItems control for item thumbnail section */
    background-color : #FFFFFF;
    width : 130px;
}


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 */
	/* ALSO USED IN LOGIN PAGE */
	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 */
	/* ALSO USED IN LOGIN PAGE */
	background-color : #fbfbfb;
}

td.navwhite 
{
	/* Used on the Pagelinks, accountlinks and signinsummary controls */
	font-family : arial, helvetica, 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;
}

span.dvp
{
    /* used in the footer control */
    color : #333333;
    font-size : 12px;
    text-decoration : none;
}

div#large_image
{
    /* used on the Product_ImageList control only */
    position: absolute; 
    left: 174px;
    top : 153px;
    visibility:hidden;
    border : solid 0px #cccccc;
    background-color : #FFFFFF;
    padding : 0px 0px 0px 0px;
    width : 400px;  /* set the width here to cover hidden My Favorites dropdown */
    height : 350px; /* set the height here to cover hidden My Favorites dropdown */
    vertical-align : middle;
}


div#addresslist
{
    /* used on the checkout only */
    position: relative; 
    left: 0px;
    top : 0px;
    border : solid 2px #cccccc;
    background-color : #f3f3f3;
    padding : 0px 0px 0px 0px;
    width : 300px;
    height : 100px;
    vertical-align : middle;
    /*overflow: scroll; */
    overflow : auto;
}

.surchAddLink
{
    background-color : #f3f3f3;
    border : solid 0px #f3f3f3;
    color : navy;
    font-size : 11px;
    text-align : left;
}


div#processingOrder
{
    /* used on the preview.aspx page, used for the processing order area when submit is clicked */
    position: relative; 
    left: 0px;
    top : -4em;
    visibility: hidden;
    border : solid 1px #cccccc;
    background-color : #FFFFFF;
    padding : 0px 0px 0px 0px;
    width : 170px;  /* set the width here to cover hidden My Favorites dropdown */
    height : 100px; /* set the height here to cover hidden My Favorites dropdown */
    vertical-align : middle;
}

table.enlargedImage
{
    /* used in the product_imagelist control */
    border : solid 2px #cccccc;
    background-color : #FFFFFF;
    width : 100%;
    height : 100%;
}

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

.nobordr
{
    /* to be used for images without a border */
    border-width : 0px;
}

.orange
{
    color : #cd5c00;
    font-size : 11px;
    font-weight : bold;
}

td.indvtitle
{
    padding-top : 2px;
    padding-bottom : 2px;
    padding-left : 0px;
    padding-right : 0px;
}

td.smalltext
{
    color : #666666;
    font-size : 11px;
    font-weight : normal;     
}

A.Individual {
	/* sets style on Individual title links */
	color : #000000;
	text-decoration : underline;
	font-size : 11px;
	padding: 0px;
}

A.lnk {
	/* 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 : #333333;
	text-decoration : none;
	display : block;
	position : relative;
}

A:HOVER.lnk {
	/* 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 : #333333;
	background-color : #dce9f5;
	text-decoration : none;
	display : block;
	position : relative;
}

a.moreinfo 
{
	/* sets style on Left Cart Summary, recently viewed and what's hot control links */
	font-family : Arial, Helvetica, Sans-Serif;
	font-size : 12px;
	font-weight : bold;
	color : #b15701;
	text-decoration : none;
	display : block;
	position : relative;
}

a:hover.moreinfo 
{
	/* sets style on Left Cart Summary, recently viewed and what's hot control links */
	font-family : Arial, Helvetica, Sans-Serif;
	font-size : 12px;
	font-weight : bold;
	color : #b15701;
	text-decoration : none;
	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 : #003399;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;
}

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


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 : Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	font-size : 11px;
	color : #2f4c87;
	text-decoration : none;
}

a:HOVER.gray
{
	/* Used where gray links are needed */
	/* For example: Footer, Searchbar, CartSummary */
	font-family : Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	font-size : 11px;
	color : #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;
	cursor : hand;
	cursor : pointer;
}

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;
	cursor : hand;
	cursor : pointer;
}

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

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

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

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

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

A.pagelinks {
	/* sets style on Main Site links at top of page */
	color : #FFFFFF;
	text-decoration : none;
	font-size : 12px;
	font-weight : bold;
}
A:HOVER.pagelinks {
	/* sets style on Main Site links at top of page */
	color : #FFFFFF;
	text-decoration : underline;
	font-size : 12px;
	font-weight : bold;
}

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

A.productdetails {
	/* Sets the link in the tabs of the product details page */
	color : #464646;
	text-decoration : none;
	font-size:11px;
	font-family: Arial, Helvetica, Sans-Serif;
	position : relative;
	font-weight : bold;
}

A.red
{
	/* Sets style on red */
	color : #990100; /* dark red */
	font-size : 11px;
	text-decoration : none;
}

/* ### 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 : 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;
	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 : #333333;
	font-family : 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;
	padding : 0px 1px 0px 1px;
	margin : 0px 0px 0px 0px;
}
/* ### End Paging control styles ### */

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

.solid {
	/* Use for input text - This is the default style applied to textboxes */
	font-family : 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;
}

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

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

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

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

.product_text {
    /* used for the category extended description on category templates */
    color: #666666; 
    font-size:12px; 
    font-family:Arial, Helvetica, sans-serif; 
    vertical-align:top; 
    padding:0px;
}

.product_text_alt {
    /* used for the category extended description on category_image_bg template */
    color: #333333; 
    font-size:12px; 
    font-family:Arial, Helvetica, sans-serif; 
    vertical-align:top; 
    padding:5px;
}

/* DVPKS20091022 -- Used for AccountMenu.ascx file */
.sectionTitles
{
    background-color : #2f78a5;
    padding : 4px 5px 4px 5px;
}

.accountmenuNew
{
    /* sets overall style on AccountMenu control */
	text-align : left;
	padding-left:0px;
	border : 0px ;
}
/* DVPKS20091022  -- END */

/*DVPLL20100128-used for catgory */
div.highlightcategory {
	/* sets style on Left Subcategory links */
	padding-left : 0px;
}

a.highlightcategory
{
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11px;
    font-weight : normal;
    color : red;
    display: block;
	position : relative;
	padding : 3px 2px 3px 2px;
	text-decoration : none;
}

/* set visited top level link here - should match a.toplevelcat */
a:VISITED.highlightcategory
{
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11px;
    font-weight : normal;
    color : red;
    display: block;
	position : relative;
	padding : 3px 2px 3px 2px;
	text-decoration : none;
}

/* set hover color of top level link here */
a:HOVER.highlightcategory
{
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11px;
    font-weight : normal;
    color : red;
    text-decoration : none;
    display: block;
	position : relative;
	padding : 3px 2px 3px 2px;
	background-color : #ffffff;
}

/*DVPLL20100128-used for catgory */