/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
	font-family: 'Open Sans', sans-serif;
}

html {
	/* overflow-x: hidden; */
}

body {
	line-height: 1;
	/* overflow-x: hidden; */
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}


/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Main Styles start here! */
body {
        background-color: #fff;
        color: #000;
}

a {
        text-decoration: none;
}

h1 {
        font-size: 33px;
        font-weight: normal;
}

#main > h1 {
	margin-left: 12px;
}

h3{
        /* font-size: 12px; */
        font-weight:bold;
        color: #000;
}
h4.subtitle {
        font-size: 14px;
        font-weight: bold;
        color: #555;
}
div#container-bg{
    width: 100%;
    /* height: 340px; */
}
div#container{
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        background-color: transparent;
}

div.container{
    background-color: transparent;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

div#header{
	z-index: 1;
	width: 100%;
}

div#top_header_container{
	background-color: #fff;
	width: 100%;
	min-height: 26px;
}

div#top_header {
	width: 100%;
	max-width: 90%;
	margin-left: auto;
	margin-right:auto;
	background-color: transparent;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

div.top_header_inset{
	float:right;
	width:320px;
	height: 22px;
        background-color: transparent;
	background-image:url('/images/homepage/homepage_sprite1.png');
	background-repeat:no-repeat;
	background-position:-10px -10px;
	padding-top:6px;
}

div.header_left_column{
        float: left;
        color: #fff;
	background-color: transparent;
	padding-top: 3px;
	padding-left: 25px;

}
div.header_left_column ul li{
	float:left;
	border-left: 1px solid #ccc;
	padding: 0px 10px;
	position: relative;
    text-align: center;
}
div.header_left_column ul li:first-child{
	border-left: none;
	padding-left: 0px;
}
div.header_left_column ul li:last-child{
	border-left: none;
	padding-left: 12px;
}
div.header_left_column ul li:last-child a{
    color: #fff;
}

div.header_left_column,div.header_left_column a{
	font-size:12px;
	color: #ccc;
}
div.header_#707070_column{
    float: left;
    padding-left: 7px;
    padding-top: 4px;

}
div.header_#707070_column a{
    font-size: 12px;
    color:#000;

}
div.header_#707070_column a:hover{
    text-decoration:underline;
}
div#my_account_dropdown{
	background-color: #fff;
	border: 1px solid #000;
	position: absolute;
	left: -2px;
	top: 16px;
	padding: 10px;
	width: 160px;
	z-index: 10001;
}
div#my_account_dropdown p{
	padding: 3px 0px;
}
div#my_account_dropdown p a{
	color: #000;
	font-weight: bold;
	text-decoration: none !important;
}
div#my_account_dropdown p a:hover{
	color: #AE2E2D;
	text-decoration: underline;
}

div#main_header_container{
	background-color:#fff;
	z-index: 10001;
}
div#main_header{
	background-color:#fff;
	width: 100%;
	margin-left: auto;
	margin-right:auto;
	z-index: 1;
}
div.header_logo {
    /* padding-top: 32px; */
    background-color: transparent;
    /* margin-left: -4px; */
}

.header_logo img {
	max-width: 100%
}

div.main_header_left_links{
	clear: left;
	width: 365px;
	padding-top: 3px;
}
div.main_header_left_links a{
	color: #000;
	font-size:12px;
	text-decoration: underline;
}
div#menubar_container{
	clear: both;
	width: 100%;
	height: 55px;
	background-color:#3E3E3E;
}
div#menubar{
	width: 100%;
	margin-left: auto;
	margin-right:auto;
	z-index: 10;
}

ul#menubar_menu_list{
	width: 100%;
	height: 55px;
}
ul#menubar_menu_list li {
    float: left;
    padding-top: 20px;
    font-size: 14px;
    height: 35px;
    z-index: 10;
    text-align: center;

}

ul#menubar_menu_list li > div >a:visited{
    color: #ffffff;
}

ul#menubar_menu_list > li.selected{
	background-color: #000033 ;
}
ul#menubar_menu_list > li.selected > a{
	color: #fff ;
}
ul#menubar_menu_list > li.menubar_hover:hover{
	background-color: #C1272D ;
	background-image: none;
}
ul#menubar_menu_list > li.menubar_hl:hover {
    background-color: #C1272D ;
}
ul#menubar_menu_list > li.menubar_social{
	padding-top: 6px;
	height: 33px;
}
ul#menubar_menu_list > li.menubar_social a img{
	padding: 0px 1px;
}
ul#menubar_menu_list > li > a{
	color: #ffffff;
}
ul#menubar_menu_list > li a img{
	vertical-align: middle;
}

li.menubar_hover div#menubar_dropdown{
    visibility: hidden;
    position: relative;
    z-index: 9999;
}

li.menubar_hover:hover div#menubar_dropdown{
    display:block !important;
}
ul#menubar_categories{
    width: 198px;
    height: 475px;
    background-image: none;
    position: absolute;
    top:19px;
    left:-1px;
    z-index:9999;
}

ul#menubar_categories > li{
    float:none;
    background-color: #ffffff;
    height: 25px;
    width: 260px;
    padding: 5px 0px;
    border-top: 1px solid #828384;
    border-left: 1px solid #828384;
    border-right: 1px solid #828384;
    vertical-align:bottom;
}

ul#menubar_categories > li:first-child{
    border-top: none;
}

ul#menubar_categories > li:last-child{
    border-bottom: 1px solid #828384;
}

ul#menubar_categories > li > a{
    color: #333 !important;
    float: left;
    font-size: 15px;
    margin-left: 10px;
    margin-top: 5px;
}

ul#menubar_categories li:hover a{
    font-weight: bold;
    color: #C1272D!important;
}

ul#menubar_categories li div.category_menu_right{
    position: absolute;
    visibility: hidden;
    left:261px;
    width: 800px;
    height: 492px;
    background-color: #fff;
    padding: 5px 0px 5px 10px;
    top: 0px;
    border: 1px solid #808080;
    background-color: #fff;
    float:left;
}

ul#menubar_categories li:hover div.category_menu_right{
    display: block !important;
    z-index: -1 !important;
}

div.subcategory_menu_column {
    float: left;
    padding: 0 10px;
    width: 175px;
}
div.subcategory_menu_column div.subcategory_parent:first-child {
    margin-top: 0 !important;
}
div.subcategory_menu img {
    position: absolute;
}
ul#menubar_categories div.subcategory_parent {
    margin-top: 10px;
    padding: 3px 0 0;
    text-align: left;
}
ul#menubar_categories div.subcategory_parent a {
    color: #C1272D!important;
    font-size: 14px  !important;
    font-weight: bold  !important;
    vertical-align: middle  !important;
    float: none;
}
ul#menubar_categories div.subcategory_parent a:hover {
    color: #AE2E2D !important;
    font-weight: bold  !important;
    text-decoration: underline  !important;
    float: none;
}
ul#menubar_categories div.subcategory_item {
    padding-top: 5px;
    text-align: left;
    width: 200px;
}
ul#menubar_categories div.subcategory_item a {
    color: #555555 !important;
    font-size: 12px;
    float: none;
    font-weight: normal;
}
ul#menubar_categories div.subcategory_item a:hover {
    color: #AE2E2D !important;
    text-decoration: underline;
    float: none;
}
div#menu_dropdown_quick_links{
    display:none;
    position: absolute;
    width:650px;
    height: 490px;
    background-color: #fff;
    border: 1px solid #808080;
    top: 18px;
    left: -10px;
    position: relative;
    z-index: 9999;
}
ul#menubar_menu_list > li.menubar_hover:hover >div#menu_dropdown_quick_links{
    display:block;
    z-index: 9999;
}
div#quick_links_header{
    margin:10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #eee;
    float:left;

}
div#quick_links_header div{
    font-size: 12px;
    line-height: 1.5em;
}
div#quick_links_header div:first-child{
    width:140px;
}
div#quick_links_body{
    margin:0px 20px 0px 20px;
    float:left;
    position: relative;
    z-index: 10000;
    z-index:9999;
}
div#quick_links_body div:first-child{
    width: 70px;
    height: 360px;
}
div#quick_links_body div:first-child ul li{
    height: 42px;
    padding-top: 8px;
    padding-left: 0px;
    text-align: left;
    width: auto;
}
div#quick_links_body div p{
    height: 45px;
    padding-top: 5px;
    font-size: 12px;
    line-height: 1.2em;
    width: 500px;
}
div#quick_links_body div p a{
    color: #AE2D2D;
    text-decoration: underline;
    font-size: 12px;
    line-height: 1.5em;
    font-weight: bold;
}
div#quick_links_body div p a:hover{
    color: #000066;
}

div#mc_links_bg{
	background-color: #3957A8;
}
div.mc_links_container{
	width:840px;
	margin-left: auto;
	margin-right: auto;
	height: 20px;
	padding-top: 3px;
}
div.mc_links_container div{
	float: left;
	margin-left: 15px;
}
div.mc_links_container div:first-child{
	margin-left: 0px;
}
div.mc_links_container div a{
	color: #fff;
	font-size: 12px;

}
div.mc_links_container div a img{
	vertical-align: middle;
}
div#header_coupon_banner_container{
    background-color:#F8D73D;
}
div#header_coupon_banner{
    width:700px;
    margin-left:auto;
    margin-right: auto;
    padding: 1px 0px;

}
div#main_content_container{
    clear: both;
    width: 80%;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 2em;
}
div#main_content{
        padding: 30px 0px;
        clear: both;
        text-align: left;
	    overflow: hidden;
	    /* background-image: url('/images/homepage/offering-bg.png'); */
	    /* background-repeat: repeat-x; */
	    /* background-position: center bottom; */
	    position: static;
}
div#main_content_categories{
        float: left;
        padding: 10px;
        background-color: #fff;
        clear: both;
}
div#main_content hr,div#main_content_categories hr{

}

div.content_categories_featured, div.content_categories_promotional{
        min-height: 250px;
        padding: 10px;
}

div.content_categories_featured{
        width: 209px;
        border-right: 1px dashed #000;
}

div.content_categories_promotional{
        float: left;
        width:960px;
}
div.content_categories_promotional ul li{
	float:left;
        width: 150px;
}

div#main_content h2 {
        clear: both;
        font-size: 16px;
        color: #555;
        margin: 10px 0px 15px 0px;
}
div#main_content h3 {
        font-size: 14px;
        color: #555;
        margin: 10px 0px;
}
div#main_content p, div#main_content p a  {
        font-size: 1em;
        color: #545454;
        line-height: 1.5em;
		color: #717171;
}
div#main_content blockquote {
        text-align:center;
        margin: 20px;
        color: #000;
        font-size: 12px;
        line-height: 1.2em;
}

div.main_content_full{}


div.button_left{
        float: left;
        background-image: url(images/index/button-l.png);
        width: 3px;
        height: 31px;
}
div.button_middle{
        float: left;
        /* background-image: url(images/index/button-m.png); */
        /* background-repeat: repeat-x; */
        height: 24px;
        color: #AE2E2D;
        text-align: center;
	    top: 10px;
        /* padding-left: 7px; */
        /* padding-right: 7px; */

}
div.button_middle_hover{
        float: left;
        background-image: url(images/index/header-rollover-bg.png);
        height: 24px;
        color: #666;
        text-align: center;
        padding-top: 10px;
        padding-left: 7px;
        padding-right: 7px;

}

div.white_middle{
        float: left;
        background-image: url(images/index/white-m.png);
        background-repeat: repeat-x;
        background-color: #fff;
        height: 21px;
        color: #666;
        text-align: center;
        padding-top: 5px;
        padding-left: 3px;
}
div.white_middle a img{
        vertical-align: text-bottom;
}
div.white_middle a{
        color: #666;
        font-size: 10px;

}
div.white_middle a:hover {
	text-decoration: underline;
}

div.button_middle a{
        color: #666;
        font-weight: bold;
        font-size: 12px;
        padding-top: 5px;
}
div.button_middle_hover a{
        color: #999 !important;
        font-weight: bold;
        font-size: 12px;
	text-decoration: underline;
}


div.button_right{
        float: left;
        background-image: url(images/index/button-r.png);
        width: 3px;
        height: 31px;
}

.redtext {
        color: rgb(170,4,4);
        font-size: 12px;
        font-weight: bold;
}
.redtext:hover {
	text-decoration:underline;
}

.whitetext{
        color: #FFF !important;
        font-size: 16px;
}

div.menu_container {
        width: 760px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;


}
div.menu {
        float: left;
        text-align: center;
        padding: 20px 0px;
}
div.menu ul{
        padding: 0px 0px;
}
div.menu ul li{
        float: left;
        padding: 0px 10px;
        border-left: 1px solid #FFF;
        font-weight: 500;
}
div.menu ul li:first-child {
        border-left: none;
}
div.menu ul li a{
	color: #415EAA
}


ul.header_menu{
	padding:12px 0px;
	float: right;
}
ul.header_menu li{
        float: left;
	padding: 0px 10px;
	border-left: 1px solid #CFCFD9;
}
ul.header_menu li:first-child{
	border-left: none;
}
ul.header_menu li a{
        color: #CFCFD9;
	font-weight:normal;
        font-size: 14px;
}




ul.left_menu li {
        padding-top: 5px;
        min-height: 16px;
}
ul.left_menu li a{
       font-size: inherit;
       color: #006;
       font-weight: normal;
       text-decoration: none;
}
ul.left_menu li a:hover {
       color:red;
       text-decoration: underline;
}

ul.right_menu li {
       padding-bottom:5px;
}
ul.right_menu li a{
       font-size: 12px;
       color: gray;
       text-decoration: none;
}

div#main div.column_container:first-child{
	clear:left;
}
div.column_container{
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 0px;
        text-align: center;
        background-color: transparent;
		max-width: 80%;
}
.column_left {
    /* float: left; */
    background-color: transparent;
    text-align: left;

}
.column_left.leftside {
    /* float: left; */
    width: 100%;
    max-width: 500px;
	margin-right:30px;
}
.column_left.rightside {
    /* float: left; */
    max-width: 470px;
    width: 100%!important;
	/*margin-right:30px;*/
}
.column_left h4{
        margin-top: 15px;
        font-size: 13px;
        color: #000;
        font-weight: bold;
}
.column_left h5{
        margin-top: 10px;
        font-size: 12px;
        font-weight: bold;
        color: #f55;
}
.column_left h6{
        margin: 10px 0px;
        font-size: 12px;
        color: #a3a3a3;
}
.column_left p{
        color: #000;
        /* font-size: 12px; */
}
.column_left p img{
        margin-top: 5px;
        vertical-align: middle;
}
.column_right{
        float: right;
        color: inherit;
}

.column_right #top-links {
    margin-top: 17px;
    float: right;
}

.column_right #top-links li {
    display: inline-block;
    margin-right: 35px;
}

.column_right #top-links li:last-child {
    margin-right:34px;
}


.column_right #top-links li a {
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    color: #3E3E3E;
}

.column_right #top-links li a:hover {
    color: #AE2D2D;
}

.column_right #support-links {
    /* padding-top: 10px; */
    margin-right: 10px;
}

.column_right #support-links li {
    display: inline-block;
    font-size: 1em;
    /* margin-right: 20px; */
    margin-right: auto;
    /* height: 20px; */
    /* height: 19px; */
    /* margin-top: -20px; */
}

.column_right #support-links li a {
    color: #707070;
    height: 40px;
    display: block;
}

.column_right #support-links li a:hover {
    color:#AE2E2D;
}

.column_right #support-links li:last-child {
    margin-right: 0;
}

.column_right #support-links li a span#cart {
    background: url(images/homepage/cart.png);
    width: 43px;
    height: 33px;
    display: inline-block;
	margin-bottom: -8px;
}

.column_right #support-links li a:hover  span#cart{
    background: url(images/homepage/cart-red.png);
    width: 43px;
    height: 33px;
    display: inline-block;
}

.column_right #support-links li a span#act {
    background: url(images/homepage/my-account.png);
    width: 33px;
    height: 33px;
    display: inline-block;
	margin-bottom: -8px;
}

.column_right #support-links li a:hover span#act {
    background: url(images/homepage/my-account-red.png);
    width: 33px;
    height: 33px;
    display: inline-block;
}


.column_right #search-bar {
    /* clear: both; */
    /* margin-top: 53px; */
    /* margin-right: 20px; */
	/* max-width: 517px; */
}

.column_right #search-bar a.phone-number {
    font-size: 1.5em;
	color: #707070;
    font-weight: bold;
    line-height: 32px;
	margin-left: 10px;
}

.column_right #search-bar a.phone-number:hover {
    color: #AE2D2D;
}

.column_right #garrett-dog {
    width: 60px;
    margin-bottom: -12px;
}

.column_right #search_box {
    width: 435px;
    height: 32px;
    border: 1px solid #666666;
    padding: 5px 5px 5px 10px;
    font-size: 14px;
}

.column_right #advanced-search {
    font-size: 11px;
    font-weight: normal;
    float: right;
    padding-top: 3px;
    margin:0 10px 10px 0;
}

.column_right #advanced-search a {
    color: #3E3E3E;
}

.column_right #advanced-search a:hover {
    color:#AE2E2D;
}

.column_right #support-links {
    /*float: right;*/
}

#support-links .drpdwn {
    position: relative;
    display: inline-block;
}

#support-links .drpdwn-content {
    display: none;
    background-color: #ffffff;
    min-width: 160px;
    z-index: 1000;
    padding: 0 10px 15px 10px;
    border: 1px solid #333;
}

#support-links #act-drpdwn.drpdwn-content {
     width: auto;
     /* margin-left: 12px; */
}

.column_right #act-drpdwn li {
	width: 100%;
	margin: 0.5rem 0 0.5rem 0;
}

.column_right #act-drpdwn li a {
	height: auto;
	padding: 0;
}

#support-links #support-drpdwn.drpdwn-content  {
    margin-left: -20px;
}

#support-links .drpdwn-content li {
    display: block;
}
#support-links .drpdwn-content a {
    color: #000000;
    padding: 12px;
    text-decoration: none;
    display: block;
}

#support-links .drpdwn-content a:hover {
    color:#AE2E2D;
}

#support-links .drpdwn:hover  #support-drpdwn.drpdwn-content {
    display: block;
    position: absolute;
    top: 23px;
}

#support-links .drpdwn:hover #act-drpdwn.drpdwn-content {
    display: block;
    position: absolute;
    /* top: 29px; */
	box-sizing: border-box;
}

div.column_left h2{
        color: #AE2D2D;
        font-size: 22px;
}

div.column_left h3{
        color: #000;
        font-size: 12px;
        margin-top: 7px;
}

div.info_page_side_category_list{
    clear:left;
    border: 1px solid #A7A7AB;
    background-color: #E5E6E8;
}


/* info page sub category list */

div.info_page_sub_category_list{
        padding: 10px;
        text-align: left;
        float: left;
        width:210px;
        min-height: 860px;
}
div.info_page_sub_category_list hr{
        border: 0;
        color: #999;
        background-color: #999;
        height: 1px;
        margin: 5px 0px;
}
div.info_page_sub_category_list h3, div.selected_category h3{
        color: #c52127;
         margin-bottom: 10px;
         font-size: 18px;
}
div.info_page_sub_category_list_links > a, div.selected_category_links > a {
        font-weight: 700;
        font-size: 10px;
        color: #444444;
        text-decoration: underline;
        border-right: 1px solid #444444;
        padding-right: 5px;
}
div.info_page_sub_category_list_links a:last-child, div.selected_category_links a:last-child{
        border-right: none;
}
div.info_page_sub_category_list ul {
        background-color: #fff;
        padding-top: 5px;
}
div.info_page_sub_category_list ul li{
       width: 190px;
       min-height: 14px;
       padding: 3px 5px 3px 15px;
}
div.info_page_sub_category_list ul li, div.info_page_sub_category_list ul li a{
       color: #006;
       font-weight: normal;
}
div.info_page_sub_category_list ul li a{
        padding: 0px 7px;
}
div.info_page_sub_category_list ul.italics li a{
          font-style: italic;
}

div.info_page_sub_category_list ul li a:hover {
	color:red;
}


/* product page sub-category list */
div.sub_category_list{
    padding: 10px;
    text-align: left;
    float: left;
    width:210px;
    min-height: 860px;
}
div.sub_category_list hr{
    border: 0;
    color: #999;
    background-color: #999;
    height: 1px;
    margin: 5px 0px;
}
div.sub_category_list h3, div.selected_category h3{
    color: #c52127;
    margin-bottom: 10px;
    font-size: 18px;
}
div.sub_category_list_links > a, div.selected_category_links > a {
    font-weight: 700;
    font-size: 10px;
    color: #444444;
    text-decoration: underline;
    border-right: 1px solid #444444;
    padding-right: 5px;
}
div.sub_category_list_links a:last-child, div.selected_category_links a:last-child{
    border-right: none;
}
div.sub_category_list ul {
    background-color: #fff;
}
div.sub_category_list ul li{
    width: 190px;
    min-height: 1rem;
    padding: 3px 5px 3px 0px;
}
div.sub_category_list ul li, div.sub_category_list ul li a{
    color: #404040;
    font-weight: normal;
}
div.sub_category_list ul li a{
    padding: 0;
}
div.sub_category_list ul.italics li a{
    font-style: italic;
}

div.sub_category_list ul li a:hover {
    color:red;
}

li.selected_category_item {

        font-weight: bold !important;
        color: #AE2E2D !important;
}
li.selected_category_item img{
    margin-left: -12px;
    vertical-align: middle;
}
li.selected_category_item a{
        font-weight: bold !important;
        color: #AE2E2D !important;
}
div.selected_category{
        width: 250px;
        background-color: #eeeeee;
        padding: 10px;

}
div.selected_category ul{
        margin-top: 10px;
        background-color: #fff;
        border: 1px solid #000;
        height: 160px;
        overflow: auto;
}
div.selected_category ul li{
        padding: 5px;
}
div.product_top{
        position: relative;
}
div.product_top div.breadcrumbs{
        margin: 5px 0px 20px 10px;
}
div.product_top h2{
        color: #444444;
        margin: 5px 0px 10px 10px;
}
div.products_not_found{
        font-size: 12px;
        text-align: center;
        color: #000;
        font-weight: bold;
}

#active-filters {
    display: block;
    margin-top: .2em;
    margin-bottom: 1.5em;
    font-size: 12px;
}

#active-filters .remove-filter {
    color: #000000;
    text-decoration: underline;
}

.highlighted-filter {
    background-color: #AE2E2D;
    color: #ffffff;
    padding: .5em 1em;
    margin: 5px;
    cursor: unset;
    border-radius: 3px;
    width: 110px;
    display: inline-block;
    text-align: center;
}

div.product_browse_controls_container{
        color: #444;
        font-size: 12px;
        width: 100%;
}
div.product_browse_controls_container:first-child{
    border: none;
    height: 47px;
}
div.product_browse_controls{
    font-size: 12px;
    /* float:left; */
    width: 100%;
}

div.product_browse_controls a img{
    float: right;
}
div.product_brows_controls_select{
    /* float: left; */
    /* height: 27px; */
    padding: 10px 10px 6px 10px;
    width: 100%;
}
div.product_browse_controls select{
        font-size: 12px;
        background-color: #fff;
        border: 1px solid #A7A7AB;
}
div.product_browse_controls a{
        color: #444;
}
div.product_browse_controls a.pageNumber{
    background-color: #BBBBC0;
    color: #fff;
    padding: 3px;
    width: 14px;
    display: inline-block;
    text-align: center;
}
div.product_browse_controls span.pageCurrent{
    color: #fff;
    background-color:#6D6D71;
    padding: 3px;
    width: 14px;
    display: inline-block;
    text-align: center;
}
div.product_browse_controls form{
        display: inline;
}
div.product_browse_controls div.product_browse_controls_pages{
    float:left;
    padding: 5px 10px;
    margin-top: 5px;
}
div.product_browse_controls div.product_browse_controls_display{
    float:right;
    padding: 5px;
    margin-right: 10px;
}
div.categories_column{
        min-height: 1100px;
}
div.categories_column > ul, div.categories_column > h3, div.sub_category_list{
         padding-top: 5px;
         padding-left: 10px;
 	padding-bottom: 10px;
}
div.breadcrumbs{
    margin-top: 1px;
    height: 29px;
    margin-left: -10px;
}

div.breadcrumbs ul li{
    float: left;
    height: 29px;
    line-height: 1;
}

div.breadcrumbs ul li a{
    display: block;
    height: 21px;
    padding: 8px 4px 0px 12px;
    color: #010101;
    font-size:13px;
}
div.breadcrumbs ul li a:hover {
    color:#AE2E2D;
}

div.breadcrumbs ul li:first-child a{
    /* padding-left: 10px; */
}
div.breadcrumbs ul li div.breadcrumbs_sep{
    height: 15px;
    width: 8px;
    float: left;
    background-image: url('/images/product_info/breadcrumb-right.jpg');
    z-index: 10;
    margin-top: 7px;
}
div.breadcrumbs ul li.last_sep{
    background-image: none;
}
div.breadcrumbs ul li.last_sep div.breadcrumbs_sep{
   background-image: none;
}
div.breadcrumbs a.current_bc{
    text-align: left;
    color: #AE2E2D;
}

div.breadcrumbs a.current_bc:hover {
    color:#AE2E2D;
}

div.category_headline{
    color: #000;
    padding-left: 10px;
    font-size: 12px;
    float: left;
    line-height:1.4em;
    width: 970px;
}
div.category_headline img{
    float: left;
    padding: 5px;
    vertical-align: baseline;
}
div.category_info{
        clear:left;
        padding: 10px;
}
div.category_info p{
        padding: 5px 0px;
        font-size: 14px;
}
div.category_info ul {
        padding: 5px 10px;
        list-style-type: disc;
        list-style-position: inside;
}
div.category_info ul li{
        padding: 5px 0px;
}
div.category_info ul li a{
        text-decoration: none !important;
}
div.subcategories_container{
        color: #000;
        padding: 0px;
        clear:both;
}
div.subcategories_container div.h2,div.subcategories_container h1, .flagged_info_container .h2, .flagged_info_container h1,div.subcategories_container h2  {
        color: #AE2D2D;
        font-size: 24px;
        font-weight: bold;
        margin: 10px 0px;
        width: 100%;
}
div.subcategories_container div.subcategory_headline{
    line-height: 1.4em;
    width: 100%;
	margin-left: auto;
	margin-right: auto;
	color: #404040;
	display: block;
	/* flex-wrap: wrap; */
	/* justify-content: center; */
	max-width: 100%;
}

.subcategory_headline img {
	max-width: 100%;
	height: auto !important;
	margin-bottom: 1rem;
	width: auto !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div.subcategory_layout{
        margin: 10px 0px;
        float: left;
        width: 750px;
}
h1.flaged_categories{
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    color:#AE2D2D;
    margin: 10px;
}
div.subcategory_row:first-child {

}
div.subcategory_row:last-child {
}
div.subcategory_row{
    min-width: 700px;
}
div.subcategory_cell{
        width: 232px;
        height: 90px;
        padding-left: 10px;
        padding-top: 10px;
        position: relative;
}
div.subcategory_cell p{
    margin-top:5px;
}
div.subcategory_cell p.see_all{
}
div.subcategory_cell a{
        font-weight: normal;
        font-size: 12px;
        color: black;
}
div.subcategory_cell a:hover {
        text-decoration: underline;
}

div.subcategory_image{
    float: left;
    margin-right: 10px;
}
div.subcategory_cell p a img{
    vertical-align: bottom;
}

.flagged_cats_header, .cat_divider {
     display: block;
     margin: 30px 10px;
     border-top: 1px solid #cccccc;
     width: 100%;
     padding: 7px 0;
 }

.flagged_cats_header h2, .cat_divider h2{
    color: #7F7F7F!important;
    line-height: 19px;
    font-size: 16px!important;
    font-weight: normal;
}

.parent_cats_header, .cat_divider {
    display: block;
    margin: 30px 0;
    border-top: 1px solid #cccccc;
    width: 100%;
    padding: 7px 0;
}

.parent_cats_header h2, .cat_divider h2{
    color: #7F7F7F!important;
    line-height: 19px;
    font-size: 16px!important;
    font-weight: normal;
}

div.number_button{
        border: 2px solid #a0a0a0;
        background-color: #eee;
        width: 20px;
	height: 20px;
        float: left;
        color: #666666;
        text-align: center;
        margin-left: 3px;
	font-size: 10px;
}
div.pressed{
        background-color: #666666;
        border: 2px solid #ccc;
        color: #a7a7a7;
}
div.number_wrapper {
	padding-top:5px;
	color:white;
}
div.number_button > div > a {
	color:#666666;
}
div.pressed > div > a {
	color:#FFFFFF;
}

div.column_third{
        min-width:330px;
        float: left;
        color: #000;
}

div.column_third a{
        color: #444;
        font-size: 12px;
}

div.product_info{
        margin-top: 5px;
        padding: 10px 5px;
        width: 215px;
        border-bottom: 2px solid #cccccc;
}
div.product_info h2{
    font-size: 28px;
}
div.product_info h3{
 margin:3px 0px;
}
div.product_info img{
    float: left;
    margin-right: 10px;
}
div.product_info h2{
        font-size: 26px;
        color: #444444;
}
div.product_info h3{
        color: #666666;
}
div.product_info:first-child{
    margin-top: 0px;
    padding-top: 0px;
}
div.product_info:last-child{
        border:none;
}
div.product_info_inset{
        border-top: 1px dashed #666;
        margin-top: 15px;
        padding-top: 15px;
        color: #000;
        font-weight: bold;
}
div.product_info_inset a:last-child{
        color: #AE2E2D;
        font-size: 12px;

}
div.product_info_inset a{
        color:#000;
}
div.product_info_inset a img{
        padding: 0px;
        margin: 0px;
        margin-right: 5px;
        vertical-align: baseline;
        max-width: 100px;
        max-height: 100px;
}
div.product_list_layout{
        margin-top: 15px;
        margin-bottom: 15px;
        margin-left: 7px;
		display: flex;
		flex-wrap: wrap;
		flex-grow: 1;
		justify-content: space-between;
}
div.toolbox div.product_list_item{
    margin-left: 40px;
    margin-right: auto;
}
div.product_list_item {
		width: 255px;
		height: 335px;
		border-left: 1px solid #ffffff;
        border-top: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
        border-bottom: 1px solid #e0e0e0;
        margin-top: 5px;
        margin-bottom: 2rem;
        text-align: left;
        background-color:#fff;
}
div.product_list_item:nth-child(3n+2) {
    /* margin-left: 15px; */
    /* margin-right: 15px; */
}
div.product_list_item:hover{
            border: 1px solid #3957A8;
}
div.product_list_item h5{
        margin: 0px;
        padding: 7px;
        text-align: center;
        color: #404040;
        font-size: 1.1em;
        font-weight: bold;
}
div.product_list_item h5 span.the_price, div.product_list_item h5 span.the_sale_price{
    color: #404040;
    font-size:14px;
    font-weight:bold;
}
div.product_list_item h5 span.red,div.product_list_item h5 span.the_sale_price{
    color: #BD1F2D;
}

div.product_list_item h5 span.min_qty {
    /* font-size: 10px; */
    font-size: smaller;
	color: #505050;
}

div.product_list_item h3 a{
    color: #404040;
    /* font-weight: bold; */
    font-weight: 500;
    font-size: 0.9rem;
}

div.product_list_item h5 a{
	color:#000066;
    text-decoration: underline;
}
div.product_list_item h5 a:hover {
	color:red;
}

div.product_list_item div.product_image{
    margin-top: 10px;
    padding: 10px 0px;
    min-height: 100px;
    text-align: center;
    width: 100%;
    height: auto;
}
div.product_list_item div.product_image a img{
    max-width:100%;
    max-height: 185px;
}
div.product_list_item p, div.product_list_item h3{
    text-align: center;
}
div.product_list_item p.product_price{
    color: #231f20;
    font-weight: normal;
    text-align: center;
}
div.product_list_item p{
    margin-top: 10px;
    color: #4255A7;
    font-size: 12px;
    font-weight: bold;
}
div.product_flags{
    margin-top: 10px;
}
div.product_flags{
    height: 25px;
    text-align: center;
}
div.product_list_item div.review_container{
width: 240px;
height: 11px;
position: absolute;
bottom: -5px;
}


div.subcategory_list_item {
	/* width: 315px; */
	width: 280px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3rem;
}

.subcategory_list_item img {
	width: 100%;
}

.subcategory_list_item .redLink {
	color: #BD1F2D;
}

div#footer{
	width: 100%;
	background-color: #444444;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	box-sizing: border-box;
	padding: 4em 1em 1em 0em;
}
div#footer_top, div#footer_bottom{
    
}
div.product_info_inset img{
    float: left;
    margin: 5px;
}
div#footer_content_container{
    width: 100%;
}
div#footer_subcontainer{
    min-height: 100px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
div#footer_subcontainer div{
    float:left;
    position: relative;
}
div#footer_mcafee{
	position: absolute !important;
	top: 20px;
	left: 632px;
z-index: 10;
}
div#footer_bbb{
	
}
div#footer_content{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	width: 100%;
}

div.footer_column{   
	flex-grow: 1;
	margin: 0em 4em 1em 4em;
	/* width: 250px; */
	width: 230px;
}

div.footer_column .footerHeader{
	font-weight: normal;
	border-bottom: 2px solid #AE2E2D;
	color: white;
	padding-bottom: 2px;
	margin-bottom: 20px;
	font-size: larger;
}

div.footer_column a{   
	color: white;
	display: block;
}

div.footer_column a:hover{
	text-decoration: underline;
}

div.footer_column span{   
	color: white;
	display: block;
}

div.footer_column #footerPhone{
	font-size: larger;
}

div.footer_column ul {
	padding:0px 5px;
}
div.footer_column ul li a{
        color: #7d7d7d;
        font-weight: 500;
        font-size: 12px;
}
div.footer_column_last{
        border-right: none;
        padding: 0px;
        margin: 0px;
		display: flex;
		flex-wrap: wrap;
		flex-grow: 0;
		padding-top: 1em;
}
div.footer_column_last div{
	
}
div.footer_column_last div img{
	vertical-align: middle;
}
div.footer_column_last a{
	margin-right: 1em;
	margin-bottom: 1em;
}
div.footer_column_last div p{
	font-size: 12px;
	padding: 2px;
}
div.footer_column_top{
        font-size: 12px;
        font-weight: normal;
        padding: 3px;
        margin-bottom: 10px;
        margin-right: 2px;

        color: #7D7D7D;
        border-bottom: 1px solid #ccc;
}


/* generally everywhere */
.pageHeading
{
  color: black;
}

.error {
	
}

.messageStackError > .messageStackError, .errorMessage
{
	/* color: red; */
	width: 100%;
	/* position: relative; */
	display:block;
	text-align: center;
	padding: 10px;
	font-weight: 600;
	color: #C1272D;
	background: #fefeb4;
	margin-right: 5px;
	border-radius: 5px;
	margin-bottom: 0px;
	box-sizing: border-box;
	margin-bottom: 1rem;
}

.messageStackSuccess
{
  color: green;
}

.main
{
  color: black;
}

.smallText
{
  font-size: 10px;
  color: black;
}

.tableTitlesGreen
{
  color: green;
}

.contact_info_container div
{
  color: black;
  text-align:left;
}
.addressInfoDiv h1{
	font-size:16px;
  font-weight:bold;
}
.contact_info_address > h1
{
  font-size:16px;
  font-weight:bold;
}
.contact_info_data > h1
{
  font-size:16px;
  font-weight:bold;
}
/* advanced_search */container
.formLables
{
  color: black;
}

.formInfo
{
  color: black;
}

.fieldValue
{
  color: black;
}

/* advanced_search_result */
.the_price, .the_price_on_focus
{
  color: black;
}

.the_sale_price
{
  color: red;
}

.the_product_box_desc
{
  color: black;
}

.temppadding
{
  /* padding-left: 75px; */
}
.search_criteria
{
  color:black;
  text-align:left;
  font-weight:bold;
  float:left;
  margin:5px;
  width: 100%;
}

/* Footer Sidebar */
.footerSidebarHeader
{
  padding-left: 10px;
  color: gray;
  font-size:12px;
}

.footerSidebarHorizontalRule
{
  margin-left: 10px;
  margin-bottom: 0px;
  color: gray;

  width: 80%;
}

.footerSidebarGenericLink
{
  padding-left: 10px;
  color: gray;
  text-decoration: underline;
  font-size: 14px;
}

/* New Partials */
.content_container
{
  /* width: 540px; */
  width: 100%;
  /* float: left; */
  /* margin-left: 10px; */
}

.content_column{
    margin-left: 5px;
}

.content_boxcontainer{
}

.content_boxtitlebar{
  border: 1px solid gray;
  background-color: rgb(240, 240, 240);
  color: rgb(80,80,80);
  font-size:14px;
  padding:3px;
  text-align:left;
  padding-left:10px;
  text-align: left;
  padding: 2px 5px;
}

.content_boxcontent
{
  border: 1px solid gray;
  color: gray;
  text-align: left;
}
.content_boxtitlebar_infopages
{
  color: gray;
}

.content_boxcontent_infopages
{
  color: #000;
  text-align: left;
  font-size: 12px !important;
  line-height: 1.2em;
}
.content_boxcontent_infopages p{
        margin-top: 10px;
        color: #000;
}
.content_boxcontent_infopages table tbody tr td{
        color: #000;
}
.content_boxcontent_infopages ul{
        padding: 10px 5px;
}
.content_boxlist
{
  padding-left: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  list-style-image:url('/images/index/#707070-triangle.png');
  list-style-position:inside;
}

.content_boxlist li
{
  padding: 10px;
}
.content_boxlist li a{
        color: #666;
        font-size: 12px;
}
.content_boxlist li > a
{
  font-size:12px;
  color:rgb(80,80,80);
  vertical-align:middle;
}
.content_boxlist li > img
{
  vertical-align:middle;
}


h1.content_pageheading {
    font-weight: bold;
    font-size: 1.5rem;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    color: #AE2E2D;
}

.content_pageheading
{
  font-weight: bold;
  font-size: 1.5rem;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
  color: #AE2E2D;
}

.spacercell
{
  width: 50px;
}

.backbutton
{
  text-align:left;
  margin-left: 20px;
}
.backbutton > a {
  font-size:12px;
  color:gray;
  text-decoration:underline;
}

.inputRequirement
{
  color: red;
}

.resMenu_class1 {
  /* color: #707070; */
  /* margin-top: 0.5rem; */
}

.resMenu_class1 > a:hover {
  color:red;
  text-decoration:underline;
}

.glossary {
  font-size:12px;
  line-height: 1.4;
}


img.flag_image{
    margin-right: 2px;
    width:41px;
}

.share_links {
  text-align:right;
  clear:both;
  margin-right:15px;
}
.product_description{

}
.bottom_categories_column{
  width:144px;
  color:#333;
  float:left;
  padding:5px;
  font-size:12px;
}
.bottom_categories_column ul.left_menu li{

}
div#main_content h1 {
	font-size:1.8em;
	color: #717171;
	text-align: center;
    font-weight: normal;
}

.products_at_a_glance_cat {
  background-image:url('images/productsglance-bg.png');
  width:93;
  height:91;
}
div.footer_links_wrapper {
    width: 830px;
    margin-right: auto;
    margin-left: auto;
	text-align:center;
}

a.graytextlink {
}
a.graytextlink:hover {
	text-decoration:underline;
	color:red;
}

div.signout_accountcontent {
	text-align:left;
	padding-left:30px;
}
div.signout_accountcontent > a {
	text-decoration:underline;
	font-size:12px;
	color:rgb(80,80,80);
}
div.cancel_accountedit {
	text-align:right;
	float:right;
	margin-top:10px;
	vertical-align:middle;
}
div.cancel_accountedit > a {
	color:rgb(80,80,80);
	text-decoration:underline;
	font-size:14px;
	padding-right:20px;
}
h2.promo_line {
   font-size: 11px;
   color: #000000;
   font-weight: normal;
   padding: 0px;
   margin: 0px;
   padding-left: 6px;
   margin-left: 6px;
   padding-right: 6px;
   margin-right:6px;
   display: none;
}
div.menu.footer_menu{
        text-align: center;
        width: 100%;
}
div.menu.footer_menu ul{
        padding-left: 15px;
}
div.menu.footer_menu ul li{
        padding: 0px;
        padding-left: 2px;
        border-left: none;
}

hr.dotted{color: #FFF; background-color: #FFF; border: 1px dashed #999; border-style: none none dashed; margin: 0px; margin-left: 5px; margin-right: 5px; }
.cat_heading_name{
        color: #AE2E2D;
        font-size: 16px;
        font-weight: bold;
}
.cat_list_headings{
        text-transform: uppercase;
        color:#000;
        padding:5px 0px;
        width:210px;
        font-weight:bold;
        font-size: 1.0rem;
        border-bottom: 1px solid #B5B5B5;
}
.clh_product{
        width: 220px;
        margin-top: 10px;
}
div.autocomplete {
  position:absolute;
  background-color:#333;
  border:1px solid #888;
  margin:0;
  padding:0;
  z-index:1000;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb; color: #000;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:3px 5px;
  min-height:24px;
  cursor:pointer;
  text-align: left;
  font-size:12px;
  color: #fff;
}
div.pages_results_container {
  padding: 5px;
  margin-left: 10px;
  margin-bottom: 10px;
  background-color: #E0E0E0;
  width: 750px;

}
div.pages_results_row {
  padding:5px;
  background-color: white;
}

.pages_results_row_link a{
    color:#000066;
    font-weight:bold;
    font-size:14px;
    text-decoration:underline;
    padding-bottom:3px;
}
.pages_results_row_link a:hover{
    color:#AE2E2D;
}
.pages_results_row_link a:visited{
    color: #666666;
}
.pages_results_row_sample{
    color:#000;
    width:700px;
    padding-bottom:5px;
}
div#header_menu_bar{
    clear:both;
    background-color:#eee;
    height:31px;
    float: left;
    width: 100%;
    background-image: url(images/index/white-m.png);
}
div#categories_list{
    width: 220px;
    border-right: 1px dashed #ccc;
    text-align: left;
}
div#main_bottom, div#footer_bottom{
    display:none;
}
div#footer_copyright{
    clear:left;
    float: none;
    width: 80%;
    margin-left:auto;
    margin-right: auto;
    color: #FFF;
	text-align: center;
	align-self: flex-end;
}
div#footer_copyright a{
    color: #FFF
}

div#footer_copyright .footerCopyrightSpacer{
	margin-left: 1em;
	margin-right: 1em;
}

span.messages_error{
    padding: 10px 0px;
    background-color: #BF1E2E;
    text-align: center;
    color: #fff;
    font-weight: bold;
    display: block;
    width: 100%;
}
span.messages_success{
    padding: 10px 0px;
    background-color: #019444;
    text-align: center;
    color: #fff;
    font-weight: bold;
    display: block;
    width: 100%;
}
div.box_header{
    background-image: url("/images/product_builder/fade.png");
    background-repeat: repeat-x;
    border: 1px solid #D3D4D6;
    height: 48px;
    float:left;
}
div.box_header p{
    font-size:20px;
    padding-top: 15px;
    padding-left: 10px;
    font-weight:bold;
    color: #6D6E70;
    text-align: left;
}

div.box{
    border: 1px solid #D3D4D6;
    border-top:none;
    float:left;
}

div.box,div.box_header{
    width:inherit;
}

div.box_container{
     position:relative;
     text-align: left;
}

div.box_container p {
    font-size:12px;
    color: #6D6E70;
    line-height: 1.5em;
}


#myytplayer{
    visibility: visible !important;
}


#menubar_menu {
	float: none;
}


/* new responsive code */

.flex-container {
	display: flex;
	flex-wrap: wrap;
}

#quick_find_container {
	flex-basis: 33%;
    display: flex;
}

#quick_find {
	display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
}

#search_box {
	flex-grow: 1;
    height: 34px;
    border: 1px solid #848484;
    border-right: 0px solid #848484;
    border-radius: 5px 0px 0px 5px;
	box-sizing: border-box;
    padding-left: 10px;
	font-size: 1em;
}

#header-search-button {
	border: 1px solid #848484;
    border-left: 0px;
    border-radius: 0px 5px 5px 0px;
}


#header_sub_menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
}
#header_sub_menu a {
	color: black;
}
#header_sub_menu a:hover {
	color: #bf1e2e;
	text-decoration: underline;
}

#header_sub_menu .sub_menu_red {
	color: #bf1e2e;
}
#header_sub_menu .sub_menu_red:hover {
	color: black;
	text-decoration: underline;
}

.redBoxButton {
	padding: 5px 0px;
    width: 100px;
    border: 1px solid #AE2D2D;
    color: #AE2D2D;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    margin-bottom: 0.9em;
}

.inputNoBorder {
	border: none;
}

/* page style */






a,
a:focus,
a:active,
a:hover,
object,
embed {
  outline: none;
  text-decoration: none;
}
:-moz-any-link:focus {
outline: none;
}
input::-moz-focus-inner {
border: 0;
}

:focus { outline: 0; }

body { background: #FFF; }

.brand { padding: 10px 40px !important; }

/* .navbar { border-bottom: 4px solid #888; } */

/* MEGA MENU STYLE
********************************/ 

.navbarRed {
	background-color: #AE2E2D;
	box-shadow: 0px 5px 8px #989898;
}

.navbar {
  /* overflow: hidden; */
  overflow: visible;
  background-color: #AE2E2D;
  display: flex;
  justify-content: space-evenly;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.navbar a {
  float: left;
  /* font-size: 16px; */
  font-size: 13px;
  color: white;
  text-align: center;
  /* padding: 10px 0px; */
  padding: 5px 0px;
  text-decoration: none;
}

.dropdown {
  float: left;
  /* overflow: hidden; */
  overflow: visible;
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font: inherit;
  margin: 0;
  white-space: normal;
  position: relative;
}

.noWrap {
	white-space: nowrap;
}

.activeMenu {
  background-color: #444444 !important;
}

.activeArrow:after {
	content:'';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 15px #444444;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
	z-index: 10;
}

.dropdown:hover .dropbtn {
  background-color: #444444;
}

.dropdown-content {
  display: none;
  position: absolute;
  /* background-color: rgba(0, 0, 0, 0.75); */
	width: 80%;
    max-width: 80%;
    left: 10%;
  /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
  z-index: 5;
}

.dropdown-content-show .header {
  background: red;
  padding: 16px;
  color: white;
  flex-grow: 1;
}

.dropdown-content-show {
	display: block;
	overflow: hidden;
	height: 100vh;
	/* margin-top: -100px; */
	/* padding-top: 100px; */
	/* position: relative; */
	width: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: overflow;
	padding-bottom: 100vh;
	visibility: hidden;
}

.dropdown-scroller {
	overflow: auto;
	height: 0;
	/* padding: .5rem; */
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	width: 100%;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
	padding-bottom: 100vh;
}

/* BACKUP BEFORE CHANGES TO TRY AND FIX SAFARI BACKGROUND
.dropdown-content-show {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	height: 100vh;
	width: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: overflow;
	padding-bottom: 100vh;
	visibility: hidden;
}

.dropdown-scroller {
	overflow: auto;
	height: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	width: 100%;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
	padding-bottom: 100vh;
}
*/

.menuColumnContainer {
	/* display: flex; */
    /* flex-wrap: wrap; */
	/* justify-content: space-between; */
	display: block;
	background-color: #FFF;
	padding: 2em 4em;
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
	border-left: 3px solid #AE2E2D;
    border-right: 3px solid #AE2E2D;
    border-bottom: 3px solid #AE2E2D;
	background-image: url(img/xIcon.png);
    background-repeat: no-repeat;
    /* background-position: 98.5% 3%; */
    background-position: 98.5% 2.2rem;
	/* position: absolute; */
	/* padding-bottom: 30vh; /*fix for firefox not showing full height*/
	min-height: fit-content;
}

@-moz-document url-prefix() { 
	.menuColumnContainer {
		padding-bottom: 30vh; /*fix for firefox not showing full height*/
	}
}

.dropdown-scroller::-webkit-scrollbar {
	display: none;
}

.redWords {
	color: #AE2E2D;
	font-weight: bold;
}

.featuredImageContainer {
	display: flex;
	flex-wrap: no-wrap;
	justify-content: space-evenly;
	width: 100%;
}

.featuredImageContainer .featuredImage {
	flex-shrink: 1;
	flex-basis: 15%;
}

.featuredImage img {
	max-width: 150px;
	width: 100%;
	max-height: 150px;
}

.navbar .featuredImage a {
	color: #707070;
	font-weight: 600;
	text-align: center;
	font-size: 1.1rem;
}

.navbar .featuredImage a:hover{
	text-decoration: underline;
	color: #AE2E2D;
}

.featuredImage img {
	margin-bottom: 0.5em;
	text-decoration: none;
}
/* Inserting this collapsed row between two flex items will make 
 * the flex item that comes after it break to a new row */
.break {
  flex-basis: 100%;
  height: 0;
}

.flexContainerColumns {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	width: 100%;
}

/* Create three equal columns that floats next to each other */
.menuColumnContainer .column{
	border-left: 1px solid #707070;
	margin-right: 2em;
	flex: 1;
	box-sizing: border-box;
	padding-left: 2.5rem;
}

.menuColumnContainer .column:last-of-type{
	margin-right: 0;
}

.column .menuRed{
	margin-bottom: 0rem;
	margin-top: 0rem;
}

.column a:first-of-type{
	margin-top: 0rem;
}

.menuColumnContainer .columnNoBorder{
	border-left: 0px;
}

.column {
  /* float: left; */
  /* width: 33.33%; */
  padding-left: 1em;
  background-color: #FFF;
  /* height: 250px; */
  margin-top: 1em;
}

.column h3 {
	color: #AE2E2D;
	font-size: 1.1em;
}

.navbar a h3 {
	font-size: inherit;
	margin-top: 5px;
	margin-bottom: 5px;
}

.column a {
  float: none;
  color: black;
  text-decoration: none;
  display: block;
  text-align: left;
}

.column a:hover {
  text-decoration: underline;
  color: #AE2E2D;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


/* styles for lines next to menu dividers */
.menuDivider {
    position: relative;
    font-size: inherit;
    z-index: 1;
    overflow: hidden;
    text-align: center;
	flex-grow: 1;
	max-width: 100%;
}
.menuDivider:before, .menuDivider:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: '\a0';
    background-color: #AE2E2D;
}
.menuDivider:before {
    margin-left: -50%;
    text-align: right;
}

.menuDividerSpacer {
	padding-left: 3em;
	padding-right: 3em;
	line-height: 2rem;
}


#support-links ul {
	/* display: flex; */
    /* flex-wrap: wrap; */
    /* flex-wrap: nowrap; */
    /* justify-content: space-between; */
	padding-top: 10px;
}


#search-bar hr {
	margin-top: 4px;
}


#mainContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#headerUndimmer {
	z-index: 999 !important;
	background-color: white;
}

.stickyHeader {
	/* position: -webkit-sticky; */
	/* position: sticky; */
	/* top: 1; */
}


.fixedPosition {
	position: fixed;
}


.dimmed {
	position: relative;
}

.dimmed:after {
  content: " ";
  z-index: 1;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}

.flexWrap{
	display: flex;
    flex-wrap: wrap;
}

.flexNoWrap {
	display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
}

.flexBasisFiftyChild > div:not(.break) {
	flex-basis: 50%;
}

.greyBorderDiv {
	border: 2px solid #707070;
}

.yellowBorderDiv {
	border: 2px solid #eaea00;
}

.threeColumnTable td{
	width: 100%;
}

.threeColumnTable td{
	width: 35%;
    vertical-align: top;
    padding-top: 10px;
}

.threeColumnTable td:first-child{
	width: 15%;
}

.threeColumnTable td:last-child{
	width: 50%;
}

.threeColumnTable td input[type=checkbox]{
	/* transform: scale(1.5); */
}

.headerRedUnderline {
	font-size: 2em;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 80%;
	border-bottom: 2px solid #AE2E2D;
	text-align: center;
	font-weight: normal;
	padding-bottom: 0.5em;
	margin-bottom: 1.5em;
	/* margin-top: 1.5em; */
	margin-top: 0.5em;
}

.midscreenBanner {
	width: 100%;
}

.midscreenBanner img{
	width: 100%;
}


.sectionH2 {
	font-size: 2em;
	text-align: center;
	font-weight: normal;
}

.redH3Underline {
	color: #AE2E2D;
	font-size: 1.4em;
	text-align: center;
	text-decoration: underline;
	font-weight: normal;
}

.redHR {
	border-top: 2px solid #AE2E2D;
	width: 80%;
}


.whiteButton {
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding: 0.5em;
	color: black;
	background-color: #fff;
	border-radius: 10px;
	font-size: 1.5rem;
	font-weight: normal;
	border: 1px solid #707070;
	cursor: pointer;
}

.redButton {
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding: 0.5em;
	color: white;
	background-color: #AE2E2D;
	border-radius: 10px;
	font-size: 1.5rem;
	border: 1px solid #AE2E2D;
	font-weight: 700;
	cursor: pointer;
}

.smallRedButton {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	padding: 0.5em;
	color: white;
	background-color: #AE2E2D;
	border-radius: 10px;
	font-size: 1rem;
	border: 1px solid #AE2E2D;
	font-weight: 700;
	cursor: pointer;
}

.smallWhiteButton {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	padding: 0.5em;
	color: black;
	background-color: #fff;
	border-radius: 10px;
	font-size: 1rem;
	font-weight: normal;
	border: 1px solid #707070;
	cursor: pointer;
}


.redButton:hover, .whiteButton:hover, .smallRedButton:hover , .smallWhiteButton:hover {
	color: white;
	background-color: #0070BB;
	border: 1px solid #FFFFFF;
}

body > #container {
	/* min-height: 50vh; */
	min-height: 71vh;
	font-size: 0.85rem;
	/* overflow-x: hidden; */
}

#main {
	margin-bottom: 2rem;
    padding-top: 1rem;
    box-sizing: border-box;
    padding-left: 1rem;
    padding-right: 1rem;
}

#main, #mainContainer{
	font-size: 0.9rem;
}

.tw-bs .carousel-indicators {
	bottom: 0;
}

.redBoxedButton {
	border: 1px solid #ae2e2d;
    font-size: 1rem;
    color: #ae2e2d;
    box-sizing: border-box;
    background-color: white;
	cursor: pointer;
	padding: 0.5rem 0.5rem;
}

.redBoxedButton:hover {
	color: white;
	background-color: #0070BB;
	border: 1px solid #707070; 
}

.centeredDiv {
	margin-left: auto;
	margin-right: auto;
}

.maxSixHundred {
	max-width: 600px;
}

.bigInput {
	width: 100%;
    padding: 1rem;
    margin-bottom: 1rem;
	margin-top: 1px; /* to prevent odd overlapping that cuts off top border on some pages */
	margin-left: 1px; /* to prevent odd overlapping that cuts off left border on some pages */
}

.greyBorderContainer {
	border: 1px solid #707070;
	padding: 2rem 1rem;
}

.flexGrowOne {
	flex-grow: 1;
}

.orderList {
	border-left: 1px solid #707070;
	display: flex;
	flex-wrap: wrap;
	padding-left: 2rem;
	box-sizing: border-box;
}

.orderList div {
	flex-grow: 1;
}

.orderList div:not(.break){
	margin-bottom: 2rem;
}

.historyHeader {
	text-decoration: underline;
	font-weight: 700;
	color: #444444;
}

.historyOrderNumber {
	font-size: 1.5rem;
}

.pageControls {
	font-size: 1rem;
}

.informationFlex {
	display:flex;
}

.informationFlex > div{
	max-width: 100%;
}

.informationSidebar {
	min-width: 275px;
	text-align: left;
}

.informationSidebarHeader {
	color: #ae2e2d;
	margin-bottom: 0.5rem;
	display: block;
}

.informationSidebar a {
	color: #444444;
	margin-bottom: 0.5rem;
	display: block;
}

.informationText {
	text-align: left;
}

.informationText p {
	margin-bottom: 0.5rem;
}

.informationText h4 {
	color: #444444;
	margin-bottom: 1rem;
}

.informationText ul {
	margin-bottom: 2rem;
}

.informationText li {
	margin-bottom: 0.5rem;
}

.informationText a {
	color: #707070;
}

.testimonialsContainer {
	text-align: left;
}

.testimonialsContainer center {
	text-align: left;
}

.addressInfoDiv a{
	color: #444444;
}

.site_map_container {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: 1rem
}

.site_map_container > div {
	flex-grow: 1;
	text-align: left;
	min-width: 33%;
}

.site_map_container .parent_category a {
	font-size: 1rem;
	color: #444444;
}

.site_map_container .child_category {
	margin-left: 0;
}

.site_map_container .child_category a {
	font-size: 0.9rem;
	color: #444444;
}


.darkHeader {
	font-size: 1rem;
	color: #444444;
	font-weight: 700;
}

.greyText {
	font-size: 0.9rem;
	color: #707070;
}

.bigSelect {
    background: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), linear-gradient(to right, grey, grey);
    background-position: calc(100% - 20px) calc(50%), calc(100% - 15px) calc(50%), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5rem 100%;
    background-repeat: no-repeat;
    line-height: 1rem;
    padding: 0.5rem 3.5rem 0.5rem 1rem;
    border-radius: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding: 1rem;
    margin-bottom: 1rem;
}

.bigCheckbox {
	transform: scale(1.5);
}

.fullWidthDivsTextLeft div {
	width: 100%;
	text-align: left;
}

.autoMarginDivs > div{
	margin-right: auto;
}

.textLeftDivs > div {
	text-align: left;
}


.greyHR {
	border-top: 1px solid #444444;
}

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

/* mobile scaling breakpoints */

@media all and (max-width: 1110px) {
	#header_sub_menu, .navbar {
		display:none;
	}
	
	#quick_find_container {
		order: 3;
		flex-basis: 100%;
		margin-top: 10px;
	}
	
	.hideYour {
		display:none;
	}
	
	div.column_container{
		max-width: 100%;
	}
	div.subcategories_container div.subcategory_headline{
		max-width: 95%;
	}
	
	div.categories_column > ul, div.categories_column > h3, .side_category_list > div.sub_category_list{
		display: none;
	}
	
	div.product_list_layout {
		justify-content: space-around;
	}
}

@media all and (max-width: 1034px) {
	#quick_find_container {
		order: 3;
		flex-basis: 100%;
		margin-top: 10px;
	}
}

@media all and (min-width: 1110px) {
	#cssmenu {
		display:none !important;
	}
	
	.openbtn {
		display:none !important;
	}
	
	div#featured-products > div {
		flex-basis: 17%;
		width: auto;
	}
}

@media all and (max-width: 1110px) {
	div#top_header {
		justify-content: space-between;
	}
	
	.footerCopyrightSpacer:first-of-type{
		display:none;
	}
	
	.footerCopyLinks {
		margin-top: 1em;
	}
	
	div.footer_column{
		max-width: 230px;
		margin: 0em 4em 1em 4em;
	}
	
	.informationText > div {
		float: none !important;
	}
	
	.yellowBorderDiv {
		max-width: 100% !important;
		flex-basis: 100% !important;
	}
	
	.yellowBorderDiv boxcontainer div, table {
		width: 100%;
	}
	
	.greyBorderDiv {
		max-width: 100% !important;
		flex-basis: 100% !important;
		margin-right: 0 !important;
		margin-bottom: 1rem;
	}
}

@media all and (max-width: 670px) {
	div#top_header {
		justify-content: center;
	}
	
	.headerRedUnderline {
		font-size: 1.5rem;
	}
	
	.site_map_container > div {
		flex-basis: 90%;
	}
	
	.site_map_container .child_category a{
		margin-top: 2rem;
		margin-bottom: 2rem;
		display: block;
	}
	
	.informationSidebar {
		display: none;
	}
	
	.pag_sub_container a{
		margin-top: 1.5rem;
		margin-bottom: 1rem;
		display: inline-block;

	}
	
}

@media all and (max-width: 375px) {
	.header_logo img {
		max-width: 75%;
	}
	
	.header_logo, #phoneAccountDiv {
		flex-basis: 45%;
	}
	
	.column_right #search-bar a.phone-number {
		font-size: 12px;
	}
	
	#garrett-dog {
		max-width: 40px;
	}
	
	#search-bar hr {
		margin-top: 0px;
	}
	
	.column_right #support-links li a {
		font-size: 12px;
	}
	
	.column_right #support-links li a span#act {
		background-size: cover;
		height: 18px;
		width: 18px;
		vertical-align: middle;
		margin-bottom: 0px;
	}
	
	.column_right #support-links li a span#cart {
		background-size: cover;
		height: 18px;
		width: 22px;
		vertical-align: middle;
		margin-bottom: 0px;
	}
	
	.column_right #support-links li a:hover span#act{
		background-size: cover;
		height: 18px;
		width: 18px;
		vertical-align: middle;
		margin-bottom: 0px;
		background-image: url(images/homepage/my-account-red.png);
	}
	
	.column_right #support-links li a:hover span#cart{
		background-size: cover;
		height: 18px;
		width: 22px;
		vertical-align: middle;
		margin-bottom: 0px;
		background-image: url(images/homepage/cart-red.png);
	}
	
	.column_right #support-links li a {
		height: auto;
		/* display: flex; */
		/* justify-content: center; */
		/* align-items: center; */
	}
	
	.support-links-text {
		font-weight: bold;
	}
	
	div#footer {
		padding: 5px 5px 2em 5px;
	}
	
	div.footer_column{
		max-width: 150px;
		margin: 2em 5px;
		font-size: smaller;
	}
	
	div#footer_copyright {
		width: 100%;
		font-size: smaller;
	}
	
	div#footer_copyright .footerCopyrightSpacer {
		margin-left: 0.3em;
		margin-right: 0.3em;
	}
	
	.orderList {
		display: inline-flex;
		border-left: 0;
		padding-left: 0;
	}
	
}
/* mobile scaling breakpoints */