/*
*********************************************************************
**	Original Author:
**	Date:
**	Purpose:
**
**
*********************************************************************
**	Revision History:
**	RAO 3/11/08		Changed all Verdana to Arial per creative
**	RAO 03/17/08	Changed all times to Arial Per request from Melissa Read
** 	RAO 03/24/08	Added in a style for default for html,p ect if no font was designated it was defaulting to Times
**	JC: 8/14/08	Added new styles for search_pagination, search_pagination_active, search_results
**	BPW 03/08/2012 remove <style tag - does not belong in a .css file!
**					add .shadow class
**	JC 10/3/2013 Added lowercase versions of styles because new DOCTYPE requires case sensitive class/id values.
**	JS: 05/30/2014 Modified .ProdBody, added .v15 class, modified G24blue font for new redesign
**	JS: 01/25/2017 Added blueEstimateButton for on modify cart page.
**	JS: 08/14/2017 Added dfstext3, Verdana12ptWhite, Verdana75pt, and Jason11 for DFS hardgoods.
**	RA:	12/14/2017	PDDCOM-291 - As a customer I want to see an alternate Global Header presented throughout the Checkout user experience.
**	JL: 12/26/2017	PDDCOM-291 - Rework header
**	JL: 12/26/2017	PDDCOM-290 - Styling for header/inner-content
**  	JL: 01/22/2018 PDDCOM-324 - LA Widen: Implement New Masthead/Navigation
**	RA:	01/30/2018	PDDCOM-360 - LA Widen: Login Checkout flow
** 	JL 03/16/2018 - PDDCOM-420 - LA: Guidance : Checkout Status Bar
**  	WH 03/27/2018 - PDDCOM-400 - Guest Checkout - Add visible indicator for guests
**	JS: 07/5/2019 Added css for slideout bar
*********************************************************************
*/

html {
    overflow-y: scroll;
}

html,
body,
p,
th,
td,
li,
dd,
dt {
    font: 1em Arial, Helvetica, sans-serif;
}

body,
table {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

BODY,
TABLE {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

#container {
    margin: 0 auto;
    width: 780px;
}

.breadcrumb {
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

A.masthead {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
}

A.masthead:Hover {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: underline;
}

.leftnavcategory {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #163a5e;
}

A.leftnav {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11.5px;
    text-decoration: none;
}

A.leftnav:Hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11.5px;
    text-decoration: underline;
}

A.viewing {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
}

A.viewing:Hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: underline;
}

A.product_link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
}

A.product_link:Hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: underline;
}

.footer_small {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    /*color: "#999999";*/
}

A.footer_link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    /*color: "#999999";*/
    text-decoration: none;
}

A.footer_link:Active {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    /*color: "#999999";*/
    text-decoration: underline;
}

A.footer_link:Hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    /*color: "#999999";*/
    text-decoration: underline;
}

.footer_big {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    /*color: "#999999";*/
}


/*IL 1.28.15 Add Privacy Policy formatting*/

.PrivacyPolicy {
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    COLOR: #D90303;
    FONT-FAMILY: arial, tahoma, helvetica, sans-serif;
    TEXT-ALIGN: left;
    padding: 5px;
}

.PrivacyPolicy a {
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    COLOR: #D90303;
    TEXT-DECORATION: none;
    outline: none;
}

.PrivacyPolicy a:hover {
    FONT-WEIGHT: bold;
    COLOR: #D90303;
    TEXT-DECORATION: none;
    outline: none;
}

.V8
/*RelatedProductsTitle less gray & bold*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
}

.v8
/*RelatedProductsTitle less gray & bold*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
}

.V8white
/*Verdana8ptwhite*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    color: #FFFFFF;
}

.v8white
/*Verdana8ptwhite*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    color: #FFFFFF;
}

.V9
/*Tiny*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
}

.v9
/*Tiny*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
}

.V10
/*Verdana6pt & searchbox*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.v10
/*Verdana6pt & searchbox*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.V10red {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FF0000;
}

.v10red {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FF0000;
}

.V10white {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}

.v10white {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}

.V10blue
/*Verdana10ptblue & date*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #336699;
}

.v10blue
/*Verdana10ptblue & date*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #336699;
}

.V11
/*FinePrint & footer less center*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}


/* JC 10/3/2013 Added because new DOCTYPE requires case sensitive class/id values.*/

.v11
/*FinePrint & footer less center*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.V11blue {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #336699;
}

.v11blue {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #336699;
}

.V11grey {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
}

.v11grey {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
}

.V11red {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FF0000;
}

.v11red {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FF0000;
}

.V12
/*SmallText & Cart& textbox*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.v12
/*SmallText & Cart& textbox*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.V12White
/*SmallText & Cart& textbox*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
}

.v12White
/*SmallText & Cart& textbox*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
}

.V12OffColor {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #F5F5F5;
}

.v12OffColor {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #F5F5F5;
}

.V12grey {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #999999;
}

.v12grey {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #999999;
}

.V12white {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
}

.v12white {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
}

.V12ltblue
/*CartQtyDiscount*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000080;
}

.v12ltblue
/*CartQtyDiscount*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000080;
}

.V12blue
/*Verdana14ptblue & Tips*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #336699;
}

.v12blue
/*Verdana14ptblue & Tips*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #336699;
}

.V12ltred
/*CartMsg*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #800000;
}

.v12ltred
/*CartMsg*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #800000;
}

.V12red
/*Error & CartPromo*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FF0000;
}

.v12red
/*Error & CartPromo*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FF0000;
}

.V13
/*Verdana75pt & dfsext2 & catShortDesc*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.v13
/*Verdana75pt & dfsext2 & catShortDesc*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.ad-tagline
/*Verdana75pt & dfsext2 & catShortDesc*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    color: #336699;
}

.ad-tagline div::before {
    background-image: url('/images/autodelivery-65.png');
    content: '';
    height: 65px;
    width: 65px;
    display: inline-block;
    margin-right: 5px;
    background-repeat: no-repeat;
    position: relative;
    top: +24px;
}

.ad-tagline div {
    display: inline-block;
    height: 65px;
    position: relative;
    top: -31px;
}


/* JS: 08/14/2017 Added Verdana75pt for DFS hardgoods. */

.Verdana75pt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.V13white
/*Verdana75ptWhite*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFFFFF;
}

.v13white
/*Verdana75ptWhite*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFFFFF;
}

.V13red
/*dfstext3*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FF0000;
    ;
}

.v13red
/*dfstext3*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FF0000;
    ;
}


/* JS: 08/14/2017 Added dfstext3 style for DFS hardgoods. */

.dfstext3 {
    color: #FF0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.V14
/*SectionHeading2 less bold*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.v14
/*SectionHeading2 less bold*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.V14white
/*Verdana10ptWhite*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFFFFF;
}

.v14white
/*Verdana10ptWhite*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFFFFF;
}

.V14blue {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #336699;
}

.v14blue {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #336699;
}

.V14red
/*Productmsg*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FF0000;
}

.v14red
/*Productmsg*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FF0000;
}


/* JS:05/30/2014 Added this class for new redesign */

.V15 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}

.v15 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}

.V16
/*SectionHeading less bold*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.v16
/*SectionHeading less bold*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.V16red
/*numberOne - close less bold*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FF0000;
}

.V16Red
/*numberOne - close less bold*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FF0000;
}

.v16red
/*numberOne - close less bold*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FF0000;
}

.v16Red
/*numberOne - close less bold*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FF0000;
}

.V18red
/*BigRed*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #FF0000;
}

.v18red
/*BigRed*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #FF0000;
}

.TNR18red
/*Hilight*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #FF0000;
}

.tnr18red
/*Hilight*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #FF0000;
}

.TNR20blue
/*.custalert *close**/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #336699;
}

.tnr20blue
/*.custalert *close**/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #336699;
}

.TNR24red
/*HomeHighlight & DFSWelcome less bold*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #FF0000;
}

.tnr24red
/*HomeHighlight & DFSWelcome less bold*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #FF0000;
}

.T12
/*SideBar less center*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.t12
/*SideBar less center*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.T16
/*dfstext*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.t16
/*dfstext*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.T18red
/*dfssaletext*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #FF0000;
}

.t18red
/*dfssaletext*/

{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #FF0000;
}

.G20blue {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #336699;
}

.g20blue {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #336699;
}

.G22blue {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #336699;
}

.g22blue {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #336699;
}


/* JS: 05/30/2014 Modified G24Blue font for new redesign */

.G24blue
/*categoryTitleBig & pageTitle less bold*/

{
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 18px;
  color: #336699;*/
    font-size: 24px;
    color: #005980;
}

.g24blue
/*categoryTitleBig & pageTitle less bold*/

{
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 18px;
  color: #336699;*/
    font-size: 24px;
    color: #005980;
}

A {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

a {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

A:hover {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

a:hover {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

.FieldTitle {
    font-family: Arial, Helvetica, sans-serif;
    /*text-transform: capitalize;*/
    color: #750000;
    font-size: 9pt;
    /*font-style : italic;
  font-variant : small-caps;
  font-weight : bold;*/
    letter-spacing: 4px;
}

.fieldtitle {
    font-family: Arial, Helvetica, sans-serif;
    /*text-transform: capitalize;*/
    color: #750000;
    font-size: 9pt;
    /*font-style : italic;
  font-variant : small-caps;
  font-weight : bold;*/
    letter-spacing: 4px;
}

.AdminHilite {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #336699;
}

.adminhilite {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #336699;
}

.AdminSection {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #336699;
    font-size: 16px;
}

.adminsection {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #336699;
    font-size: 16px;
}

.categoryTitleBig {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #336699;
    margin-bottom: -4px;
}

.categorytitlebig {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #336699;
    margin-bottom: -4px;
}

.la_table_formatting {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}


/* MRZ 03/13/08 Added for LA Redesign */

.categoryTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #163a5e;
}

.CategoryTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #163a5e;
}


/* JC 10/3/2013 Added because new DOCTYPE requires case sensitive class/id values.*/

.categorytitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #163a5e;
}

.categoryBody {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
}

.categorybody {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
}

.categoryResults {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #163a5e;
}

.categoryresults {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #163a5e;
}

A.thumbLink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

a.thumbLink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

a.ThumbLink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

A.thumbLink:Hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}

a.thumbLink:Hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}

a.ThumbLink:Hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}

.thumbItalic {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
    color: #000000;
}

.thumbitalic {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
    color: #000000;
}

.ThumbRegular {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

.thumbRegular {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

.thumbregular {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}


/* end MRZ 03/13/08 Added for LA Redesign */


/* MRZ 03/04/08 Added for LA Redesign - Product Page */

.QSrefinement
/* MRZ 2/19/08 quick stat refinement name*/

{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-decoration: underline;
}

.qsrefinement
/* MRZ 2/19/08 quick stat refinement name*/

{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-decoration: underline;
}

.prodCommonName {
    font-family: Arial;
    font-size: 20px;
    color: #163a5e;
}

.prodcommonName {
    font-family: Arial;
    font-size: 20px;
    color: #163a5e;
}

.prodScientificName {
    font-family: Arial;
    font-size: 14px;
    font-style: italic;
}

.prodscientificname {
    font-family: Arial;
    font-size: 14px;
    font-style: italic;
}

.prodBody {
    font-family: Arial;
    /*font-size:11px;
  color:#333333; JS: 05/30/2014 Modified for new redesign*/
    font-size: 12px;
    color: #000000;
}

.prodbody {
    font-family: Arial;
    font-family: Arial;
    /*font-size:11px;
  color:#333333; JS: 05/30/2014 Modified for new redesign*/
    font-size: 12px;
    color: #000000;
}

.blackText {
    font-family: Arial;
    font-size: 12px;
    color: #000000;
}

.blacktext {
    font-family: Arial;
    font-size: 12px;
    color: #000000;
}

.blueTextLarge {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #163a5e;
}

.bluetextlarge {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #163a5e;
}

A.blueText {
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #163a5e;
    text-decoration: none;
}

a.bluetext {
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #163a5e;
    text-decoration: none;
}

A.blueText:Hover {
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #163a5e;
    text-decoration: underline;
}

a.bluetext:Hover {
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #163a5e;
    text-decoration: underline;
}

.grayTextNote {
    font-family: Arial;
    font-size: 9px;
    font-style: italic;
    color: #999999;
}

.graytextnote {
    font-family: Arial;
    font-size: 9px;
    font-style: italic;
    color: #999999;
}


/* end MRZ 03/04/08 Added for LA Redesign - Product Page */


/* MRZ 03/04/08 Added for LA Redesign - Article Page */

.articleTitle {
    font-family: Arial;
    font-size: 18px;
}

.articletitle {
    font-family: Arial;
    font-size: 18px;
}

.byline {
    font-family: Arial;
    font-size: 14px;
    font-style: italic;
}


/* end MRZ 03/04/08 Added for LA Redesign - Article Page */


/* MRZ 06/02/08 Added for LA Redesign Checkout */

.blueNote {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #003366;
}

.bluenote {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #003366;
}

.redTotal {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #990000;
}

.redtotal {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #990000;
}

.checkoutNote {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #666666;
}

.checkoutnote {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #666666;
}


/* end MRZ 06/02/08 Added for LA Redesign Checkout */

.search_pagination {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.search_pagination_active {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
    color: #000000;
}

.search_results_big {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #163a5e;
}

.search_results_small {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #163a5e;
}

.search_term {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    color: #163a5e;
}

.search_division_fresh {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #336633;
}

.search_division_marine {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #3a8ba5;
}


/* RAO 04/29/09 Added for new newsletter format  */

.SectionHeading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
    font-weight: bold
}

.sectionheading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
    font-weight: bold
}

.SectionHeading2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    font-weight: bold
}

.sectionheading2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    font-weight: bold
}

.pageTitle {
    font-family: "Times New Roman", Times, serif;
    font-size: 20px;
    color: #000000;
}

.pagetitle {
    font-family: "Times New Roman", Times, serif;
    font-size: 20px;
    color: #000000;
}

.Error {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FF0000
}

.error {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FF0000
}

.shadow {
    -moz-box-shadow: 0 0 15px 10px #999;
    -webkit-box-shadow: 0 0 15px 10px #999;
}


/* JS: 05/30/214; Added for new redisign  */

.blueCheckoutButton {
    background-color: #0066CC;
    cursor: pointer;
    height: 40px;
    width: 200px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
}


/* JS: 01/25/2017 Added blueEstimateButton for on modify cart page.*/

.blueEstimateButton {
    background-color: #0066CC;
    cursor: pointer;
    height: 23px;
    width: 110px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}


/* JS: 08/14/2017 Added Jason11 for DFS Hardgoods. */

.Jason11 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}


/* JS: 08/14/2017 Added Verdana12ptWhite for DFS Hardgoods. */

.Verdana12ptWhite {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}


/* RA: 12/14/2017 PDDCOM-291 Added styles to support the new checkout header */

.checkoutHeader {
    background: url('/images/endstate/checkout/header.png') no-repeat;
    height: 77px;
    width: 781px;
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.checkoutHeader .inner {
    padding: 10px 20px;
}

.checkoutHeader .inner .links {
    float: right;
    color: white;
    margin-top: 45px;
}

.checkoutHeader .inner .links a {
    color: white;
    text-decoration: none;
}

.checkoutHeader .inner .links .contact {
    padding-right: 14px;
    border-right: 1px solid #5181b9;
}

.checkoutHeader .inner .links .contact a {
    margin-left: 10px;
}

.checkoutHeader .inner .links .cart {
    padding-left: 15px;
}

.checkoutHeader .inner .links .cart a {
    background: url('/images/endstate/checkout/cart_icon.png') no-repeat;
    padding: 3px 0 3px 25px;
}

.checkoutHeader .inner .logo {
    display: inline-block;
}


/*** HEADER 1024px ***/

.wd1024 .header {
    width: 100%;
    font-size: 11px;
    text-transform: uppercase;
}

.wd1024 .header .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wd1024 .header .flex>* {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.wd1024 .header .flex.grow>* {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.wd1024 .header .flex>*:first-child {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}

.wd1024 .header .flex>*:last-child {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
}

.wd1024 .header .inner {
    height: 128px;
    padding: 10px 35px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAACjCAMAAACXKD9dAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACTUExURQA7cAAvWAAsUgA5bAA3aAAxXAA8cQAtVAA6bgAuVgAsUwA0YgA4agA1ZAAyXgA8cgA2ZgAzYAAwWgAtVQA7bwA6bwA4aQAvVwA7cQA4awAwWQAtUwA5bQAwWwAuVQA1YwA0YwAyXQAxXQAuVwA5awA2ZQA1ZQAzXwAyXwAvWQA6bQA3ZwA2ZwA0YQAzYQA3aQAxWyB5ZKMAAACLSURBVBjTbcIFCgMxEADAc3d3d///68rC0jTlhmE4jvmtadQ8x7L80vdxVWFV/d/3MI4xy1LXFWYZ9jyyLPHzMKJI7TrYttCyyGWB8wxdl7wueJ5Q18mmgXUNTZOcJjiO0HHI44D7DgWBet9MFGHDINMUDwPkeWpR4G2DivI/DHEQ4FdJgiWJatvfH128F0fHf+gaAAAAAElFTkSuQmCC') repeat;
    background-color: #002d55;
}

.wd1024 .header .links {
    float: right;
    color: white;
}

.wd1024 .header ul.links {
    list-style: none;
}

.wd1024 .header ul.links li {
    display: inline-block;
    padding: 0 10px 0 13px;
    text-align: center;
    border-left: 1px solid #4c7db9;
}

.wd1024 .header ul.links li:first-child,
.wd1024 .header ul.links li:last-child {
    border-left: 0;
}

.wd1024 .header .links a {
    color: white;
    text-decoration: none;
}

.wd1024 .header .links .contact .phone {
    margin-left: 10px;
}

.wd1024 .header .links .cart .item-count {
    position: absolute;
    margin: -10px 0 0 -12px;
    border-radius: 50%;
    background-color: #ffe900;
    color: black;
    padding: 2px;
    min-width: 12px;
    min-height: 12px
}

.wd1024 .header .links .cart a {
    background: url(/images/endstate/global/cart_icon.png) no-repeat;
    padding: 3px 0 3px 25px;
}

.wd1024 .header ul.links .greeting .user-name {
    font-weight: bold;
}

.wd1024 .header .logo-search-banner {
    margin-top: 45px;
}

.wd1024 .header .nav {
    color: white;
    background-color: #194f91;
    font-size: 12px;
    position: relative;
    overflow: hidden;
}

.wd1024 .header .nav a {
    color: white;
    text-decoration: none;
}

.wd1024 .header .nav a:hover {
    text-decoration: underline;
}

.wd1024 .header .nav a.active {}

.wd1024 .header .nav ul {
    list-style: none;
    margin-left: -1px;
    padding: 5px 0;
}

.wd1024 .header .nav li {
    margin: .25em 0;
    padding: 0 1em;
    text-align: center;
    border-left: 1px solid #4c7db9;
}

.wd1024 .header .nav li:first-child {
    border-left: 0;
}

.wd1024 .header .nav li:last-child {
    justify-content: right;
}

.wd1024 .search-input input {
    outline: none;
}

.wd1024 .header .rounded {
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.wd1024 .search-input form {
    padding-left: 15px;
    margin: 0;
    background-color: white;
    border: 1px solid white;
    padding-right: 10px;
}

.wd1280 .search-input form .input {
    height: 45px;
    border: 0;
    width: 415px;
    font-size: 14px;
    display: block;
}

.wd1024 .search-input form .input {
    height: 45px;
    border: 0;
    width: 225px;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
}

.wd1024 .search-input form .search {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53.6 53.6' width='23' height='23'%3E%3Cpath d='M53.6 49.4L37.8 33.6C40.4 30 42 25.7 42 21 42 9.4 32.6 0 21 0S0 9.4 0 21s9.4 21 21 21c4.7 0 9-1.6 12.6-4.2l15.8 15.8L53.6 49.4zM2 21C2 10.5 10.5 2 21 2s19 8.5 19 19 -8.5 19-19 19S2 31.5 2 21z' fill='%23616161'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    width: 35px;
    height: 45px;
    border: 0;
    margin: 0;
    padding: 0;
    background-position-y: 10px;
    background-position-x: 10px;
    cursor: pointer;
    background-color: white;
    display: inline-block;
    vertical-align: top;
}

ul#sli_autocomplete.rich {
    width: 445px !important;
}


/*** /HEADER 1024px ***/


/*** CONTAINER 1024px ***/

#container.wd1280 {
    width: 1280px !important;
}

#container.wd1024 {
    width: 1024px;
}

#container.wd1024 #footer>table,
#container.wd1024 #footer table[width="575"] {
    width: 1024px !important;
}

.wd1024 .categorytitle,
.wd1024 .CategoryTitle {
    font-size: 22px;
}

.wd1024 .v11,
.wd1024 .V11,
.wd1024 .V11red,
.wd1024 .CategoryResults,
.wd1024 .CategoryBody,
.wd1024 .categorybody,
.wd1024 .ThumbLink,
.wd1024 .ThumbLink:visited,
.wd1024 .ThumbLink:hover,
.wd1024 .bluetextlarge {
    font-size: 14px;
}

.wd1024 .v10,
.wd1024 .V10,
.wd1024 small,
.wd1024 .blacktext,
.wd1024 a.blacktext,
.wd1024 .bluetext,
.wd1024 a.bluetext,
.wd1024 .ThumbRegular {
    font-size: 12px;
}

.wd1024 .v9 {
    font-size: 11px;
}


/* RA: 01/30/2018 PDDCOM-360 Make adjustments to restrict the content based on class attribute */

#container.wd1024 #content-block {
    margin: 0 auto;
}

#container.wd1024 .narrow {
    width: 727px;
}

#container.wd1024 .breadcrumb {
    display: inline-block;
    margin: 10px 0;
}

#container.wd1024 .breadcrumb * {
    font-size: 12px !important;
}


/*** /CONTAINER 1024px ***/


/*** Article 1024px ***/

.article-content {
    margin-top: 20px;
}

.article-content img:first-child {
    display: block;
    margin: 0 auto;
}

.article-content .articleTitle {
    font-size: 20px;
}


/*** /Article 1024px ***/


/* RA: 01/30/2018 PDDCOM-360 Add new styles to support the login form UI transition */

.sign-view {
    margin: 0 auto;
}

.sign-view:before,
.sign-view:after {
    content: '';
    display: table;
    clear: both;
    width: 100%;
}

.sign-view .button {
    -moz-appearance: none;
    -webkit-appearance: none;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    position: relative;
    margin: 0;
    padding: 0px 15px;
    height: 40px;
    border-width: 0;
    border-style: solid;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    font: 400 16px Arial, Verdana, sans-serif;
    line-height: 40px;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    background: #000;
    color: #fff;
}

.sign-view .button {
    background: #fde702;
    color: #03335b;
    margin-top: 40px;
}

.sign-view .button.-big {
    width: 100%;
    height: 67px;
    line-height: 67px;
    font-size: 18px;
    font-weight: bold;
}

.sign-view .button:hover,
.button:focus {
    background: #a09e9f;
    border-color: #a09e9f;
    color: #03335b;
    text-decoration: none;
    cursor: pointer;
}

.sign-view .forgot-pass {
    float: right;
    margin-top: 10px;
    font-size: 14px;
    color: #5f3917;
    position: relative;
    z-index: 1;
}

.sign-view .forgot-pass:hover {
    text-decoration: none;
}

.sign-view h1 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #03335b;
    text-align: center;
}

.sign-view .input-field {
    position: relative;
    margin-bottom: 15px;
}

.sign-view .input-field label {
    position: absolute;
    top: 2px;
    left: 5px;
    font-size: 10px;
    display: none;
}

.sign-view .input-field.-required:before {
    content: '*';
    color: #03335b;
    position: absolute;
    top: 15px;
    left: 10px;
}

.sign-view .input-field.-required input {
    padding-left: 20px;
}

.sign-view .input-field.-xl,
.sign-view p.-xl {
    margin-bottom: 30px;
}

.sign-view input[type="text"],
.sign-view input[type="password"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    display: block;
    margin: 0;
    padding: 0px 10px;
    height: 40px;
    width: 100%;
    border: 1px solid #a09e9f;
    border-radius: 5px;
    background-color: #fff;
    color: #000;
    font: 400 14px Arial, Verdana, sans-serif;
}

.sign-view .login {
    float: left;
    border-right: 1px solid #d4d4d4;
}

.sign-view .login,
.sign-view .registration {
    width: 50%;
    padding: 40px;
}

.sign-view p {
    margin-bottom: 15px;
    text-align: center;
    font-size: 16px;
    font-family: Arial, Verdana, sans-serif;
}

.sign-view p.note {
    text-align: left;
}

.sign-view .registration {
    float: right;
}

.sign-view .required-notify {
    text-align: left;
    font-size: 13px;
    padding-top: 10px;
    float: left;
}

.sign-view .required-notify:after {
    content: ' required field';
    font-style: italic;
    color: #a09e9f;
}

.sign-view .required-notify:before {
    content: '*';
    color: #03335b;
}

.sign-view *,
.sign-view *:before,
.sign-view *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none;
}

.guarantee-secure {
    margin: 0 5px;
}


/*** Stepped Progress Bar ***/

.stepped {
    list-style: none;
    overflow: hidden;
    font: 18px Arial, Helvetica, Sans-Serif;
    margin: 20px 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

.stepped li a {
    color: white;
    text-decoration: none;
    padding: 10px 0 10px 55px;
    background: #bebebe;
    position: relative;
    display: block;
    width: 205px;
    text-align: center;
}

.stepped li a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #bebebe;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}

.stepped li a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}

.stepped li:first-child a {
    padding-left: 20px;
    width: 180px;
}

.stepped li:last-child a {
    padding-right: 20px;
    width: 185px;
}

.stepped li a:hover {
    cursor: default;
}

.stepped li a.active {
    cursor: pointer;
}

.stepped li:last-child a:after {
    border: 0;
}

.stepped a.active {
    background: #03335b;
}

.stepped a.active:after {
    border-left-color: #03335b !important;
}

.stepped.three_wide li a {
    width: 305px;
}

.stepped.three_wide li:first-child a {
    padding-left: 20px;
    width: 295px;
}

.stepped.three_wide li:last-child a {
    padding-right: 20px;
    width: 275px;
}


/*** /Stepped Progress Bar ***/

.guest-admin-indicator {
    background: red;
    color: white;
    font-size: 24px;
    font-weight: bold;
    margin: 4px 0;
    padding: 1em;
    text-align: center;
}


/* JS: 07/5/2019 Added css for slideout bar */
/* LW: 06/22/2021 Hide the Sideout BUG - 18901 */
#slideout {
    position: fixed;
    right: 0;
    top: 240px;
    z-index: 100;
    display: none;
}

#slideout_inner {
    background-color: #fff;
    height: 256px;
    position: fixed;
    right: -120px;
    top: 240px;
    width: 120px;
}

.shipping_notice
/*Shipping form Notice*/
{
  font-family:Arial,Helvetica,sans-serif;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color:#fff9bf;
  padding: 15px;
}