body {
	font-size: 15px;
	font-family: 'Cabin', sans-serif;
	letter-spacing: .05em;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	color: #44403c;
	 width:100%
}

.wrap { width:100%}
.clear {
	clear: both;
	overflow: auto;
}


.break {
	width: 100%;
	padding: 2em;
	clear: both;
}
#main  {  width:100%;}
.main{
	color:#ffffff;
	font-size: 18px;
	width:100%;
	text-align: center;
}

.mainText p span {
	color:#44403c;
	font-size: 18px;
}
.main, P.main,TD.main {
  width:100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size:15px;
  line-height: 1.5;
}
.mainTextInput input[type=checkbox]{
	padding-top:20px;
	color:#44403c;
	font-size: 18px;
}



.mainText input{
	color:#44403c;
	font-size: 18px;
}

.clearfix:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

h1, h2, h3, h4, h5 {text-transform: uppercase; font-weight: bold;}
h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 15px;}

a:link {color: #0564ac;text-decoration: none;}
a:visited {color: #0564ac;text-decoration: none;}
a:hover {color: #0564ac;text-decoration: none;}
a:active {color: #0564ac;text-decoration: none;}

.email {
	color: inherit;
	text-decoration: none;
}

.center {
	text-align: center;
}

hr {height: 0;
	color: #eeeeee;
	background: #eeeeee;
	border-width: 1px;
	margin-top: 3em;
	margin-bottom: 3em;
	border-radius: 1px;
	border-color: #eeeeee;
}
input, select {
	background-color: #eeeeee;
	border: none;
	font-size: 15px;
	height:40px;
	font-weight:bold;
	margin-top: 8px;

}


.button {
	display: inline-block;
	color: #ffffff;
	background: #0564AC;
	border: none;
	border-radius: .25em;
	padding: .75em 1.5em;
	margin: .5em .5em;
	font-size: 18px;
	text-decoration: none;
	cursor: pointer;
}
.yellow-button {
	display: inline-block;
	color: #44403c;
	background: #e8bd10;
	border: none;
	border-radius: .25em;
	padding: .75em 1.5em;
	margin: 2em .5em;
	font-size: 18px;
	text-decoration: none;
	cursor: pointer;
}

.button a:link, a:visited {
	color: #ffffff;
}
.yellow-button a:link, a:visited {
	color: #44403c;
}
.border-button {
	display: inline-block;
	color: #ffffff;
	background: none;
	border: 2px solid #FFFFFF;
	border-radius: .25em;
	padding: .75em 1.5em;
	font-size: 18px;
	text-decoration: none;
	cursor: pointer;
}
.dark-border-button {
	color: 	#44403c;
	border-color: #44403c;
}
.review-button a {
	display: inline-block;
	color: #ffffff;
	background: #e8bd10;
	border: none;
	border-radius: .25em;
	padding: .75em 1.5em;
	margin: 1em 0;
	font-size: 16px;
	text-decoration: none;
	cursor: pointer;
}

.product-buttons {
	color: #ffffff;
}
.product-buttons a:link, a:visited {
	color: #ffffff;
}
.product-buttons a{
	text-decoration: none;
}
.continue-button {
	clear: both;
	float: left;
	overflow: hidden;
	padding-top: 2em;
	padding-bottom: 2em;
}

.search-button {
	height: 40px;
	margin: 0 0 0 0;
	padding: 5px 5px;
	background: #eeeeee;
	border: none;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	vertical-align: top;
}

.widget-button {
}
.widget-button a {
	position: absolute;
	box-sizing: border-box;
	bottom: 0;
	left: 0;
	width: 80%;
	margin: 10%;
}

.cooler-button {
	background: #e8bd10;
	text-transform: uppercase;
}
.table-button {
	margin: 0
}

.quote-button {
	color: #000000;
	float:left;
}.product-buttons {
	color: #ffffff;
}
.product-buttons a{
	text-decoration: none;
}

.form-button input[type=submit] {
	text-transform: none;
	font-weight: bold;
	display: inline-block;
	color: #ffffff;
	background: #e8bd10;
	border: none;
	border-radius: .25em;
	padding: .75em 1.5em;
	margin: .5em .5em;
	font-size: 16px;
	text-decoration: none;
	cursor: pointer;
}


.details-button {
	margin-top: 0.5em;
	display: inline-block;
	background: #254358;
	border: none;
	border-radius: .5em;
	padding: .5em;
	text-decoration: none;
	white-space: nowrap;
	color: #ffffff !important;
}
.details-button a {
	color: #ffffff !important;
	background: #254358;
	text-decoration: none;
}

.details-button-quote {
	margin-top: 0.5em;
	float:right;
	display: inline-block;
	margin-right: .5em;
	color: #ffffff;
	background: #254358;
	border: none;
	border-radius: .5em;
	padding: .5em;
	text-decoration: none;
	white-space: nowrap;
}
.details-button-quote a {
	color: #ffffff;
	background: #254358;
	text-decoration: none;
}

.cart-button {
	margin-top: 0.5em;
	display: inline-block;
	color: #ffffff;
	background: #0564AC;
	border: none;
	border-radius: .5em;
	padding: .5em;
	text-decoration: none;
	white-space: nowrap;
}
.blurredDefaultText {color:#888 !important;}
/* message box */
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 18px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 18px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 18px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 18px; background: #ffb3b5; font-weight: bold; }

.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 18px; color: #70d250; text-decoration: underline; }
TR.headerError {background: #ff0000;}
TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 18px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}
.align-1 {padding: 0 1%;}
.align-2 {
	width: auto;
	max-width: 1250px;
	margin: 0 auto;
	padding: 0 25px;
	text-align : center;

}
.align-3 {
	width: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width:100%;
	clear: both;
}
.col-1 {
	width: 45%;
	float: left;
}


.col-left {
	width: 48%;
	float: left;
}

.col-right {
	width: 48%;
	float: right;
}

.col-2a {text-align: left; width:49%; margin-left: 1%;}
.col-2b {text-align: right; width:49%; margin-right: 1%;}
.col-2c {
	width: 60%;
	margin-right: 2.5%;
	float: left;
}
.col-2d {
	width: 35%;
	float: left;
	margin-right: 2.5%;
}
.col-3 {
	width: 30%;
	float: left;
	text-align: center;
}
.col-3a{margin-right: 2%;}
.col-4 {
	float: left;
	margin-right: 2%;
	width: 23%;
	height: auto;	
}


.col-4 img {
	max-width: 100%;
	height: auto;
}

.col-4b  {
	margin-right: 2%;
	width: 23%;
	height: auto;
}

.col-4b img {
	max-width: 100%;
	height: auto;
}
.col-4c  {
	margin-right: 2%;
	width: 23%;
	height: auto;
}

.col-4c img {
	max-width: 100%;
	height: auto;
}

.col-4d  {
	margin-right: 2%;
	width: 23%;
	height: auto;
}

.col-4d img {
	max-width: 100%;
	height: auto;
}
.col-5 {
	width: 67.5%;
	float: left;
}



.col-2-left-a {
	width: 30%;
	padding-left: 10%;
}
.col-2-right-a {
	width: 57%;
	margin-left: 3%;
}

.col-2-left-address {
	border: 4px solid #bbc5cb;
	background: #dedede;
	padding-left:1.5em;
	margin-bottom: 2em;
	width: 100%;
	vertical-align: text-top;
	height:225px;
}


.col-2-left-map {
	border: 4px solid #bbc5cb;
	float:left;
	background: #dedede;
	padding-left:1.5em;
	margin-bottom: 2em;
	width: 48%;
	vertical-align: text-top;
	height:960px;
}

.col-2-right-address {
	width: 100%;
	margin-left: 3%;
	padding-left:1.5em;
	margin-bottom: 2em;
	border: 4px solid #bbc5cb;
	background: #dedede;
	vertical-align: text-top;
	height:225px;
}

.col-2-left {
	padding-left:1.5em;
	margin-bottom: 2em;
	width: 100%;
}
.col-2-right {
	width: 100%;
	margin-left: 3%;
	padding-left:1.5em;
	margin-bottom: 2em;
}


#shipping-form input[type=checkbox] {
	margin-right: .5em;
}
.label {
    background-color: #ffffff;  
	line-height: 2em;
	color:#000000;
}
.required::after {
    content: "*";
    color: #cf4a26;
}
.shipping-information input[type=text], .shipping-information input[type=tel], .shipping-information input[type=email], .shipping-information select {
    height: 2em;
    width: 18em;
    margin: 0 0 .5em;
	background-color: #eeeeee;
	border: none;
}
#billing-address {
	margin-top: 1em;
}
#in-store-pickup {
	margin-bottom: 4em;
}
.form-subtitle {
	text-transform: uppercase;
}

.continue {
	clear: both;
	float: right;
	overflow: hidden;
	padding-top: 2em;
	padding-bottom: 1em;

}

.comment {
	border: 4px solid #bbc5cb;
	background: #dedede;
	font-size: 18px;
	font-weight:bold;
	margin: 0 0 2em 1.7em;
	padding-top: 2em;
	width: 100%;
	vertical-align: text-top;
	height:auto;
	text-align:center;
}



#order-details h4, #order-confirmation h4 {
	margin-top: 2em;
}
.details a {
	display: inline-block;
	padding: 1em 0 1em;
}
.method ul {
	list-style-type: none;
	padding-left: 0;
}
.method li {
	margin: 1.5em 0;
}
.method ul li img {
	margin-bottom: -.75em;
    max-width: 100%;
    height: auto;
}
.shipping-cost {
	margin-left: 3em;
	text-align: right;
	font-weight: bold;
}
.shipping-note {
	margin-left: 2em;
	margin-top: 1em;
}
.footnote {
	font-size: 12px;
}
.redeem {
	clear: both;
	margin: 1em 0 0 1.5em;
	padding-left:1em;
	border: 4px solid #bbc5cb;
	background: #dedede;
	margin-bottom: 2em;
	width: 98%;
	text-align:center;
	vertical-align: text-top;
	height: auto;
}
/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  background-color: #ffffff;
  padding-left: 35px;
  margin-bottom: 12px;
  vertical-align:top;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
 
 /* Hide the browser's default checkbox */
 .container input[type="checkbox"]{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  background-color: #ffffff;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  background-color: #ffffff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
 
 
/* Hide the browser's default radio button */
.container input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio:hover input ~ .radio {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .radio {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .radio:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .radio:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
} 
    .google-maps {
        position: relative;
        padding-bottom: 90%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }







/* HEADER */
#red_message{
  float: left;
  margin-left:7em;
}

#shop-by-phone {
	float: right;
}
#questions-chat img {
	float: right;
	max-width: 100%;
	height: auto;
	margin-right: 2em;
}
#header {
}

#noborderheader{width: 100%; }
.noborderheader{font-size: 15px;}
.noborderheader ul {
	width: 100% !important;
	vertical-align: top;
	display: inline;
	margin: 0 0 0 0;
}
.noborderheader li {
	list-style: none;
    display: inline-block;
	vertical-align: top;
	margin-bottom: .25em;
}
.noborderheader img {
	max-width: 100%;
    height:auto;
}



#top-bar {
	background: #44403c;
	overflow: auto;
}
#top-bar-note {
	float: left;
	margin: .5em 0;
	color: #e8bd10;
	font-size: 12px;
}
#top-bar-note a {
	text-decoration: underline;
	color: #e8bd10;
}
#sign-in {
	float: right;
	margin: .2em 10px 0 10px;
	margin-right: 10px;
	padding-right: 10px;
}
#sign-in ul {
	list-style: none;
	font-size: 12px;
	color: #ffffff;
	margin-right: 10px;
}
#sign-in li {
	display: inline-block;
	margin: 0 0 0 .5em;
}
#sign-in li + li:before {
    content: " | ";
    padding: 0 .5em 0 0;
}
#sign-in a {
	color: #ffffff;
}

/* Logo Bar */

#logo-bar-wrap {
}

#logo-bar {}

.logo {
	float: left;
	margin: 1em 0;
	max-width: 450px;
}

.header-contact {
	margin: 2em 0;
	float: right;
	text-align: right;
	color: #136db0;
}

#nav-bar {
	background: #254358;
	width: 100%;
	z-index: 999;	
}

.navbar-fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 999;
}



.top-nav {
	float: left;
	list-style: none;
	margin: .5em 0;
	text-align: center;
	text-transform: uppercase;
	position: relative;
}
.top-nav li {
	display: inline-block;
	float: left;
	margin: 0;
	z-index: 99;
}
.top-nav li a {
	display: block;
	padding: 0 1em;
	color: #ffffff;
	text-decoration: none;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

#nav-bar ul ul {
    display: none;
    list-style: none;
	background: #254358;
	padding: .5em 0 0;
	text-align: center;
	position: absolute;
	top: 100%;
	z-index: 99;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
/* Display Dropdowns on Hover */
#nav-bar ul li:hover > ul {
    display: block;
}
/* Fisrt Tier Dropdown */
#nav-bar ul ul li {
    min-width:330px;
    float:none;
    display:list-item;
    position: relative;
	z-index: 99;
}
#nav-bar ul ul li a {
	padding: 1em;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
#nav-bar ul ul li a:hover {
	background: #0564ac;
}
/* Search Bar */

#search-bar-wrap {
	background: #0564ac;
	color: #ffffff;
	padding: 1em 0 0 0;
	text-align: center;
	z-index: 500;
}



#search-bar {}
.search {
	display: inline-block;
	font-size: 17px;
	text-align: right;
	margin: 0;
}
.search a{
	color: #ffffff;
	font-size: 17px;
}
.search-term {
	height: 40px;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	font-size: 18px;
	color: #0564ac;
	border: none;
	width: 30em;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.form-options {
	padding: 2px 0px 5px 0px;
	font-size: 17px;
}
/* SIDEBARS */
.sidebar   {
	float: left;
	padding: 3em 4%;
	text-align: center;
	background: #eeeeee;
	color: #44403c;
}
.sidebar img {
    max-width: 100%;
    height: auto;
}
#sidebar-left {
	background: #eeeeee;
	color: #44403c;
	height: auto;
}
#sidebar-white-left{
	background: #ffffff;
	color: #44403c;
}

.page-body {
	text-align: left;
	color:#000000;
	width: 100%;
	background: #ffffff;
	padding-top: 100px;
}
#sidebar-center-main {
	width: 50%;
	padding: .5em 0;
}
#sidebar-center-main-checkout {
	width: 95%;
}

.shop-by-department {
	display: inline-block;
	margin: auto;
	width: 80%;
	z-index: 10;
	max-width: 300px;
	color: #ffffff;
	background: #254358;
	border: none;
	border-radius: .25em;
	padding: .5em 1.5em;
	font-size: 24px;
	letter-spacing: .05em;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 150%;
	white-space: normal;
	cursor: pointer;
}
label.shop-by-department {
    max-width: 100%;
	z-index: 10;
}
.department-menu input[type=checkbox] {
   display: none;
}
.department-list {
	display: none;
	position: absolute;
	top: 6.75em;
	left: 1.5em;
	z-index: 10;
	background: #254358;
}
.department-menu {
	position: relative;
	margin: 2em auto 0;
	max-width: 300px;
	text-align: left;
	padding: 0;
	z-index: 10;
}
.department-list {
	display: none;
	position: absolute;
	top: 6.75em;
	left: 1.5em;
	z-index: 10;
	background: #254358;
}
.department-menu .department-list ul ul li a:hover {
	background: #0564ac;
}
.department-menu .department-list ul li a:hover {
	background: #0564ac;
}

.check-department-toggle:checked + .shop-by-department {
  	background: #0564ac;
}
input[type=checkbox]:checked ~ div {
   display: block;
}

.catlist{
	text-align: center;
	padding-top: 2em;
	padding-bottom: 2em;
}
#call-to-action {
	color: #44403c;
	clear: both;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
}
.siderule {
	height: 0;
	min-width: 290px;
	color: #eeeeee;
	background: #44403c;
	border-width: 0px;
	margin-top: 5em;
	margin-bottom: 5em;
	border-radius: 0px;
}
.side-widget {height: 100%;}
.side-widget .widget-header h4 {
	margin-top: 0;
}
.side-widget .widget-button a {
	position: relative;
	box-sizing: border-box;
	width: 80%;
	margin: 1em 10%;
}
.side-widget .blog-widget-link {
	float: left;
	margin: 1em 0;
}
.side-widget .blog-widget-link a {
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 18px;
	color: #0564ac;
}
/* Widgets */
.widget {
	display: inline-block;
	position: relative;
	max-width: 300px;
}
.widget-header {
	text-transform: uppercase;
	margin-left: 10%;
	margin-right: 10%;
}
.widget h4 {
	text-transform: uppercase;
	margin-left: 10%;
	margin-right: 10%;
}
.widget-text {
	margin-left: 10%;
	margin-right: 10%;
}
.side-widget-text p{
	font-weight:bold;
	font-size: 18px;
	float:left;
}

#home-widgets {
	clear: both;
	overflow: auto;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
}
.widget p {
	font-size: 12px;
	margin-left: 10%;
	margin-right: 10%;
}
.widget .border-button {
	position: absolute;
	box-sizing: border-box;
	bottom: 0;
	left: 0;
	width: 80%;
	margin: 10%;
}
#widget-1 {
	background: #0564ac;
	color: #ffffff;
}
#widget-2 {color: #44403c;}
#widget-2 p {
	text-align: left;
	margin-left: 1em;
	margin-right: 1em;
}
#widget-2 p.read-more {
	text-align: right;
}
#widget-2 a {
	color: #0564ac;
}
#widget-3 {
	color: #ffffff;
	background: #44403c;
}
/* Blog Widget */
.blog-widget {
	padding: 1em;
	text-align: left;
}
.blog-widget h2 {
	color: #44403c;
	border-radius: .15em;
	margin: 0;
	padding: .5em .5em .5em .5em;
}
.blog-widget a {
	color: #44403c;
	text-decoration: none;
}

.blog-widget-image {
	padding: 1em;
	text-align: left;
}
.blog-widget-header {
	color: #44403c;
	border-radius: .15em;
	padding: .5em .5em 1.5em;
}
.blog-widget-header h2 {
	margin: 0 0 1em;
}
.blog-widget-text {
	text-align: left;
	margin-left: 1em;
	margin-right: 1em;
}
.blog-widget-link {
	text-align: right;
	margin-left: .5em;
	margin-right: .5em;
}
.blog-widget-link a {
	color: #0564ac;
}
/* Login Widget */
.login-widget {
	background: #254358;
	color: #ffffff;
	text-align: left;
	margin-top: 4em;
	padding-top: 1em;
	padding-bottom: 1em;
	overflow: hidden;
}
.login-widget .widget-header h4 {
	font-size: 30px;
	margin-bottom: .5em;
}
.login-widget input[type=email], .login-widget input[type=password], .login-widget input[type=text] {
	max-width: 100%;
}
.login-widget a {
	display: inline-block;
	color: #85bae1;
	margin: .5em 0;
	font-size: 12px;
}
.login-widget .form-button {
	float: right;
	margin: 1em 0;
	text-decoration: none;
	cursor: pointer;
}
td.paymentLogin {width:40%; display:block;}
.search-by-length .form-button {
	float: left;
	margin-right: 15px;
	color:#000000;
	text-decoration: none;
	cursor: pointer;
}

td.paymentLogin {width:40%; display:block;}
.search-by-length .form-button {
	float: left;
	margin-right: 15px;
	color:#000000;
	text-decoration: none;
	cursor: pointer;
}
/* Email Signup */
.email-signup {
	text-align: left;
	margin-bottom: 1em;
}
.email-signup .widget-header {
	margin: 0;
}
.email-signup input[type=email], .email-signup input[type=text] {
	background: #ffffff;
	height: 2em;
}
.email-signup .form-button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
/* Back To Top */
#back-top 				{bottom: 140px;right: 50%;position: fixed;z-index: 9999; margin-right:-880px; visibility:hidden;}
#back-top a 			{color: #fff;font-size: 0em; font-weight:bold;text-decoration: none;text-transform: uppercase;
						 width: 37px;display: block;text-align: center;}
#back-top a:hover 		{color: #807f7f;}
#back-top span 			{background: url("../images/icons/up-arrow.png") no-repeat scroll 0 0 transparent;border-radius: 3px 3px 3px 3px;display: block;height: 24px;margin-bottom: 7px;width: 35px;}
#back-top a:hover span 	{background-position:0 -34px;}


/* Product Lists */
.product-list {
	clear: both;
	overflow: hidden;
	text-align: center;
}
.product-wrap {
	text-align: center;
}
.product-wrap a {
	text-decoration: none;
}
.product {
	padding: 2.5em;
	box-sizing: border-box;
	color: #44403c;
	background: #ffffff;
	border: none;
	border-radius: .15em;
	font-size: 18px;
	text-transform: uppercase;
}
.product img {
    max-width: 100%;
    height: auto;
	margin-bottom: 1em;
}
.product-image {max-width: 100%;}
.product-title {
	font-size: 18px;
	text-transform: uppercase;
}
.product-price {
	margin-top: .5em;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: .05em;
}

.free_shipping{
    max-width: 250px;
    height: auto;
}
/* Featured Products */
.featured-product-image {
	float: left;
	margin: 2%;
	width: 29%;
	overflow: hidden;
}
.featured-product-image img {
    max-width: 100%;
    height: auto;
}
.caption {
	text-align: center;
	font-size: 16px;
}
.featured-product-details {
	float: left;
	width: 66%;
}
.product-pricing-box {
	border: 1px solid #eeeeee;
	padding: 1em;
	color: #44403c;
	overflow: hidden;
	margin-bottom: 2em;
}
.per-shipper-pricing {
	float: left;
}
.per-shipper-pricing h4 {
	color: #44403c;
	margin: 0 0 1em;
}
.per-shipper-pricing p {
	margin-bottom: 0;
}
.box-listing-box{
	border: 1px solid #eeeeee;
	padding: 0.5em;
	color: #44403c;
	overflow: hidden;
	margin-bottom: 0.5em;
}
.box-listing-pricing{
	float: right;
	text-align: center;
	margin-top: 0.5em;

}
.box-listing {
	float: left;
}
.box-listing p {
	margin-bottom: 0;
}
.add-to-cart-box {
	float: right;
}
.add-to-cart-box input[type=submit] {
	text-transform: none;
	font-weight: bold;
	display: inline-block;
	color: #ffffff;
	background: #e8bd10;
	border: none;
	border-radius: .25em;
	padding: .75em 1.5em;
	margin: .5em .5em;
	font-size: 16px;
	text-decoration: none;
	cursor: pointer;
}
.add-to-cart-box {
	float: right;
	margin-top: 3.5em;
}


.form-label-box {
	padding-top: 0.5em;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: middle;
}
.form-label-product-info{
	padding-top: 0.5em;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: middle;
}
.add-to-cart-box .quantity-box .form-label-product-info input[type=number] {
	height: 5em;
	background-color: #eeeeee;
	border: none;
	font-size: 18px;
	text-align: right;
	max-width:20px;
}

table .ship-price-list-border{
	padding: 1px 1px 1px 1px;
		border: solid 1px #000000;
}
table .ship-price-list {
	text-align: center;
	vertical-align: middle;
	width: auto;
	margin: 3px 5px 3px 5px;
	color: #ffffff;
	border: solid 1px #ffffff;

}
td .navy-cell {
	background-color: #254358;
	width: 5em;
	margin: 3px 5px 3px 5px;
	color: #FFFFFF;
	font-size: 1em;
	border: solid 1px #ffffff;
}
td .blue-cell {
	background-color: #0564ac;
	width: 5em;
	margin: 3px 5px 3px 5px;
	color: #FFFFFF;
	font-size: 1em;
	border: solid 1px #ffffff;
}
td.price-cell {
	background-color: #FFFFFF;
	width: 5em;
	padding: 0 5px 0 5px;
	color: #000000;
	font-size: 1em;

}
.add-to-cart {
	float: right;
	margin-top: 3.5em;
}
.form-label {
	font-size: 15px;
	text-transform: none;
	vertical-align: middle;
}
.add-to-cart input[type=number] {
	background-color: #eeeeee;
	border: none;
	font-size: 15px;
	height: 3em;
	text-align: right;
}
.add-to-cart input[type=submit] {
	text-transform: none;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	background-color: #e8bd10;
	margin: .75em 5.5em 0em 0em;
	height: 2.5em;
	border: none;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.stars {
	color: #e8be10;
	padding-left: 3em;
}
.product-search {
	clear: both;
	padding-bottom: 6em;
}
.search-by-size input[type=number]{
    width: 3em;
    height: 2em;
	background-color: #eeeeee;
	border: none;
}
.search-by-size input[class=form-button] {margin-left: 1em;}
input[class=form-button] {
	text-transform: none;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	background-color: #e8bd10;
	margin-right: 1em;
	padding: .5em 2em;
	border: none;
	border-radius: .5em;
	cursor: pointer;
}
.product-search-results {margin: 2em 0;}
.search-results-meta {
	float: left;
	font-size: 16px;
	text-transform: uppercase;
}
.search-results-pagination {
	float: right;
	font-size: 18px;
	text-transform: uppercase;
	text-align: right;
}
.search-results-list {
	clear: both;
	padding: 1em 0;
}
#hero-wrap {
	text-align: center;
}

#back-to-top {
	text-align: right;
	margin: 1em 0;
}
#footer {
	background: #44403c;
	overflow: auto;
	font-size: 12px;
	color: #b4b4b4;
	padding: 6em 0;
}
#footer a, #footer li {color: #e8bd10;}
#footer ul {
	padding: 0;
	list-style: none;
}
#footer h1 {
	text-transform: uppercase;
	font-size: 18px;
}
.footer-left a {text-decoration: none;}
.footer-center {text-align: center;}
.footer-right {	text-align: right;}
.social {margin: 3em 0 0;}
.social img {
    max-width: 100%;
    height: auto;
	padding: 0 .5em;
	vertical-align: bottom;
}
.copyright {
	margin-top: 6em;
}
.breadcrumb {
	color: #0564ac;
	font-size: 16px;
	width: 80%;
	padding-top:2%;
	padding-left:2%;
	text-transform: uppercase;
	margin-bottom: 4em;
}
.breadcrumb a {
	color: #0564ac;
	text-decoration: none;
	letter-spacing: .05em;
}
.category-description p {
	color: #44403c;
	font-size: 16px;
}
#call-to-action-wrap {
	color: #44403c;
	clear: both;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
}
#call-to-action {}
#call-to-action-header {}
#call-to-action-button {}
/* Home Page Widget Section */
#home-widgets-wrap {
	clear: both;
	overflow: auto;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
}
#home-widgets {}
#home-widgets .widget {
	height: 27em;
}
#widget-1 {
	background: #0564ac;
	color: #ffffff;
}
#widget-2 {color: #44403c;}
#widget-3 {
	color: #ffffff;
	background: #44403c;
}
#home-section-1-wrap {
	color: #ffffff;
	background: #254358;
	text-align: center;
}
#home-section-1 {}
#home-section-1-header {
	margin-top: 1em;
	margin-bottom: 1.5em;
}
/* Home Section Two */
#home-section-2-wrap {
	text-align: center;
}
#home-section-2 {}
#home-section-2-header {
	color: #44403c;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.page-title h1 {
	color: #44403c;
	font-size: 24px;
	letter-spacing: .05em;
}
.category-description p {
	color: #44403c;
	font-size: 16px;
}

#progress-indicator {
	clear: both;
	text-align: center;
	margin: auto;
	padding-top: 6em;
}
#progress-indicator img {
    max-width: 100%;
    height: auto;
}
.edit-link {
	font-size: 16px;
	text-transform: none;
	padding-left: 1em;
}

#order-confirmation .method {
	padding-top: 2em;
}
select.cardmonth {
	width: 12.5em;
}
select.cardyear {
	width: 5em;
}
input[type=text].cvc {
	width: 4em;
}
.loyalty-points {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 2em;
}
.subtotal {
	font-size: 24px;
	font-weight: bold;
}
.negative {
	color: #cf4a26;
}
.total {
	font-size: 30px;
	font-weight: bold;
	margin: 1em 0;
}
#order-confirmation .form-button {
	margin-right: 0;
	margin-bottom: 10em;
}

.blue-text {
	color: #0564ac;
}


/* Contact */
#location-info {
	text-align: left;
	margin: 3em 0;
}
#location-info img {
	padding-top: 2em;
    max-width: 100%;
    height: auto;
}
#contact-info-right {
	text-align: left;
	padding-top: 5em;
}
.contact input[type=text], .contact input[type=email] {
	height: 2em;
	width: 99%;
}
.contact textarea {
	height: 30em;
	width: 99%;
}
.contact .form-button {
	float: right;
	margin: 1em;
}

/* FOOTER */

#footer-wrap {
	background: #44403c;
	overflow: auto;
	padding: 6em 0;
	clear: both;
}
#footer {
	font-size: 12px;
	color: #b4b4b4;
}
#footer a {
	color: #e8bd10;
}
#footer-left {}
#footer-left a {
	text-decoration: none;
}
#footer-center {text-align: center;}
#footer-right {text-align: right;}
.footer-heading {}
.footer-heading h1 {
	text-transform: uppercase;
	font-size: 18px;
}
.footer-links {}
.footer-links ul {
	padding: 0;
	list-style: none;
}
.footer-text {}
.social {margin: 3em 0 0;}
.social img {
    max-width: 100%;
    height: auto;
	padding: 0 .5em;
	vertical-align: bottom;
}
.badges {
	margin-bottom: 6em;
}
.badges img {
    max-width: 100%;
    height: auto;
	padding: 0 0 0 1em;
}
.copyright {
	margin-top: 6em;
}

/*  RESPONSIVE ELEMENTS */
@media only screen and (min-width : 1px) and (max-width: 899px) {
    .col-2 {
        max-width: 100%;
    }
	/*Make dropdown links appear inline*/
	#nav-bar ul {
		position: static;
		display: inline;
	}
	/*Make all menu links full width*/
	#nav-bar ul li, li a {
		width: 100%;
		padding: 1em 0;
	}
	#nav-bar ul {
		width: 100%;
	}
	#nav-bar a {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	input.search-term {
    max-width: 50%;
	}

	.tab {
		display: block;
		margin-bottom: 1.5em;
	}

	.tab label {
		position: relative;
		max-width: 90%;
		color: #ffffff;
		background: #0564ac;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 16px;
		padding:.5em .5em .5em .5em;
		border: none;
		cursor: pointer;
	}

	.tab [type=radio] {
	  display: none;
	}
	[type=radio]:checked ~ label {
	  background: #254358;
	  z-index: 2;
	}
	[type=radio]:checked ~ label ~ .tab-pane {
	  display: block;
	}

	.tab-pane {
		display: none;
		position: absolute;
		top: 1.9em;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 1em 2em;
		margin-top: 8em;
		height: 20em;
		color: #000000;
		background: #FFFFFF;
		border: solid 30px #254358;
		overflow: auto;
	}

	.col-3 {
		width: 100%;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.col-3a, .col-3b {
		margin-right: 0;
	}
	.footer-left, .footer-right {
		text-align: center;
	}
	.col-4 {
		width: 46.5%;
		margin-top: .5em;
		margin-bottom: .5em;
	}
	.col-5 {
		width: 46.5%;
		margin-top: .5em;
		margin-bottom: .5em;
	}
}
.errorMess{float:left; width:100%; font-size:1.3em; color:#000000; background:url('../images/redBarTop.jpg')}
.headerError{float:left; width:100%; font-size:1.3em; color:#000000; background:url('../images/redBarTop.jpg')}
.discountMess{float:left; font-weight:bold; width:100%; font-size:1.1em; color:#000000; background:url('../images/greenBarTop.jpg')}
.headerInfo{float:left; font-weight:bold; width:100%; font-size:1.1em; color:#000000; background:url('../images/greenBarTop.jpg')}


.breadcrumbs{margin-left: 20px;}
.contentText {margin-left: 20px; margin-right: 20px; margin-bottom: 3em;}
.contentContainer {padding-bottom: 10px;margin-left: 40px;margin-right: auto;}
.SliderContainer {text-align:center; display:block; background:#ffffff; margin:0 0 0 0; width:100%;}
.contentHomeContainer	{margin-left: auto;margin-right: auto;}
img {
    max-width: 100%;
    height: auto;
    border: 0;
}



#piGal-box-listing{
  float:left;
  list-style-type: none;
}
#piGal-box-listing img {
	float: left;
    max-width: 100%;
    height: auto;
}
#piGal-box-listing .outer { float: left;}
/* message box */


.messageBox { font-family: Arial, Helvetica, sans-serif; }
.messageStackError, .messageStackWarning { font-family: Arial, Helvetica, sans-serif;}
.messageStackSuccess { font-family: Arial, Helvetica, sans-serif;}
.box_social_bookmarks			{overflow:hidden;margin:0px 0px 0px 0px;display:inline-block;width:284px;}
.box_social_bookmarks label		{color:#8f8e8e;font-weight:normal; margin-right:5px;margin-top:0px;float:right;}
.box_social_bookmarks div		{float:right;display:inline-block; float:right; color:#8f8e8e;}
.box_social_bookmarks div a		{color:#fff; font-weight:bold;}
.box_social_bookmarks div a:hover	{color:#fcaa62;}

.main_quote{
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size:15px;
  line-height: 1.5;
}
div.mrbox-bookmarks ul.socials li:before, div.mrbox-bookmarks ul.socials li:after, div.mrbox-bookmarks ul.socials li a:before, div.mrbox-bookmarks ul.socials li a:after {
	content:none !important;
}
div.mrbox-bookmarks ul.socials a {
	display:block !important;
	width:60px !important;
	height:29px !important;
	text-indent: -9999px !important;
	background-color:transparent !important;
}
div.mrbox-bookmarks ul.socials a:hover, div.mrbox-bookmarks ul.socials li:hover {
	background-color:transparent !important;
	border:0 none !important;
	outline:0 none !important;
}
li.mrbox-diigo, li.mrbox-diigo:hover, li.mrbox-digg, li.mrbox-digg:hover, li.mrbox-reddit, li.mrbox-reddit:hover, li.mrbox-stumbleupon, li.mrbox-stumbleupon:hover, li.mrbox-delicious, li.mrbox-delicious:hover, li.mrbox-yahoobuzz, li.mrbox-yahoobuzz:hover, li.mrbox-blinklist, li.mrbox-blinklist:hover, li.mrbox-technorati, li.mrbox-technorati:hover, li.mrbox-facebook, li.mrbox-facebook:hover, li.mrbox-twitter, li.mrbox-twitter:hover, li.mrbox-myspace, li.mrbox-myspace:hover, li.mrbox-mixx, li.mrbox-mixx:hover, li.mrbox-scriptstyle, li.mrbox-scriptstyle:hover, li.mrbox-designfloat, li.mrbox-designfloat:hover, li.mrbox-mail, li.mrbox-mail:hover, li.mrbox-comfeed, li.mrbox-comfeed:hover, li.mrbox-newsvine, li.mrbox-newsvine:hover, li.mrbox-devmarks, li.mrbox-devmarks:hover, li.mrbox-linkedin, li.mrbox-linkedin:hover, li.mrbox-google, li.mrbox-google:hover, li.mrbox-misterwong, li.mrbox-misterwong:hover, li.mrbox-izeby, li.mrbox-izeby:hover, li.mrbox-twittley, li.mrbox-twittley:hover, li.mrbox-tipd, li.mrbox-tipd:hover, li.mrbox-pfbuzz, li.mrbox-pfbuzz:hover, li.mrbox-friendfeed, li.mrbox-friendfeed:hover, li.mrbox-blogmarks, li.mrbox-blogmarks:hover, li.mrbox-fwisp, li.mrbox-fwisp:hover, li.mrbox-designmoo, li.mrbox-designmoo:hover, li.mrbox-bobrdobr, li.mrbox-bobrdobr:hover, li.mrbox-yandex, li.mrbox-yandex:hover, li.mrbox-memoryru, li.mrbox-memoryru:hover, li.mrbox-100zakladok, li.mrbox-100zakladok:hover, li.mrbox-moemesto, li.mrbox-moemesto:hover, li.mrbox-ning, li.mrbox-ning:hover, li.mrbox-hackernews, li.mrbox-hackernews:hover, li.mrbox-identica, li.mrbox-identica:hover, li.mrbox-printfriendly, li.mrbox-printfriendly:hover, li.mrbox-designbump, li.mrbox-designbump:hover, li.mrbox-fleck, li.mrbox-fleck:hover, li.mrbox-netvibes, li.mrbox-netvibes:hover, li.mrbox-netvouz, li.mrbox-netvouz:hover, li.mrbox-nujij, li.mrbox-nujij:hover, li.mrbox-globalgrind, li.mrbox-globalgrind:hover, li.mrbox-wikio, li.mrbox-wikio:hover, li.mrbox-xerpi, li.mrbox-xerpi:hover, li.mrbox-sphinn, li.mrbox-sphinn:hover, li.mrbox-blogospherenews, li.mrbox-blogospherenews:hover, li.mrbox-posterous, li.mrbox-posterous:hover, li.mrbox-techmeme, li.mrbox-techmeme:hover, li.mrbox-ekudos, li.mrbox-ekudos:hover, li.mrbox-pingfm, li.mrbox-pingfm:hover, li.mrbox-tomuse, li.mrbox-tomuse:hover {
	background:url('../images/shr-sprite.png') no-repeat !important;
}
li.mrbox-diigo {background-position:-910px bottom !important;}
li.mrbox-diigo:hover {background-position:-910px top !important;}
li.mrbox-digg {background-position:-980px bottom !important;}
li.mrbox-digg:hover {background-position:-980px top !important;}
li.mrbox-reddit {background-position:-700px bottom !important;}
li.mrbox-reddit:hover {background-position:-700px top !important;}
li.mrbox-stumbleupon {background-position:-630px bottom !important;}
li.mrbox-stumbleupon:hover {background-position:-630px top !important;}
li.mrbox-delicious {background-position:-1190px bottom !important;}
li.mrbox-delicious:hover {background-position:-1190px top !important;}
li.mrbox-yahoobuzz {background-position:-1120px bottom !important;}
li.mrbox-yahoobuzz:hover {background-position:-1120px top !important;}
li.mrbox-blinklist {background-position:-1260px bottom !important;}
li.mrbox-blinklist:hover {background-position:-1260px top !important;}
li.mrbox-technorati {background-position:-560px bottom !important;}
li.mrbox-technorati:hover {background-position:-560px top !important;}
li.mrbox-myspace {background-position:-770px bottom !important;}
li.mrbox-myspace:hover {background-position:-770px top !important;}
li.mrbox-twitter {background-position:-490px bottom !important;}
li.mrbox-twitter:hover {background-position:-490px top !important;}
li.mrbox-facebook {background-position:-1330px bottom !important;}
li.mrbox-facebook:hover {background-position:-1330px top !important;}
li.mrbox-mixx {background-position:-840px bottom !important;}
li.mrbox-mixx:hover {background-position:-840px top !important;}
li.mrbox-scriptstyle {background-position:-280px bottom !important;}
li.mrbox-scriptstyle:hover {background-position:-280px top !important;}
li.mrbox-designfloat {background-position:-1050px bottom !important;}
li.mrbox-designfloat:hover {background-position:-1050px top !important;}
li.mrbox-newsvine {background-position:left bottom !important;}
li.mrbox-newsvine:hover {background-position:left top !important;}
li.mrbox-google {background-position:-210px bottom !important;}
li.mrbox-google:hover {background-position:-210px top !important;}
li.mrbox-comfeed {background-position:-420px bottom !important;}
li.mrbox-comfeed:hover {background-position:-420px top !important;}
li.mrbox-mail {background-position:-350px bottom !important;}
li.mrbox-mail:hover {background-position:-350px top !important;}
li.mrbox-devmarks {background-position:-140px bottom !important;}
li.mrbox-devmarks:hover {background-position:-140px top !important;}
li.mrbox-linkedin {background-position:-70px bottom !important;}
li.mrbox-linkedin:hover {background-position:-70px top !important;}
li.mrbox-misterwong {background-position:-1400px bottom !important;}
li.mrbox-misterwong:hover {background-position:-1400px top !important;}
li.mrbox-izeby {background-position:-1470px bottom !important;}
li.mrbox-izeby:hover {background-position:-1470px top !important;}
li.mrbox-twittley {background-position:-1540px bottom !important;}
li.mrbox-twittley:hover {background-position:-1540px top !important;}
li.mrbox-tipd {background-position:-1610px bottom !important;}
li.mrbox-tipd:hover {background-position:-1610px top !important;}
li.mrbox-pfbuzz {background-position:-1680px bottom !important;}
li.mrbox-pfbuzz:hover {background-position:-1680px top !important;}
li.mrbox-friendfeed {background-position:-1750px bottom !important;}
li.mrbox-friendfeed:hover {background-position:-1750px top !important;}
li.mrbox-blogmarks {background-position:-1820px bottom !important;}
li.mrbox-blogmarks:hover {background-position:-1820px top !important;}
li.mrbox-fwisp {background-position:-1890px bottom !important;}
li.mrbox-fwisp:hover {background-position:-1890px top !important;}
li.mrbox-designmoo {background-position:-1960px bottom !important;}
li.mrbox-designmoo:hover {background-position:-1960px top !important;}
li.mrbox-bobrdobr {background-position:-2030px bottom !important;}
li.mrbox-bobrdobr:hover {background-position:-2030px top !important;}
li.mrbox-memoryru {background-position:-2100px bottom !important;}
li.mrbox-memoryru:hover {background-position:-2100px top !important;}
li.mrbox-100zakladok {background-position:-2170px bottom !important;}
li.mrbox-100zakladok:hover {background-position:-2170px top !important;}
li.mrbox-yandex {background-position:-2240px bottom !important;}
li.mrbox-yandex:hover {background-position:-2240px top !important;}
li.mrbox-moemesto {background-position:-2310px bottom !important;}
li.mrbox-moemesto:hover {background-position:-2310px top !important;}
li.mrbox-marrows {background-position:-2380px bottom !important;}
li.mrbox-marrows:hover {background-position:-2380px top !important;}
li.mrbox-identica {background-position:-2450px bottom !important;}
li.mrbox-identica:hover {background-position:-2450px top !important;}
li.mrbox-hackernews {background-position:-2520px bottom !important;}
li.mrbox-hackernews:hover {background-position:-2520px top !important;}
li.mrbox-ning {background-position:-2590px bottom !important;}
li.mrbox-ning:hover {background-position:-2590px top !important;}
li.mrbox-designbump {background-position:-2660px bottom !important;}
li.mrbox-designbump:hover {background-position:-2660px top !important;}
li.mrbox-printfriendly {background-position:-2730px bottom !important;}
li.mrbox-printfriendly:hover {background-position:-2730px top !important;}
li.mrbox-fleck{background-position:-2800px bottom !important;}
li.mrbox-fleck:hover{background-position:-2800px top !important;}
li.mrbox-netvibes{background-position:-2870px bottom !important;}
li.mrbox-netvibes:hover{background-position:-2870px top !important;}
li.mrbox-netvouz{background-position:-2940px bottom !important;}
li.mrbox-netvouz:hover{background-position:-2940px top !important;}
li.mrbox-nujij{background-position:-3010px bottom !important;}
li.mrbox-nujij:hover{background-position:-3010px top !important;}
li.mrbox-globalgrind{background-position:-3080px bottom !important;}
li.mrbox-globalgrind:hover{background-position:-3080px top !important;}
li.mrbox-wikio{background-position:-3150px bottom !important;}
li.mrbox-wikio:hover{background-position:-3150px top !important;}
li.mrbox-xerpi{background-position:-3220px bottom !important;}
li.mrbox-xerpi:hover{background-position:-3220px top !important;}
li.mrbox-sphinn{background-position:-3290px bottom !important;}
li.mrbox-sphinn:hover{background-position:-3290px top !important;}
li.mrbox-blogospherenews{background-position:-3360px bottom !important;}
li.mrbox-blogospherenews:hover{background-position:-3360px top !important;}
li.mrbox-posterous{background-position:-3430px bottom !important;}
li.mrbox-posterous:hover{background-position:-3430px top !important;}
li.mrbox-techmeme{background-position:-3500px bottom !important;}
li.mrbox-techmeme:hover{background-position:-3500px top !important;}
li.mrbox-ekudos{background-position:-3570px bottom !important;}
li.mrbox-ekudos:hover{background-position:-3570px top !important;}
li.mrbox-pingfm{background-position:-3640px bottom !important;}
li.mrbox-pingfm:hover{background-position:-3640px top !important;}
li.mrbox-tomuse{background-position:-3710px bottom !important;}
li.mrbox-tomuse:hover {background-position:-3710px top !important;}
.mainbox {
 border: 2px solid #FF2B23;
 background: #ffffff;
 border-radius: 20px ;
 -webkit-box-shadow: 0px 0px 1px #000;
  moz-box-shadow: 0px 0px 1px #000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  padding: 5px 5px 5px 5px;
}
TD.discountMess {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 16px;
  background: #4BB74C;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}
TR.errorMess {background: #ff0000;}
TD.errorMess {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 16px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}
/* SmartSuggest */
#smartsuggest {
	position: absolute;
	float: left;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 1.1em;
	border: 1px solid #bbc3d3;
	z-index:4;
}
#details-wrap {
	background: #eeeeee;
	padding-top: 2em;
	overflow: hidden;
}
#one-col-details h3 {
	color: #000000;
	text-align: center;
}
#two-col-details {
	padding: 2em 0;
}
.custom-boxes {
	color: #000000;
	font-size: 1.25em;
}
.script {
	padding: 1em;
	font-size: 1.5em;
	font-weight: bold;
	font-family: 'Kalam', cursive;
	text-align: center;
}
.disclaimer {
	padding: 4em 0;
	color: #cf4a26;
}
.contact-widget {
	background: #e8bd10;
	color: #ffffff;
	text-align: left;
	margin-top: 1em;
	padding-top: 0;
	padding-bottom: 1em;
	overflow: hidden;
	max-width: 25em;
}
.contact-widget .widget-header h4 {
	font-size: 30px;
	margin-bottom: .5em;
}
.contact-widget .label {
	font-size: 24px;
}
.contact-widget input[type=email], .contact-widget input[type=password], .contact-widget input[type=text] {
	max-width: 100%;
	font-size: 24px;
}
.contact-widget a {
	display: inline-block;
	color: #85bae1;
	margin: .5em 0;
	font-size: 24px;
}
.contact-widget .form-button {
	float: right;
	margin: 2em 0;
	cursor: pointer;
	background-color: #44403c;
}
.contact-table {
	margin: 3em 0;
	color: #000000;
}
.contact-table td {
	min-width: 55px;
	min-height: 68px;
	padding: 1em;
}
.contact-table td.center {
	text-align: center;
}
.contact-table a {
	text-decoration: none;
	color: #000000;
}

.banner {
	padding: 1em 0 3em;
}
.info-banner {
	border: 2px solid #eeeeee;
	padding: 1em;
	overflow: hidden;
	text-align: center;
	color: #000000;
	margin: 5em 10em 3em 10em;
}
.info-banner img {
	float: left;
	padding: 1em;
    max-width: 100%;
    height: auto;
}
.info-banner p {
	font-size: 1.2em;
}
.loyalty-points-info {
	color: #000000;
	margin-top: 0;
	overflow: hidden;
}
.loyalty-bullet-head {
	text-align: center;
}
.pointWarning{
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 16px;
  color: red;
  font-weight : bold;
}
.loyalty-points-info ul, .loyalty-points-info ol {
	padding-left: 1.2em;
}
.loyalty-points-info li {
	margin-bottom: 1em;
}
.loyalty-section {
	padding: 2em 0 0;
	width: 100%;
}
.sidebar-account {
	width: 19%;
	padding: 3em 4% 3em 2%;
}
#create-an-account {
}
.account-widget {
	background: #0564ac;
	color: #ffffff;
	text-align: left;
	margin-top: 1em;
	padding-top: 0;
	padding-bottom: 1em;
	padding-left: 2em;
	padding-right: 2em;
	overflow: hidden;
	max-width: 25em;
}


.account-widget .fieldset {	padding: 1em 0;}
.account-widget .widget-header h4 {
	font-size: 30px;
	margin-bottom: .5em;
	font-weight: normal;
}
.account-widget .label {font-size: 18px;}
.account-widget .us {padding: 1em 0 0;}
.account-widget .form-subtitle {font-size: 18px;}
.account-widget input[type=email], .account-widget input[type=password], .account-widget input[type=text], .account-widget input[type=tel], .account-widget select {
	max-width: 100%;
	font-size: 18px;
}
.account-widget a {
	display: inline-block;
	color: #85bae1;
	margin: .5em 0;
	font-size: 24px;
}
.account-widget .form-button {
	float: right;
	margin: 2em 0;
	cursor: pointer;
}
.account-widget .required::after {
	color: #ffffff;
}
.gift-level {
	padding-bottom: 3em;
	overflow: hidden;
}


.gift-level .gift-level-title h2{
	color:#0063a7;
	margin-bottom:50px;
}

.gift-category {text-align: center;}
.gift-image {
	overflow: hidden;
	padding-bottom: 2em;
}
.gift-image img {
	overflow: hidden;
    max-width: 100%;
    height: auto;
}
#quote-request {
	float: left;
	width:100%;
	font-size: 16px;
}
#quote-request ul {
	list-style: none;
	float: left;
}
#quote-request a {
	color: #ffffff;
}
.quote-request input{
}
.quote-request span{
	font-weight:bold;
}
.quote-request li {
  display: inline-block;
  padding: 0em .5em 0em .5em;
  text-align: center;
  color:#000000;
  float:left;
}

.quote-header {
	float:left
}
.quote-header h5 {
	float:left;
	font-weight:bold;
}
.quote-text {
	float:left;
	width:100%;
	font-size: 16px;
}
.cooler-details, .cooler-wrap h1 {color: #000000;}
.cooler-details p {margin-bottom: 2em;}
.cooler-tips {
	color: #000000;
	text-align: center;
}
.cooler-tips p {font-size: 18px;}
.cooler-tips img {
    max-width: 100%;
    height: auto;
	border: none;
}

.cooler-list td.blue-cell {
	padding: .2em;
	width: auto;
	font-weight:bold;
}
.cooler-list td.blue-cell a {
	padding: .2em;
	color:#FFFFFF;
	font-weight:bold;
}
.cooler-list td.navy-cell {
	padding: .5em;
	width: auto;
}
table.cooler-list {
	border: none;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	border-spacing: .25em;
    margin-left: -.25em;
    margin-top: -.25em;
	margin-bottom: 8em;
}

.right {
	float: right;
	margin-right: 0;
}
.infoBoxStart {
  background: #FFFFFF;
}

.infoBoxContentsStart {
  background: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}


.label-required{	padding: 1em 0;	color: #000000;}


.loginRight{
	width: 45%;
	float: left;
}
.loginLeft{
	width: 45%;
	float: left;
	border-left: 1px dashed #ccc;
	padding-left: 3%;
	margin-left: 3%;
}
#configuration{width: 100%;}
.configuration ul{
	width: 100% !important;
	text-align: left;
	display: inline;
	height: auto;

}
.configuration li{
	list-style: none;
	display: inline-block;
	vertical-align: text-top;
	margin-bottom: 3em;
}
.delivery {width:25%; float:left;}
.billing {width:25%; float:left;}
.payment {width:45%; float:left;}
.inputRequirement span{
	font-size: 15px;
	font-weight: normal;
	color:#FF0000;
}




/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}
.content-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    width: 100%;
    margin-top:50px;
    margin-bottom:50px;
}

.table-content{
    flex-basis:43%;
}
h2.productArea-title {
    margin-bottom:50px;
    font-size:30px;
    color:#0063a7;
    text-align: center;
}
.table-content .table-bordered>thead>tr>th{
    background:#0063a7;
    color:#fff;
    border:1px solid #0063a7;
    text-align:center;
    vertical-align: middle;
}
.table-content .table>tbody>tr>td{
    text-align:center;
    vertical-align: middle;
    color:#44403c;
    font-weight:normal;
}
.table-content .table>tbody>tr>td a{
    display:block;
    color:#44403c;
    font-weight:normal;
}
.product-list-flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
    align-items: stretch;
}
.product-list-flex .product-item{
    flex-basis:49%;
    position: relative;
    margin-bottom:30px;
    width: 49%;
    display: block;
    border:1px solid #d1d7db;
}
.product-list-flex .product-item .content-padding{
    padding:30px;
    width: 100%;
    display: block;
}
.product-list-flex .product-item h3{
    text-transform: none;
    font-size:23px;
}
.product-list-flex .product-item .table{
    max-width:550px;
    margin-bottom:10px;
}
.product-list-flex .product-item .table-striped>tbody>tr:nth-of-type(odd){
    background-color:#264557;
    color:#fff;
    border-color:#fff !important;
}
.product-list-flex .product-item .table-striped>tbody>tr:nth-of-type(even){
    background-color: #0063a7;
    color: #fff;
    border-color:#fff !important;
}
.product-list-flex .product-item  p.small{
    font-style: italic;
    margin-bottom:30px;
}
.product-list-flex .product-item .product-img{
    width: 100%;
    display: block;
    margin-bottom:15px;
}
.product-item .bottom-product-flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.product-item .bottom-product-flex .product-dem{
    padding-left:30px;
    padding-bottom:30px;

}
.product-cart form {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom:0;
}
.product-cart .cart-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.product-cart .cart-box .add-to-cart-box{
    float:none;
    margin-top:0;
    height:60px;
    background-color: #0063a7;
    color:#fff;
    font-size:16px;
    text-transform: uppercase;
    padding:1px 15px;
}
.product-cart .new-details-button{
    float: none;
    margin-top: 0;
    height: 60px;
    color: #0063a7;
    padding:1px 15px;
    text-transform: uppercase;
    background-color: #d1d7db;
    border: none;
    font-size:16px;
    font-weight:bold;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.product-cart .cart-box span{
    margin-right:10px;
}
.product-cart .cart-box .quantity-box{
    margin-top:0;
    width:60px;
    height:60px;
    background:#fff;
    padding-left:10px;
    border:1px solid #d1d7db;
    margin-right:10px;
}

#noborderlist{text-align: center; width: 100%; }
.noborderlist{}
.noborderlist ul {
	width: 100%;
	text-align: left;
	display: inline;

}
.noborderlist li {
	list-style: none;
	float:left;
	font-size: 18px;
    display: inline-block;
	margin: auto;
	margin-bottom: 1em;
}
.noborderlist img {
	float:left;
	max-width: 100%;
    height: auto;
}
@media(max-width:1600px) and (min-width:1300px) {
    .product-item .bottom-product-flex{
        flex-direction: column;
    }
    .product-item .bottom-product-flex .product-dem{
        padding-bottom:5px;
        align-self:flex-start;
    }
}

@media(max-width:1300px){
    .product-list-flex .product-item{
        flex-basis: 100%;
        width: 100%;

    }
    .product-list-flex .product-item .table{
        max-width: none;
    }
}



@media(max-width:991px){
    .product-item .bottom-product-flex{
        flex-direction: column;
    }
    .product-item .bottom-product-flex .product-dem{
        padding-bottom:5px;
        align-self:flex-start;
    }
}

@media(max-width:450px){
    .product-list-flex .product-item .content-padding{
        padding:10px;
    }
    .product-cart .new-details-button,
    .product-cart .cart-box .add-to-cart-box{
        padding:1px 5px;
    }
}

.fieldKey{
	color:#000000;
	width: 30%;
}

.fieldValue input[type=text] {
	background-color: #ffffff;
    border-style: solid;
	border-width: 2px;
    border-color: black;
	font-size: 15px;
	color: #000000;
	height:40px;
	font-weight:bold;
	margin-top: 8px;
	float:left;

}

.createAccount input[type=text] {
	background-color: #ffffff;
    border-style: solid;
	border-width: 2px;
    border-color: black;
	font-size: 15px;
	color: #000000;
	height:40px;
	font-weight:bold;
	margin-top: 8px;
}
/* vietnamese */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: local('Cabin'), local('Cabin-Regular'), url(https://fonts.gstatic.com/s/cabin/v12/u-4x0qWljRw-Pd8___1amg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: local('Cabin'), local('Cabin-Regular'), url(https://fonts.gstatic.com/s/cabin/v12/u-4x0qWljRw-Pd8-__1amg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: local('Cabin'), local('Cabin-Regular'), url(https://fonts.gstatic.com/s/cabin/v12/u-4x0qWljRw-Pd8w__0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}