/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Removes default margin.
 */

body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

.sr-only, .visually-hidden { 
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    position: absolute;
    clip: rect(0 0 0 0);
}
.visuallyHidden.focusable:active,
.visuallyHidden.focusable:focus,
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.hidden-info, a.hidden-info { color: #fff; background: #00529b; -webkit-transition: all 0s; transition: all 0s; }

svg:not(:root) { overflow: hidden; }
.svg-legend { position: absolute; top: -999em; width: 0; height: 0; }

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    width: 15px;
    box-sizing: border-box;
    padding: 0;
    margin: 0 5px 0 0;
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table header.siteHeader, table main { margin-bottom: 25px; }



/* ===============  Default Adjustments  =============== */

body { }

::-moz-selection { background: #3197fc; text-shadow: none; }
::selection { background: #3197fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
img { max-width:100% !important; height:auto !important; vertical-align: middle; }
fieldset {border: 0;margin: 0; padding: 0; }
textarea { resize: vertical; }

p { margin:0 0 1em 0; }

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }
.hidden { display: none; visibility: hidden; }
.visuallyHidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyHidden.focusable:active, .visuallyHidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.hide       { display:none; }
.smallest   { font-size:.8em; }
.smaller    { font-size:.9em; }
.larger     { font-size:1.1em; }
.largest    { font-size:1.2em; }
.bold       { font-weight:bold; }
.italic     { font-style:italic !important; }
.strike     {text-decoration:line-through !important;}

.red, .red:visited          { color:#f00 !important; }
.green, .green:visited      { color:#390 !important; }
.lgreen, .lgreen:visited    { color:#97937d !important; }

.bgYellow { background:yellow; }
.bgGreen { background:lime; }
.vtop { vertical-align:top; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.floatLeft { float:left; }
.floatRight { float:right; }
.imgLeft { float:left; margin-right:5px; padding:5px; border:1px solid #c4c4c4; }
.imgRight { float:right; margin-left:5px; padding:5px; border:1px solid #c4c4c4; }
.nowrap { white-space:nowrap; }
.borderless { border:0; border-collapse:collapse; }
.breakforprint { page-break-after:always; }
.clear { overflow:hidden; clear:both; height:0; margin:0; font-size:1px; line-height:0; }
.skip { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.important { color:red; font-weight:bold; text-transform:uppercase; }


/* ## Base List styles ## */
ul, ol { margin:0 0 1em; }
.noBullet { padding:0 0 0 1em; list-style-type:none; }
.noIndent { padding:0; list-style-type:none; }
.bulletSquare { list-style-type:square; }

/* ## Note/hint text or link ## */
.note { margin:0 7px; font-size:.8em; color:#4e4e4e; }
.note a, .note a:link, .note a:visited { text-decoration:underline; }


/* ================================================================
   PRIMARY LAYOUT STYLES 
   ================================================================ */

/* Enter unique styles for site here */

/* ## Disabled Form Fields ## */
input[disabled=true]    { background-color: #F0F0F0; }
textarea[disabled=true] { background-color: #F0F0F0; }
select[disabled=true]   { background-color: #F0F0F0; }
input[readonly=true]    { background-color: #F0F0F0; }
textarea[readonly=true] { background-color: #F0F0F0; }
select[readonly=true]   { background-color: #F0F0F0; }


/* Removed :link from the list to help cut down on writing time and prevent the need for extra specificity for classes */
a, a:visited { color:#6D6D6D; text-decoration:underline; }
a:hover, a:active, a:focus { color:#6D6D6D; text-decoration:none; }
a:active, a:focus { outline:0; }

.btnText { margin:0; padding:0; color:#6D6D6D; text-decoration:underline; border:0; background:none; }
.btnText:hover { color:#6D6D6D; text-decoration:none; }


/* ## Link Modifiers ## */
a .text { text-decoration:underline; }
a:hover .text, a:active .text, a:focus .text { text-decoration:none; }
a [class^="icon-"] { text-decoration:none; }
a.removeLink { color:#f00; font-size:0.9em; }


/* ## Link Lists ## */
/* We use '<ul class="linkList">' when setting a list of organized links. */
ul.linkList {margin:0 0 15px 0; padding:0; list-style-type:none;}
ul.linkList li {margin-bottom:8px;}
ul.linkList a,
ul.linkList a:link,
ul.linkList a:visited { text-decoration:none;}
ul.linkList a:hover,
ul.linkList a:active {text-decoration:underline;}


/* ## Start Up Layout - Use, modify, or delete as need be ## */
body {background:#fff; }
.container { }
.siteBody { min-height:300px; margin: 0 0 15px; }


/* ## Site Header ## */
.siteHeader {
    z-index:1000;
    min-height: 80px;
    margin-bottom: 0;
    position:relative;
    border-bottom: 1px solid #000;
}
.siteHeader a.sitelogo,
.siteHeader a.sitelogo:link,
.siteHeader a.sitelogo:visited { 
    width: auto; 
    height: auto;
    text-align: center;
    display: block;
}
    .sitelogo img {
        width: auto;
        max-width: 380px !important;
        max-height: 50px;
    }
    .sitelogo p { margin-bottom: 0; }
.siteHeader .hdrPhonenum {
    background-position: 100% 0;
    background-repeat: no-repeat;
    bottom: 12px;
    display: block;
    height: 34px;
    position: absolute;
    right: 12px;
    text-indent: -9999em;
    width: 200px;
}
.headerLinks {
    font-size: 0.9em;
    margin: 0 0 10px;
    padding: 5px 0 0;
    text-align: right;
}
.headerLinks a, .headerLinks a:link, .headerLinks a:visited {
    margin: 0 3px;
    text-decoration: none;
}
.headerLinks a:hover, .headerLinks a:active {
    text-decoration: underline;
}

.mobile-shopping-cart { text-align: right; padding-right: 65px; }
    .mobile-shopping-cart a { height: 23px; margin: -6px 0 10px; display: inline-block; text-decoration: none; }
        .mobile-shopping-cart a:hover > span, .mobile-shopping-cart a:focus > span { color: #9e3c3c; }
    .mobile-shopping-cart a > span {
        color: #000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .mobile-shopping-cart a svg { margin-bottom: 5px; }
    .mobile-shopping-cart a > span > span { margin: -3px 0 0 10px; }
.shop-search { display: none; }

.search-bar .wrpr { height: 35px; border: 2px solid #000; }
    .search-bar .search {
        width: 270px;
        font-size: 20px;
        margin: 0 -3px -3px 0;
        padding: 5px 50px 5px 10px;
        border: none;
        position: relative;
        top: 0;
    }

.search.inner { margin: 0 0 15px; padding: 15px 10px 20px; border-bottom: 1px solid #ccc; }
.serch.inner .forms .search-section:first-child { margin: 0 15px 10px 0; }
.search.inner .section-copy span { margin: 7px 0 0; display: block; }
.search-section { margin: 0 0 20px; }
    .search-section label { display: inline-block; }
    .search-section > input { width: 50%; display: inline-block; }

.navWrpr div#divCT_Header, .navWrpr .railPlaceholder { width: 100% !important; max-width: 450px; }

@media (min-width: 768px) {
    .search.inner .forms {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .search.inner .section-copy span { margin: 0 0 5px; display: inline-block; }
}

@media (min-width: 960px) {
    .mobile-shopping-cart { display: none; }
    .shop-search {
        width: 180px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: 15px;
    }
        .shop-search p { margin: 0 0 10px; }
    .shop-search:before { content: " | "; margin: 8px 10px 0 -8px; }

    .siteHeader .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .siteHeader .sitelogo-wrpr { width: 380px; margin-right: 10px; }
       .siteHeader .sitelogo-wrpr .sitelogo { text-align: left !important; }
    .sitelogo img { max-height: 80px; }
    .navWrpr {
        width: calc(100% - 380px);
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    a.shopping-cart {
        outline: 0;
        color: #000;
        display: flex;
		align-items: center;
        text-decoration: none;
        padding: 5px 10px 3px;
    }
	#spanCartTotal1 {font-size: .8em;}
	
	a.shopping-cart svg {margin: 0 7px 0 0;}
    
	a.shopping-cart:hover, a.shopping-cart:focus { color: #fff; background: #000; }
    .search-btn {
        padding: 5px 10px 3px;
        display: inline-block;
        text-decoration: none;
        position: relative;
        background: none;
        border: none;
    }
    .search-btn:hover, .search-btn:focus { color: #fff; background: #000; }
    .search-btn input {
        width: 100%;
        height: 100%;
        background: none;
        position: absolute;
        border: none;
        left: 0;
        top: 0;
    }
    .search-bar {
        right: 0;
        height: 0;
        bottom: -39px;
        position: absolute;
        background: #fff;
        visibility: hidden;
    }
    .search-bar.open { height: auto; visibility: visible; }
    .search-section { margin: 0; }
}
@media (min-width: 1100px) {
    .shop-search p { margin: 0; }
}
/* ## Disabled Form Fields ## */

.siteSearch { color: #FFFFFF; margin: 0; }
    .siteSearch label { display: none; }

/* ==========================================================================
   Global Modules
   ========================================================================== */

.mod { position: relative; }

.title { position: relative; margin: 0 0 1em; }
.titleAlt {
    font-size: 24px;
    font-weight: 500;
    margin: 0 0 0.7em;
}
.titleAlt2 {  }

.title .more {
	position: absolute;
	top:0;
	right: 0;
	font-size: 0.6em;
}

.modContent{
	padding: 15px;
}

.autocomplete { width: 400px !important; max-height: none !important; margin: 2px 0 0 5px; background: #fff; border: 1px solid #000; border-top: 0; }
    .autocomplete > div { padding: 10px; border-bottom: 1px solid #ccc; }
        .autocomplete > div:last-child { border: none; }

/* Item Lists Content
   ========================================================================== */

.itemList { 
	margin:0; 
	padding: 0 15px 0 0; 
	list-style:none; 
}

.item { 
	display: table;
	padding: 1em 0; 
	width: 100%;
	border-top: 1px solid #ccc; 
}
.item:first-child { border-top:0; padding-top:0; }
.item:last-child { padding-bottom: 0; }

.item > .content {
	display: table-cell;
	width: 100%;
	vertical-align: top;
}

.item .contentExtra {
	display: table-cell;
	vertical-align: top;
}
.contentExtra.itemPriceType { width: 140px; min-width: 140px; text-align: left; }
.contentExtra.itemRecipient { width: 200px; text-align: left; }
.contentExtra.itemRecipient .formee { max-width: 200px; }

.content .title { margin:0; }
.itemList .content p { margin: 0; }
.content .date { font-size:0.85em; }


/* Item Media
   ========================================================================== */

.aside { 
	display: table-cell;
	padding: 0 15px 0 0; 
	text-align: center;
}

.caption {
	display: block;
	font-size: 0.8em;
	line-height: 1.2em;
}


/* Media Queries for Item Lists 
  ========================================================================== */


@media (max-width : 400px) { 
	
	.item { display: block; }
	.item > .content { display: block;}
	.item > .aside { display: block;}

}


/* News
   ========================================================================== */

.article > .aside {
	float:right; 
	margin: 1em;
}

.meta{
	margin:0.5em 0;
}

.meta > div {
	float: left;
}

.meta .social-tools{
	float: right;
}


/* ==========================================================================
   Filters
   ========================================================================== */

.filter{
	padding: 1em;
	border: 1px solid #444444;
	background: #cccccc;
}

.filter-options{
	float: left;
}

.filter-actions{
	float: right;
}

/* Pagination
   ========================================================================== */

.paging {
	padding: 1em;
}

.paging-results { 
	float: left;
}

.paging-list {
	float: right;
}

.paging-list ul {
	display: block;
	padding: 0;
	margin: 0;
}

.paging-list li{
	display: block;
	padding: 0;
	margin: 0;
	border: 1px solid #002B40;
	border-left-width: 0;
	float: left;
}

.paging-list li:first-child{
	border-left-width: 1px;
}

.paging-list li a,
.paging-list li span {
	display: block;
	min-width: 30px;
	padding: 2px 5px;
	text-align: center;
}

.paging-list li a {
	/* Link State */
}

.paging-list li span {
	/* Current Page State */
}

.paging-list li.disabled { 
	display: none;
}

.paging-list li.disabled+li { 
	border-left-width: 1px;
}

.paging-list li.disabled+.all {
	border-left-width: 0;
}


/* pagination and filters */

.filters { display: block; margin:0 0 45px 0; }
.filters .filterList { float: left; display: inline; margin-bottom: 5px; }
.filters label {
    font-size: 12px;
    font-weight: 400;
    padding: 10px;
    background: #fbfaf9;
    border: 1px solid #000;
    border-right: 0;
    margin: 0;
}
.filters .sortList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 15px;
}
.filters select {margin-right:10px;}


.filters .sortList .last {border-right:0;}
.filters .sortItem {
    display: inline-block;
    margin: 0;
    padding: 9.5px 10px;
    font-size: 0.8em;
    background: #fbfaf9;
    border-top: 1px solid #9e3c3c;
    border-bottom: 1px solid #9e3c3c;
}
    .filters .sortItem:first-of-type { border-left: 1px solid #9e3c3c; }
    .filters .sortItem:last-child { border-right: 1px solid #9e3c3c; }
.filters .sortItem a, .filters .sortItem a:link, .filters .sortItem a:visited {padding-right:12px; text-decoration:none; background:url(/cms/images/layout/arrow_sortorder.gif) no-repeat 100% 2px;}
.filters .sortItem a.down, .filters .sortItem a.down:link, .filters .sortItem a.down:visited {font-weight:bold; background-position:100% -18px;}
.filters .sortItem a.up, .filters .sortItem a.up:link, .filters .sortItem a.up:visited {font-weight:bold; background-position:100% -38px;}

.pagination {float:right; width:400px; margin:0 0 10px 0; text-align:right;}
.pagination .view {float:right; display:inline; padding:0 0 0 10px;}
.pagination .view a,.pagination .view a:link, .pagination .view a:visited { display:inline-block; text-decoration:none; padding:2px 6px;}
.pagination .paging {float:right; display:inline; padding:0 10px; border-right:1px solid #999999;}
.pagination .paging a,.pagination .paging a:link,.pagination .paging a:visited {float:left; display:inline; margin:0 3px; padding:2px 6px; text-align:center; text-decoration:none; }
.pagination .paging .active {float:left; display:inline; margin:0 4px; padding:2px 6px; text-align:center; color:#000; background-color:#d2d2d2; text-decoration:none; border:1px solid #969696;}
.pagination .paging .total { float:left; display:block; padding-top:2px; color:#999999;}
.pagination a.arrowRight,.pagination a.arrowRight:link,.pagination a.arrowRight:visited {float:left; display:inline; background:url(/cms/images/layout/arrow_right_gray.gif) no-repeat 50% 50%; text-indent:-9999em;}
.pagination a.arrowLeft,.pagination a.arrowLeft:link,.pagination a.arrowLeft:visited {float:left; display:inline; background:url(/cms/images/layout/arrow_left_gray.gif) no-repeat 50% 50%; text-indent:-9999em;}



/* ==============================================================
   GLOBAL STYLES 
   ============================================================== */

/*--- where is this used at? ----*/
.alert { 		
	overflow:hidden;
	border: 1px solid #FE0000; 
	margin: 1em 0;
	padding: 10px;
	min-height: 50px;	
	color: #fff;
	background-color: #FEFF99;	
}
.alert a { color:#fff; }

.bdr        { border:1px solid #555244; padding:1px; background-color:#a7a496; }
.bdrTop     { border-top:1px solid #999; }
.bdrRight   { border-right:1px solid #999; }
.bdrBottom  { border-bottom:1px solid #999; }
.bdrLeft    { border-left:1px solid #999; }

.bdrDash        { border:1px dashed #555244; }
.bdrDashTop     { border-top:1px dashed #999; }
.bdrDashRight   { border-right:1px dashed #999; }
.bdrDashBottom  { border-bottom:1px dashed #999; }
.bdrDashLeft    { border-left:1px dashed #999; }

.alternate	{background-color: #d8d8d8;}
.row		{background-color: #ffffff;}


/* ##  Error Markers  ## */
   
.fieldlbl {padding:4px 2px 0 0; text-align:right;}
.field {padding-left:2px;}
.fieldpad {padding-bottom:2px;}

.fieldtext {color:#000000;}
.fielderror {color:#cc0000;}
.fieldnorm {width:16px; height:20px;}
.fieldreq {width:16px; height:20px; background:transparent url(/cms/images/global/field-req.gif) no-repeat center right;}
 span.fieldreq {padding:0 6px; background-position:center center;}
 span.fieldnorm {padding:0 6px; background-position:center center;}
.fieldred {width:16px; height:20px; background:transparent url(/cms/images/global/field-error.gif) no-repeat center right;}
 span.fieldred {padding:0 6px; background-position:center center;}

 
/* ##  Tooltip Classes  ## */

.toolTipWrpr {display:none;width:340px;z-index:99;}
.toolTipShadow {background: url(/cms/images/core/tooltipbacktop.png) no-repeat top left;padding: 10px 13px 1px 13px;color:#666666;}
.toolTopShadowBottom {background: url(/cms/images/core/tooltipbackbottom.png) no-repeat top left;width:340px;height:16px;}
.toolTipDate {font-size:11px;color:#999999;font-weight:bold;}
.toolTipName {font-size:14px;color:#666666;font-weight:bold;margin-bottom:14px;}


/* ##  Generic Pager  ## */

.genericPager {padding:10px 15px 20px 10px;}
.genericPager ul {list-style-type: none; margin:0; padding:0;}
.genericPager li {float:left; display:block; font-size:11px; margin:0 5px 5px 0;}
.genericPager li a {float:left; color:#003871; padding:2px 4px; border:1px solid #ddd; text-decoration:none; }
.genericPager li a:hover, .genericPager li a:focus { color:#000; background-color:#CFCFCF; border: 1px solid #000; text-decoration:none; }
.genericPager li.nolink {color:#fff; border:1px solid #ddd; padding:2px 4px;}
.genericPager li.active {color:#686868; border:1px solid #ddd; padding:2px 4px; background-color:#CFCFCF;}


/* ##  Smart Bug  ## */

.smartbug ul { list-style-type:none; background-color:#ccc; font-size:10px; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; padding:0px; }
.smartbug li { border-bottom:1px solid #000; }
.smartbug a, .smartbug a:link, .smartbug a:visited { text-decoration:none; display:block; color:#000; padding:5px; }
.smartbug a:hover { background-color:#999; text-decoration:underline; }


/* ##  Master Overlay Styles ## */

.siteOverlay {
    display:none;
    position:relative;
    width:550px;
    max-width:95%;
    min-height:1px;
    background-color:#fff;
    z-index:1000;
    -webkit-border-radius:5px;    
       -moz-border-radius:5px;
            border-radius:5px;
    -webkit-box-shadow:0 0 15px #333;
       -moz-box-shadow:0 0 15px #333;
            box-shadow:0 0 15px #333;
}
.siteOverlay .overlayBar {position:relative; padding:7px 10px; text-align:right; border-bottom:1px solid #e6e6e6;}
.siteOverlay .overlayClose {display:inline-block; cursor:pointer; z-index:5;}
.siteOverlay .overlayContent {padding:15px;}

/* ##  Sidebar ## */

.sidebar { margin: 25px 0; }

/* =================================================================
                           HOME STYLES 
===================================================================*/

main { outline: 0; }
.home-hero {
    color: #fff;
    text-align: center;
    background: #4d3b39;
}
.header-text { padding: 20px 20px 10px; position: relative; }
    .header-text h2 { margin: 0; padding: 10px; }
    .header-text p {
        color: #ccc;
        letter-spacing: .5px;
        line-height: 1.4;
    }
        .header-text p strong { font-weight: 500; }
    .header-text a { color: #ccc; font-weight: 400; text-decoration: none; }

@media (min-width: 960px) {
    .home-hero {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: stretch;
            -ms-flex-pack: stretch;
                justify-content: stretch;
    }
    .header-image, .header-text {
        width: 50%;
        padding: 0;
        flex-basis: auto;
    } 
    .header-text .wrpr {
        height: 155px;
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        padding: 10px;
        position: absolute;
    }
}
@media (min-width: 1100px) {
    .header-text p { width: 80%; font-size: 18px; margin: 1em auto; }
    .header-text .wrpr { width: 100%; height: 170px; padding: 10px 0; }
}

.section { margin: 25px 0; }
.section a { color: #9e3c3c; }
    .section a:hover, .section a:focus { color: #000; }
.section .container { padding: 0 10px; }
.section-header { margin: 0 0 25px; padding: 0 10px; text-align: center; position: relative; }
    .section-header:before {
        content: " ";
        width: 100%;
        height: 1px;
        background: #000;
        position: absolute;
        margin: auto;
        bottom: 0;
        left: 0;
        top: 10px;
    }
.section-header .title {
    font-size: 32px;
    font-weight: 300;
    padding: 10px 20px;
    margin: 20px 0 10px;
    display: inline-block;
    background: #fff;
    font-family: 'BenchNine', sans-serif; 
}
@media (min-width: 620px) { .section-header .title { font-size: 42px; padding: 10px 50px; } }

.product-item {
    width: 100%;
    max-width: 350px;
    text-align: center;
    text-decoration: none !important;
    margin: 0 auto 15px;
    padding: 0 5px;
    display: block;
}
.product-item h4 { font-size: 24px; font-weight: 400; margin: 15px 0 5px; }
@media (min-width: 768px) {
    .products {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        -webkit-transition: all .2s ease-in-out;
             -o-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
    }
}

.seasonal-list {position:relative;  margin:0 0 30px; }
.seasonal-list .title {background:#4D3B39; margin:0; display:block; padding:10px;}
.seasonal-list .title span {color:#ffffff; font-size:1.25em; letter-spacing:2px;}
.seasonal-list .products {justify-content:normal;}
.seasonal-list .product-item {max-width:200px; margin:10px auto; }
.seasonal-list .product-item .product-title {display:table; width:100%; height:120px; background:#9e3c3c; border-radius:5px; color:#ffffff;}
.seasonal-list .product-item:hover .product-title,
.seasonal-list .product-item:focus .product-title {background:#000; color:#fff;}
.seasonal-list .product-item .product-title h4 {display:Table-cell; vertical-align:middle;}

.seasonal-list.next-season {opacity:.7;}

@media (min-width: 768px) {
	.seasonal-list { padding:0 0 0 50px;  background:#fafafa; }
	.seasonal-list .title {position:absolute; height:100%; left:0; top:0; padding:0; background:#4D3B39; width:40px; margin:0;}
	.seasonal-list .title span {position:absolute; left:-3px; top:50%; margin-top:-13px; transform: rotate(-90deg); }
	.seasonal-list .product-item {margin:10px 0;}
}

.close-out-products {}
.close-out-products .title {padding:15px; background:#9e3c3c; color:#ffffff; font-size:1.65em; font-weight:500; margin:0 0 20px;}

.section-footer { text-align: center; padding: 20px; }
    .section-footer a { font-size: 24px; text-decoration: none; }

/** Home Banner Area **/
.banner-list .section-header { width: 100%; padding: 0; }
.banner-list .image { margin: 0 0 15px; }
.banner-list .banner-tracking { width: 100%; display: inline-block; }
    .banner-list .banner-tracking img { width: 95% !important; max-width: 300px !important; border-radius: 27px; margin: 0 10px; }
    .banner-list .banner-tracking:hover img, 
    .banner-list .banner-tracking:focus img { box-shadow: -2px 0px 30px -1px #9e3c3c; }
.banner-list .banner-item { text-align: center; }

@media (min-width: 640px) {
    .banner-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .banner-list .banner-item { width: 50%; }
}
@media (min-width: 768px) {
    .banner-list .banner-item { width: 33%; }
}

/** 404 Page **/

.page404 { text-align: center; }
    .page404 .title-wrpr {
        margin: 50px 10px;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
    }
    .page404 .title { font-size: 34px; margin: 0 0 13px; }
    .page404 h3 { font-size: 24px; }
    .page404 p { font-size: 18px; font-weight: 600; margin-bottom: 50px; }
    .page404 a { text-decoration: none; }
    .page404 a:hover, .page404 a:focus { color: #9e3c3c; text-decoration: underline; }


@media (min-width: 960px) {
    .page404 .title { font-size: 64px; }
}

/* =================================================================
                           MODULE STYLES 
===================================================================*/


/* ##  Breadcrumb  ## */

.breadcrumbs { padding:0 0 10px 0; font-size:.9em; }
.breadcrumbs a, .breadcrumbs a:visited { text-decoration:none; }
.breadcrumbs a:hover, .breadcrumbs a:focus, .breadcrumbs a:active { text-decoration:underline; }
.breadcrumbs span { margin:0 2px; font-weight:normal; }



/* ##  PAGE TOOLS  ## */
/* Print and Email icons and wrapper */

.pageToolsWrapper {float:right; display:inline; padding:5px 0 0 0; text-align:right;}

.pageTool { margin:0 10px 0; font-size:0.938em; color:#686868; font-weight:normal; text-decoration:none; cursor:pointer; }

.pageToolsWrapper a { float:right; display:inline;  }
.pageToolsWrapper a:hover,
.pageToolsWrapper a:active {color:#1C4E87; text-decoration:underline;}

.pageToolsWrapper a.bookmark,
.pageToolsWrapper a.bookmark:link,
.pageToolsWrapper a.bookmark:visited {padding:0 0 0 18px; margin-left:7px; background-position:0 -39px;}
.pageToolsWrapper a.bookmark:hover,
.pageToolsWrapper a.bookmark:active {background-position:0 -119px;}

.pageToolsWrapper .addthis_toolbox { float:right; display:inline; }
.pageToolsWrapper .addthis_toolbox a,
.pageToolsWrapper .addthis_toolbox a:link,
.pageToolsWrapper .addthis_toolbox a:visited {background:none; padding:0; margin:0 0 0 5px; }

.addthis_toolbox { display:inline; }


/* ## Email a Friend ## */

.emailFriendWrapper {}
.emailFriendWrapper .inner { padding:10px; }
.emailFriendWrapper .emailFriendSender { margin:10px 0 20px; border-bottom:1px dashed #ccc; }
.emailFriendWrapper .emailFriendAdditional { margin:10px 0 0; padding:20px 0 0; border-top:1px dashed #ccc; }

/* =================================================================
                        THIRD PARTY STYLES
===================================================================*/



/* =================================================================
                        PRINT STYLES
===================================================================*/

@media print {
	* { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important; }
	a, a:visited { text-decoration: underline; }
	/*a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }*/
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
}


	

/* ===============  HOME SLIDESHOW  =============== */

.mainStage {position:relative; overflow:hidden; width:960px; height:425px; margin:0 20px;}

.mainStage h1 {color:#72A3D0; font:normal 14px Sone,'Arial Narrow',Arial,Helvetica,sans-serif; font-stretch:condensed; margin:0 0 0.6em 0; padding:0; text-transform:lowercase; text-shadow:1px 1px 1px #fff; z-index:2;}
.mainStage h1 sup {font-size:0.5em;}
.mainStage h3 {color:#72A3D0; font:bold 20px 'Arial Narrow',Arial,Helvetica,sans-serif; font-stretch:condensed; margin:0 0 0.6em; z-index:2;}
.mainStage-top {position:absolute; top:20px; border-bottom:1px dashed #bbc2c9; width:100%;padding-bottom:4px; z-index:1;}
.mainStage .items {width:20000em; position:absolute; clear:both}
.mainStage .single {float:left; position:relative; width:960px; height:425px; margin:0; padding:0;  background-repeat:no-repeat; background-position:right 0;}
.mainStage .single h3 { font-size:60px; text-transform:uppercase; margin:80px 0 0 0; text-shadow:2px 2px 2px #ABC9E4;}
.mainStage .single p {font-size:14px; font-weight:bold; color:#72a3d0; line-height:1.6em;}

.mainStage .navi {position:absolute; top:15px; right:0;}
.mainStage a.browse {background:url(/cms/images/slideshow/slide_arrows.png) no-repeat; display:block; width:25px; height:30px; cursor:pointer; font-size:1px; position:absolute; z-index:1000; top:0;}
.mainStage a.right {background-position:-25px 0; right:0;}
.mainStage a.right:hover {background-position:-25px -30px}
.mainStage a.right:active {background-position:-25px -60px}
.mainStage a.left {margin-left:0;right:35px;}
.mainStage a.left:hover {background-position:0 -30px;}
.mainStage a.left:active {background-position:0 -60px;}
.mainStage a.disabled {visibility:hidden !important;}


/* ## Button Styles ## */
/* 
    <span class="btnWrapper"><input class="btn" value="Submit" /></span>
	or
	<a href="#" class="btnWrapper"><span class="btn">Submit</a></a>
*/

.btnWrapper { text-decoration:none !important; }
.btn, .account-row input.btn {
    width: auto;
    fill: #000;
    color: #fff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    margin: 0 -1px 0 0;
    padding: 5px 10px;
    display: inline-block;
    background-color: #000;
    border: 2px solid #000;
    border-radius: 0;
}
    .search-bar .btn {
        height: 15px;
        padding: 10px 20px;
        border-left: 2px solid #000;
        position: absolute;
        right: 0;
        top: 0;
    }
    .search-bar input.btn {
        border: none;
        padding: 8px 18px;
        background: transparent;
        border-left: none;
        position: relative;
    }
    .btn:hover, .btn:focus, 
    .account-row input.btn:hover, .account-row input.btn:focus { fill: #000; color: #000; background: #fff; }
    .search-bar .btn svg {
        top: 0;
        left: 0;
        right: 1px;
        bottom: 1px;
        margin: auto;
        position: absolute;
    }
    .checkout-btn { display: inline-block; position: relative; }
    .checkout-btn:after {
        content: " ";
        width: 6px;
        height: 6px;
        top: 0;
        right: 12px;
        bottom: 0;
        margin: auto;
        position: absolute;
        transform: rotate(-45deg);
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
    }
    .checkout-btn:hover:after, .checkout-btn:focus:after { border-right: 2px solid #000; border-bottom: 2px solid #000; }
    .checkout-btn .btn { padding-right: 25px; }

.btnAlt {background-color:#cccccc ;}
.btnAlt .btn{color:#666666; background-color:#cccccc ; border:1px solid #fff; text-align:center; text-decoration:none; cursor:pointer;}
.btnAlt:hover, .btnAlt:hover .btn { background-color:#E3E3E3; }

.btn.btn-theme-01, .account-row input.btn.btn-theme-01 {
    fill: #fff;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 30px;
    background: #4c3b37;
    border: 1px solid #4c3b37;
    border-radius: 20px;
}
    .btn.btn-theme-01:hover, .btn.btn-theme-01:focus, 
    .account-row input.btn.btn-theme-01:hover, .account-row input.btn.btn-theme-01:focus { fill: #4c3b37; color: #4c3b37; background: #fff; }

.btn.btn-theme-02, .account-row input.btn.btn-theme-02 {
    fill: #fff;
    color: #fff;
    font-size: 16px;
    padding: 6px 10px;
    background: #4c3b37;
    border: 1px solid #4c3b37;
}
    .btn.btn-theme-02:hover, .btn.btn-theme-02:focus, 
    .account-row input.btn.btn-theme-02:hover, .account-row input.btn.btn-theme-02:focus { fill: #4c3b37; color: #4c3b37; background: #fff; }
    
.btnLarge .btn {padding:5px 10px; font-size:1.4em;}

.btnFullWidth {display:block;}
.btnFullWidth .btn {display:block; padding-left:0; padding-right:0; }
.btnFullWidth input.btn { width:100%; }


/* ## modifier for icon fonts (IcoMoon) embedded within button wrapper ## */

.btnWrapper [class^="icon-"] { margin:0 3px; font-size:0.7em; }


/* ## Site Icons ## */

.icon {
  display: inline-block;
  width: 1em;
  height: 1.5em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

.iconImage { position:relative; display:inline-block; bottom:1px; width:10px; height:10px;  vertical-align:middle; text-indent:-9999em; background:url(/cms/images/layout/icons_default.png) no-repeat 0 0; overflow:hidden; }
.iconCart { width:22px; height:22px; background-position:0 0; }
.iconRefresh { width:22px; height:22px; background-position:0 -27px; }
.iconContinueArrow { width:22px; height:16px; background-position:0 -57px; }
.iconCheckbox { width: 18px; height: 14px; background-position: -23px -112px; }
.iconXSquareRed { width: 12px; height: 12px; background-position: 0 -112px; }
.iconSearch { width: 14px; height: 14px; background-position: -55px 0; }
.iconQuestion { width: 22px; height: 22px; background-position: 0 -75px; }


/* ## truncate styling ## */

.truncateLink {}
.truncateLink a, .truncateLink a:link, .truncateLink a:visited { margin-left:5px; }
.truncateLink a.truncateMore, .truncateLink a.truncateMore:link, .truncateLink a.truncateMore:visited {}
.truncateLink a.truncateLess, .truncateLink a.truncateLess:link, .truncateLink a.truncateLess:visited {}


/* ## footer ## */

footer { color: #fff; padding: 20px; font-size: 12px; text-align: center; background: #000; }
    footer .powered p { margin: 0; color: #ccc; font-weight: 300; }
@media ( min-width: 768px) { footer { font-size: 16px; } }
@media ( min-width: 960px) {
    footer { padding: 40px; }
    footer .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    footer .copyright { width: 50%; text-align: left; }
    footer .copyright p { margin: 0; }
    footer .powered { width: 50%; text-align: right; } 
}

.footerBar {margin-bottom:10px; min-height:1px; padding:10px; background-color:#ecf1f8;}
.ftrPhonenum {float:left; width:170px; height:28px; text-indent:-9999em; background-position:100% 0; background-repeat:no-repeat;}

.advFooter {position: relative; margin-bottom:15px; padding:0 0 5px 0;}
.advFooter li.callout {margin-bottom:10px;}
.advFooter .callout a,
.advFooter .callout a:link,
.advFooter .callout a:visited {font-weight:bold; font-size:1.1em; color:#6d6d6d;}

ul.advList {margin:0 0 10px; padding:0; list-style-type:none;}
ul.advList a,
ul.advList a:link,
ul.advList a:visited {text-decoration:none;}
ul.advList a:hover,
ul.advList a:active {text-decoration:underline;}
ul.advList .listhdng {display:block; margin-bottom:8px; font-size:1.1em;}
ul.advList .listhdng,
ul.advList .listhdng a,
ul.advList .listhdng a:link,
ul.advList .listhdng a:visited {font-weight:bold; color:#6d6d6d;}

.footerHeading {display:block; margin:0 0 2px; font-weight:bold; font-size:1.1em;}

.welcomeMessage {position:absolute; bottom:5px; right:0; width:50%; padding:20px; font-size:12px; background-color:#ECF1F8; border:1px solid #9BAAB7;}
.welcomeMessage .iconClose {position:absolute; top:3px; right:3px; width:13px; height:13px; background:url(/cms/images/layout/icon_x.gif) no-repeat 0 0; cursor:pointer;}

div#divCT_Footer, footer .railPlaceholder { width: 100% !important; }


/* ## Footer Email Signup ## */

.emailSignup {margin:0 0 15px;}
.emailSignup p { margin:0 0 2px 0; }
.emailSignup .imgLabel {float:left; margin:5px 7px 0 0;}
.emailSignup .text {float:left; width:165px; margin:0 5px 0 0;}


/* ## Footer Social Follow ## */

.followUs {margin:0 0 10px;}
ul.socialFollow {margin:0; padding:0; list-style-type:none;}
ul.socialFollow li {display:inline-block;}
ul.socialFollow li a {display:inline-block; width:32px; height:32px; background:url(/cms/images/layout/social-32.png) no-repeat 0 0; text-indent:-9999em; overflow:hidden;}
ul.socialFollow li.facebook a {background-position:0 0;}
ul.socialFollow li.twitter a {background-position:0 -69px;}
ul.socialFollow li.gplus a {background-position:0 -138px;}
ul.socialFollow li.pinterest a {background-position:0 -207px;}


/* ## Table Wrapper to allow for overflow/scroll on smaller screens ## */
.tableWrapper { overflow:auto; }


/* ## NEW Limit Text Box ## */

.limitTextBox {}
.limitTextBox span { display:none; }
.limitTextBoxBar { width:100%; margin:-15px 0 15px 0; }
.limitTextBoxBarWrpr {
	width:100%;
	border:0px solid #000;
	overflow:hidden;
	font-size:9px;
	color:#000;
	white-space:nowrap;
	height:5px;
	background-color:#FDFBBE;
}
.limitTextBoxBarInner { width:0%; background-color:#FF0000; }
.limitTextBoxInputWrpr { display:table-cell; width:100%; vertical-align:top; }
.limitTextBoxInputWrpr textarea { box-sizing:border-box; vertical-align:top; }
.limitTextBoxSpellWrpr { display:table-cell; padding-left:5px; vertical-align:top; }
.limitTextBoxSpellWrpr img { max-width:16px !important; cursor: pointer; }



.youTubeVideoContainer {
    position: relative;
    text-align: center;
    color: white;
}

#deptVideoImgThumbnail {
    padding: 26px;
    width: 845px;
    height: 388px;
}

#frameDeptVideo {
    padding: 26px;
    width: 845px;
    height: 475.31px;
}

.play-btn-thumbnail {
    display: inline-block;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #991e21;
    border-radius: 50px;
}

.play-btn-thumbnail:hover {
    width: 70px;
    height: 70px;
    border-radius: 70px;
}

.center-class {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* =================================================================
                        Media Queries
===================================================================*/
/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
    .pageTools {display:none;}
}


/* 16px baseline (768px +) */
@media only screen and (min-width:48em){

}

.moduleConfigWrpr iframe::-webkit-scrollbar {  
    display: none;
  }

.formee a.moreLink{text-decoration: none;}
.formee a.moreLink:hover{color:#C30000;}




/* Ticket #418517 - Programs Front End Display  */
.seasonal-list { display: flex; justify-content: flex-start;height:auto; min-height:150px; padding:0 0 0 10px; align-items: center;}
.seasonal-list .title {border:solid 0px #ff0000; text-align:center; position:relative; width:130px; transform: rotate(-90deg); display:inline-block; padding:0;}
.seasonal-list:nth-child(5) span {border:solid 0px #ff0000; top:43px;}

.seasonal-list .title span{transform: none; position:relative; left:0; margin-top:0; top:25%; padding:10px 0px; display:block; width:130px;}

.seasonal-list .products {display: inline-block; left:-20px; position:relative;}
.seasonal-list .products .product-item {width:200px; display: inline-block; }

@media only screen and (max-width: 767px) {
	.seasonal-list .title {height:100%;}
}




@media only screen and (max-width: 610px) {
    .seasonal-list .products .product-item { margin:5px auto; display:block;}
    .seasonal-list .products .product-item .product-title {height:60px;}
}


@media only screen and (max-width: 440px) {
	.seasonal-list .title {left:-30px;}
	.seasonal-list .products {left:-40px; }
	.seasonal-list .title span{width:130px;}
}

@media only screen and (max-width:768px){

    #deptVideoImgThumbnail {
        max-width: 100%;
        height: auto;
        padding: 0px;
    }

    #frameDeptVideo {
        width: 100%;
        height: auto;
        padding: 0px;
    }
}

/* Ticket #485302 - Santa Margarita Site */
.santa .home-hero {
    color: #000;
    background: #fff;
}

.santa .home-hero .header-text p {
    color: #000;
}

.santa .home-hero .header-text p a {
    color: #000;
}

/* Ticket #496516 - Santa Margherita Homepage Layout Updates  */
.santa .sitelogo img {
    max-height: initial;
}

.santa .header-image img {
    max-width: 400px !important;
    width: 94% !important;
}

.santa .home-hero {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
}

.santa .header-text .wrpr {
    max-width: 900px !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}

    .santa .header-text .wrpr .block {
        width: 45% !important;
        border: solid 1px #000;
        padding: 20px;
    }

.santa .header-image {
    width: 100%;
}

.santa .header-text {
    width: 100%;
}

    .santa .header-text .wrpr {
        position: relative;
    }

.santa .siteHeader .container {
    justify-content: space-between;
}

.santa .navWrpr {
    width: auto;
}

.santa .header-text .wrpr {
    max-width: 600px;
    height: auto;
}

@media screen and (max-width:960px) {
    .santa .home-hero {
        padding: 0px 20px;
    }

    .santa .header-text {
        padding: 0;
    }

        .santa .header-text .wrpr .block {
            width: 100% !important;
            margin-bottom: 20px;
        }
}

.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10 {
    float: left;
    position: relative;
    min-height: 1px;
    /*    padding-right: 15px;
    padding-left: 15px;
*/
}

.col-2 {
    width: 16.66666667%;
}.col-3 {
    width: 25%;
}.col-4 {
    width: 33.33333333%;
}.col-5 {
    width: 41.66666667%;
}.col-6 {
    width: 50%;
}.col-7 {
    width: 58.33333333%;
}.col-8 {
    width: 66.66666667%;
}.col-9 {
    width: 75%;
}.col-10 {
    width: 83.33333333%;
}