.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. */

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

/* set hover color of second level selected link here */
a:HOVER.secondlevelcatOn
{
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11px;
    font-weight : bold;
    color : #336666;
    display: block;
	position : relative;
	padding : 3px 2px 3px 2px;
	/*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;
}

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

/* 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;
	/*background-color : Maroon; */
}


/* start third level selected link here */
a.thirdlevelcatOn
{
    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 third level selected link here - should match a.thirdlevelcatOn */
a:VISITED.thirdlevelcatOn
{
    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 third level selected link here */
a:HOVER.thirdlevelcatOn
{
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11px;
    font-weight : bold;
    color : #003399;
    display: block;
	position : relative;
	padding : 3px 2px 3px 2px;
	/*background-color : Maroon; */
}

/* END */

p.title
{
    color : #000033; /* dark blue */
	font-size : 14px;
	font-weight : bold;
	text-decoration : none;
}


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


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

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

.itemlisting 
{
    width : 100%;
    padding : 5px 3px 5px 3px;

}

.itemlistingseperator
{
    background-image : url(images/spacer.gif);
}

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;
}
td.itemimage
{
    
    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;
}
td.itemname
{
    width:52%;
    color : #333333;
    padding : 3px 2px 3px 3px;
    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;
}
td.itemtax
{
    width:15%;
    color : #333333;
    text-align:right;
    padding : 3px 2px 3px 3px;
    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;
}
td.itemqty
{
    width:14%;
    text-align:right;
    color : #333333;
    padding : 1px 2px 1px 2px;
    background-color : #ffffff;
    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 : #333333;
	padding : 3px 2px 3px 0px;
	background-color : #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 : #333333;
    padding : 1px 1px 1px 1px;
    background-color : #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 : #333333;
    padding : 3px 2px 3px 3px;
    background-color : #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 : #333333;
    text-align:right;
    padding : 3px 4px 3px 3px;
    background-color : #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 : #333333;
    padding : 3px 2px 3px 3px;
    background-color : #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
{
    border : solid 1px #000033;
    padding : 2px 0px 2px 0px;
}

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 : #000033;
	/* 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 : #121b3c;
	/*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 : Arial, Helvetica, sans-serif; 
	font-size : 11px;
	color : #000033;
	/* sets background color and/or background image if specified */
	/* For background images, use for example: background : url(../images/searchbar_bg.gif); */
	background-color : #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 : Arial, Helvetica, sans-serif;
	font-size : 11px;
	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:114px; 
    border: 0px;
    /*background-image:url(../images/topsection_bg.jpg);*/
}

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

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

div#category
{
	background-image:url(../images/top_menu_bar_dark.jpg);
	position: absolute; 
	left: 0px; 
	top: 88px; 
	width: 130px; 
	height: 25px;
	padding-top : 0px;
	border-left-width: 0px;
    border-top-width : 1px;
    border-right-width : 0px;
    border-bottom-width : 1px;
    border-style : solid;
    border-bottom-color : #000033;
    border-right-color : #cccccc;
    border-left-color : #c3c3c3;
    border-top-color : #000033;
}

div#flags
{
    position: absolute; 
    left: 809px; 
    top: 4px; 
    border: 0px;
}

div#sitelinks
{
    position: absolute; 
    right: 10px; 
    top: 4px; 
    border: 0px;
}

div#menuBar
{
	position: absolute; 
	left : 130px; 
	top : 88px; 
	height: 20px;  
	background-image:url(../images/top_menu_bar_new.gif); 
	/*background-repeat:repeat-x; */
	width:820px;
	border-left-width: 0px;
    border-top-width : 1px;
    border-right-width : 0px;
    border-bottom-width : 1px;
    border-style : solid;
    border-bottom-color : #000033;
    border-right-color : #c3c3c3;
    border-left-color : #000000;
    border-top-color : #000033;
    padding-top : 5px;
    padding-left : 10px;
}

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

div#accountBar
{
    width : 142px;
    border: 0px;
    padding : 0px 0px 0px 0px;
    z-index : 8100;
    background-color : #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 : 0px; 
    top : 0px; 
    width : 960px; 
    height : 88px;
}

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

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

/*Defines left section within the MainArea DIV */
div#LeftSection
{
    width : 155px;
    float : left;
    padding-left : 5px;
    padding-top : 5px;
    margin-top : 0px;
    padding-right : 5px;
    border: 0px coral solid;
    background-color : #FFFFFF;
    height : 100%;
    margin-bottom: -25000px; 
    padding-bottom: 25000px;
    background-image : url(../images/leftsection_bg.jpg)
}

/*Defines 'left category' section within the LeftSection DIV */
div#LeftCategories
{
    width : 153px;
    background-color : #FFFFFF;
    margin-left: 0px;
    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 : #000033;
    border-right-color : #000033;
    border-left-color : #000033;
    border-top-color : #000033;
    /*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 : 0px;
    /*background-color : #FFFFFF;*/
    margin-top : 7px;
    width : 100%;
}

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

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

    width : 100%;
}

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

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

/*Defines main section within the MainArea DIV */
div#MainSection
{
    width : 633px;
	min-height : 500px;
	border : solid 0px #e3e3e3;
	height:auto !important;
	height:500px;
    float : left;
    margin-top : 0px;
    padding : 5px 4px 50px 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: 5px;
    padding-right : 5px;  
    padding-top : 5px;
    background-color : #FFFFFF;
    margin-bottom: -25000px; 
    padding-bottom: 25000px;
    overflow : visible;
    background-image : url(../images/rightsection_bg.jpg)
}


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

/*defines the Post-footer section */
.dvpfooter
{
    background-color : #121b3c;
    float: left; 
    padding-top : 5px;
    padding-bottom : 5px;
    margin:0px auto;
    width : 960px;
}

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

div#sectionTitles
{
    background-color : #d5ddf0;
    background : url(../images/sectionTitleBG.gif);
    padding : 3px 5px 3px 5px;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-bottom-color : #000033;
}

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

div#FeaturedTitle
{
    background-color : #d5ddf0;
    background : url(../images/sectionTitleBG2.gif);
    padding : 3px 5px 3px 5px;
}

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

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

div#controllink
{
    border-bottom-width : 1px;
    border-left-width : 0px;
    border-right-width : 0px;
    border-top-width : 1px;
    border-top-color : #000033;
    border-bottom-color : #000033;
    background-color : #fffdd4;
    border-style : solid;
}

div#featuredItems
{
    width : 631px;
    padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	padding-bottom : 0px;
	border : solid 1px #000033;
	margin-bottom : 4px;
}

div#categoryItems
{
    width : 556px;
    padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	padding-bottom : 0px;
	border : solid 1px #000033;
	border-bottom-width : 1px;
	border-left-width : 1px;
	border-right-width : 1px;
	border-top-width : 1px;
	margin-bottom : 5px;
}

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

div#yellowbox
{
    border : solid 1px #CCCCCC;
    background-color : #fffdd4;
    padding : 2px 2px 2px 2px;
}


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

/* START POPUP calendar */

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
{
    padding : 0px;
    text-align : center;   
}

a.loginlogout
{
    font-family : Arial;
	font-weight:bold;
	font-size : 11px;
	color : #2f4c87;
	text-decoration : none;
	padding : 3px;
	display : block;
	position : relative;
}

a:HOVER.loginlogout
{
    font-family : Arial;
	font-weight:bold;
	font-size : 11px;
	color : #FFFFFF;
	background-color : #6f96d3;
	text-decoration : none;
	padding : 3px;
	display : block;
	position : relative;
}


.totaltaxs
{
    width : 77px;
    padding-top : 3px;
    padding-bottom : 3px;
    padding-left : 0px;
    padding-right : 0px;    
}

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

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

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

/* #################################################################################### */
/* 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 : 3px;
	padding-top : 3px;
	background-color : #FFFFFF;
}

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

.leftsectionXX 
{
	/* 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);*/
	background-color : #000033;
	
	
}

.middlesection 
{
	/* sets style on middle section of page (main body) */
	width : 670px;
	/*width : 501px;*/
	font-family : arial,sans-serif;
	font-size : 11px;
	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 : #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 : #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 : Arial;
	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 : Arial;
	font-size : 11px;
	color : #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);
    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 : #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 #000033;
	background-color : #F5F5F5;
	width : 100%;
    background : url(../images/sectionTitleBG.gif);
    padding : 4px 5px 3px 5px;
}

.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 : Arial;
	font-size : 12px;
	color : #000033;
	font-weight:bold;
	text-align : left;
	text-decoration : none;
}

.recentlyviewedmenu
{
    background-color : #FFFFFF;
	padding-left:0px;
	border-bottom-width:0px;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width :1px;
	border-top-color : #000033;
	border-left-color : #000033;
	border-right-color : #000033;
    border-style : 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 : Arial;
	font-size : 11px;
	color : #283652;
	font-weight:bold;
	text-align : left;
	text-decoration : none;
	}

.whatshotmenu
{
    background-color : #FFFFFF;
	text-align : left;
	padding-left:0px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width :1px;
	border-top-color : #000033;
	border-left-color : #000033;
	border-right-color : #000033;
	border-bottom-color : #000033;
    border-style : solid;
    border-style : solid;
    padding-bottom : 5px;
    
	/*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 : solid;
    /*background-color : #f3f3f3;*/
    width : 128px;
}

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

.viewedfonts
{
	color: #000033;
	font-size:10px;
	text-decoration : none;
	
}

a:HOVER.viewedfonts
{
	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 : #cc0000;	
	font-weight: normal;
}

span.maroon 
{
	/* used for You Saved on the product details page */
	font-size : 11px;
	color : #660000;	
	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 : #333333;
}
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 : #000033;
	padding-top : 0px;
	margin-top : 0px;
	margin-bottom : 8px;
}

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

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

table.extItemDiscounts
{
    empty-cells : hide; /* this will hide empty cells */
    border-collapse:separate; /* this is required to hide empty cells (along with the line above) */
    width : 100%;
    margin-top : 5px;  
}

td.extItemDiscounts
{
    border : solid 1px #000033;
    width : 100%;
    margin-top : 5px;  
}

.ieheight /* Used for table related elements where height needs to be 100% */
{
    height : 100%;
}


.extCatTitle
{
    font-size : 14px;
    color : #000099;
    font-weight : bold;
}

.extCatTitleDark
{
    font-size : 14px;
    color : #0066CC;
    font-weight : bold;
}



table.searchbox
{
    background-color : #efefef;    
}

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

table.checkoutHeader
{
    background-color : #3455b0;
}

table.couponcode
{
    background-color : #f3f3f3;
    border : 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 #000033;
	background-color : #FFFFFF;
}


table.detailsnotop {
	/* sets style on table in the shopping cart subtotal */
	border: 1px solid #000033;
	border-width: 0px 1px 1px 1px;
	background-color : #FFFFFF;
}

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

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

.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 : #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 : #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 */
	font-size : 11px;
	/*background-color : #F1F1F1;*/
	background-color : #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:1px;
	padding-right:1px;
	padding-top: 1px;
	padding-bottom: 1px;
}

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

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

.childitemscontent 
{
	background-color: #eaeaea;
	padding : 3px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:3px;
	font-size : 11px;
	color : #333333;
}

.childitemscontentcart 
{
	background-color: #eaeaea;
	padding : 0px;
	padding-top:0px;
	padding-bottom:1px;
	padding-right:0px;
	font-size : 11px;
	color : #333333;
	text-align : center;
}


.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 : #666666;
	background-color : #efefef;
	font-size : 11px;
	font-weight:bold;	
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:3px;
	font-family: 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 : #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;
}

.detailsrightshort
{
	/* 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 : #999999;
	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;
}

.pdetailsleft
{
    border-bottom-width : 1px;
    border-left-width : 1px;
    border-right-width : 1px;
    border-top-width : 1px;
    border-color : #000033;
    border-style : solid;
    background-color : #99ccff;  
    color : #000033;
}

.pdetailsright
{
    border-bottom-width : 1px;
    border-left-width : 1px;
    border-right-width : 1px;
    border-top-width : 1px;
    border-color : #000033;
    border-style : solid;
    background-color : #FFFFFF;
    color : #000033;
    empty-cells : hide; /* this will hide the cell (and the border) if empty */
}


.detailssc {
	/* 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 : #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;
	/*border-color : #FFFFFF #c6c6c6 #c6c6c6 #FFFFFF;*/
}

.detailssc2 {
	/* 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 : #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;
	/*border-color : #FFFFFF #c6c6c6 #c6c6c6 #FFFFFF;*/
}

.detailssc3 {
	/* 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 : #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;
	/*border-color : #FFFFFF #c6c6c6 #c6c6c6 #FFFFFF;*/
}

.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;
	/*border-color : #FFFFFF #c6c6c6 #c6c6c6 #FFFFFF;*/
}

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

td.large 
{
	/* used on the Featured Items control */
	font-family : arial,sans-serif;
	font-size : 12px;
	color : #333333;
}
.large
{
	/* used on the Featured Items control */
	font-family : arial,sans-serif;
	font-size : 12px;
	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 : Arial;
	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 */

/*  - DVPDS20080324 - cleanup

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

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

.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 */
/*  - DVPDS20080324 - cleanup
.catHREF1
{
	//sets style on the 1st level links
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #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: 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: Arial, helvetica, Sans-Serif;
	color:white;
	text-decoration: none;
	font-weight:bold;
}

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

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

a:hover.learnmore
{
	font-size: 11px;
	font-family: 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 : solid 1px #000033;
	background-color : #ffffff;
}

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

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

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

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

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

.headergrid
{
	background-color:#9bb3cf;
	font-size:11px;
	font-family: Arial, helvetica, Sans-Serif;
	color:#ffffff;
	padding:3px;
}

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


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

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

}

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

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

}

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

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

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


.FeaturedItemBlock
{
    background-color : #FFFFFF;
    text-align : center;
    margin-bottom : 0px;
    margin-top : 0px;
    border : solid 1px #000033;
    width : 148px;
    height : 200px;
}

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

.FeaturedItemTitle
{
	font-family : Arial;
	font-size : 14px;
	color : #283652;
	font-weight:bold;
	text-align : left;
	text-decoration : none;
}


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

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

.CategorySmallItemBlockIn
{
    background-color : #FFFFFF;
    width : 100%;
    margin-bottom : 5px;
}

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

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

.ItemListBlock
{
    background-color : #ededed;
    text-align : center;
    margin-bottom : 5px;
    margin-top : 5px;
    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 */
/* ##################################################### */

/*  - DVPDS20080324 - cleanup
.top
{
	z-index:100;
}


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

/*  - DVPDS20080324 - cleanup
.toplevel1text
{
	font-family: 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: Arial, helvetica, Sans-Serif;
	font-size:8pt;
	font-weight:bold;
	color: #000000;
}
*/

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

/*  - DVPDS20080324 - cleanup
.accountmenutext
{
	font-family: Arial, helvetica, Sans-Serif;
	font-size:7pt;
	color: #777777;
	background-color:#d9e9ff;
	padding-right:50px;
	padding-left:10px;
}
*/

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

a:HOVER.toplevel2text
{
    font-family: 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 : #99ccff;
}
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 : #ffffff;
}

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

.imagelink
{
    border : solid 1px #000033;
}


a.dvp
{
    color : #e2e2e2;
    font-size : 12px;
    text-decoration : none;
}

a:HOVER.dvp
{
    color : #e2e2e2;
    font-size : 12px;
    text-decoration : underline;
}

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 : #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 : #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 : Arial;
	font-size : 10px;
	color : #0066CC;
	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 : Arial;
	font-size : 10px;
	color : #0066CC;
	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 : #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;
	font-weight:bold;
	font-size : 11px;
	color : #000033;
	text-decoration : none;
}

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

a.plain
{
    color : #000000;
    text-decoration : none;
}

a:VISITED.plain
{
    color : #000000;
    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;
	position:relative;
	display : block;
}
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;
}

.thumbnailtoEnlarge
{
    cursor : pointer;
    border : solid 3px #cccccc;
}

div#large_image
{
    position: absolute; 
    left: 170px;
    top : 203px;
    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#processingOrder
{
    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
{
    border : solid 2px #cccccc;
    background-color : #FFFFFF;
    width : 100%;
    height : 100%;
}

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 : Arial;
	font-weight:bold;
	font-size : 11px;
	color : #FFFFFF;
	text-decoration : none;
}

a:HOVER.navwhitetop
{
	/* Used where white links are needed.*/
	/* For example: accountlinks and pagelinks controls */
	font-family : Arial;
	font-weight:bold;
	font-size : 11px;
	color : #FFFFFF;
	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;
}

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

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

A.cattitles 
{
	/* Sets style on links that do not require special attributes */
	color : #000033; /* dark blue */
	font-size : 14px;
	font-weight : bold;
	text-decoration : none;
}

A:VISITED.cattitles 
{
	/* Sets style on links that do not require special attributes */
	color : #000033; /* dark blue */
	font-size : 14px;
	font-weight : bold;
	text-decoration : none;
}

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

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

/*  - DVPDS20080324 - cleanup
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 : Arial, Helvetica, sans-serif;
	border: 1px solid #000033;
	font-size : 11px;
	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 : Arial, Helvetica, sans-serif;
	border-color : #000033;
	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 : Arial, Helvetica, sans-serif;
	border-color : #000033;
	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;
}

.shippingmethods
{
    font-family : Arial, Helvetica, sans-serif;
	border-color : #000033;
	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;
	width : 175px;
}

/* ########################### */
/* 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 */
/* ######################### */

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

select.solidform {
	/* Use for input text on the Address control. 
	The address control is used on the checkout page, for example. */
	font-family : Arial, Helvetica, sans-serif;
	border-color : #000033;
	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;
}

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

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

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

/* - DVPDS20080324 - cleanup

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

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

/* - DVPDS20080324 - cleanup
a.MenuItem
{
	COLOR: #4B4B76;
	FONT-SIZE: 11px;
	FONT-FAMILY: 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: 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: 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;
}

font.moreinfo
{
    /* used for the text that appears next to the extended desc on the item listing page */
    color : #0066CC
}


.product_title {color: #000000; font-weight:bold; font-size:14px;font-family:Arial, Helvetica, sans-serif;}
.product_text {color: #666666; font-size:12px; font-family:Arial, Helvetica, sans-serif; vertical-align:top; padding:5px; width : 98%;}
.product_text_alt {color: #333333; font-size:12px; font-family:Arial, Helvetica, sans-serif; vertical-align:top; padding:5px;}

.detailspashimg
{
    /* used to define width of image in product details page */
    /* NOTE: if the mainsection class is changed, this value must be changed to match the maximum content width */
}

div.socialiconbar {float:right; position:relative; margin-top:-4px; padding:0; margin-right:2px;}
div.socialiconbar a.socialIcon img {margin:0 0 0 0; padding:0;}

/* used on the subscription confirmation page */
.subscribed 
{
	font-size:12px;
	margin:20px 0 0 0;}

.emailsubscribe input[type="text"]
{width:220px;}	

.socialmedialink
{	
  display: inline-block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-size: 0;
  padding: 5px;
  box-sizing: border-box;
	
}
.socialmedialinktemplate
{
  text-align: center;
  width: 30%;
  display: inline-block;
  margin: 0 auto 5px auto; 
}

/* DVPLK20150506 - DVP-05809-S8G7 - fix facebook overlaying enlarged image */
.fb_iframe_widget, .fb_iframe_widget>span, .fb_iframe_widget iframe
{
	z-index: 1 !important;
}