/* Tags */
body {margin:0;background-color:#FFF;font-family:'Open Sans',Arial,sans-serif;font-size:14px;}
div {display:block;margin:0 auto;max-width:975px;}
table {margin:0;padding:0;}
td {font-size:14px;color:#000;} 
ul, ol {margin:0;padding:0 0 0 20px;}
li {font-size:14px;margin:0 10px;color:#000;list-style-type:square} 
img {margin:0;padding:0;max-width:100%;}
p {font-size:14px;margin:0 10px;color:#000;}
h1 {margin:0 10px;font-size:20pt;text-align:center;font-weight:bold;}
h2 {margin:0 10px;font-size:18pt;text-align:center;font-weight:bold;}
h3 {margin:0 10px;font-size:16pt;}
h4 {margin:0 10px;font-size:14pt;}
h5 {margin:0 10px;font-size:12pt;}
h6 {margin:0 10px;font-size:10pt;font-weight:lighter;}
h1,h2,h3,h4,h5,h6{color: #01457D;}
input, select {font-size:16px;color:black;height:23px;vertical-align:middle;border:1px solid #036;}
textarea {font-size:16px;}
/*.box_content {background:#EFEFEF url('/images/bg_box_content.jpg');background-repeat:repeat-x;padding:10px 1px;text-align:left;}*/
.box_content {padding:10px 1px;text-align:left;}
.box_content hr {display:none;}
a {color:#046cc1;text-decoration:none;} /* #44befb */
a:visited {color:#8C4DC5;} /* #551a8b */
a:hover {color:#01457D;} 
a:active {color:#01457D;}

h1.pageTitle {text-align:left;margin:10px;}
.red {color:red;}

table.padded tr td {padding:1px 10px;}
table.padded tr.tblhd td {font-weight:bold;}

.odd {background-color:#FFF;}
.even {background-color:#ebebeb;}
.odd_sub {background-color:#DDF1ED;}
.even_sub {background-color:#EEE;}

.menu a:hover {text-decoration:none;}
.menu {max-width:none;padding-bottom:5px;
	background:#ebebeb;
	background: -webkit-linear-gradient(#FFF, #ebebeb); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#FFF, #ebebeb); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#FFF, #ebebeb); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#FFF, #ebebeb); /* Standard syntax */
  	-moz-box-shadow:    0px 8px 6px -6px rgba(0,0,0,0.2);
  	-webkit-box-shadow: 0px 8px 6px -6px rgba(0,0,0,0.2);
  	box-shadow:         0px 8px 6px -6px rgba(0,0,0,0.2);
}

#cntnt {width:96%;padding:8px 0;margin:0 auto;clear:both;}
/*.button {display:block;background-image:url('/images/bg_div_button.jpg');border:#B3CBF7 solid 1px;vertical-align:baseline;height:26px;cursor:pointer;margin:0;text-align:left;}*/
div.button_sub a {display:block;background:white;border:#DDD solid 1px;vertical-align:middle;height:24px;cursor:pointer;margin:0;text-align:left;padding:2px 0 0 30px;color:black;font-size:14px;font-weight:bold;}
.button p {margin:0 10px;color:white;font-size:14px;font-weight:bold;}
a.button {padding:2px 10px 0;color:white;font-size:14px;font-weight:bold;}

.white_link a:link {color:white;text-decoration:none;} 
.white_link a:visited {color:white;text-decoration:none;} 
.white_link a:hover {color:white;text-decoration:none;} 
.white_link a:active {color:white;}

.login {margin:5px;font-family:Trebuchet MS, Arial, Verdana, sans-serif;}
.nomargin {margin-left:0;margin-right:0;}
.noborder, input[type=checkbox], input[type=radio] {border:none;}
#caldiv {position:absolute;visibility:hidden;background-color:#fff;z-index:10;}
#caldiv td.cpCurrentDate {border:1px solid black;}

div.filter {float:left;border:2px solid #C60;background:white;width:180px;margin-bottom:10px;}

/* Brands */
.brand_list {margin:0;font-size:20px;text-align:center;text-transform:uppercase;background-color:#046cc1;border:1px solid #FFF;}
.brand_list a {display:block;color:#FFF;padding:10px;}

/* Checkout */
#validator_container{padding:15px;width:90%;background:#FEF5F1;border: 1px solid red;margin:10px 0;display:none;}
#validator_container img {display:inline-block;vertical-align:middle;}
#div_validator {font-weight:bold;font-size:16px;vertical-align:middle;display:inline-block;}
.ui-effects-wrapper {height:auto !important;} /*stops jquery ui shake animation from pushing down submit button */
.card_type_img{vertical-align:middle;display:inline;margin-left:3px;}
.card_type_selected{
	-webkit-box-shadow:0 0 8px #046cc1; 
	-moz-box-shadow: 0 0 8px #046cc1; 
	box-shadow:0 0 8px #046cc1;
}
.card_type_unselected{
	-webkit-filter: grayscale(1); 
	-webkit-filter: grayscale(100%);
	filter: gray; 
	filter: grayscale(100%);
}
.accepted_cards{font-size:11px;font-weight:bold;display:inline-block;vertical-align:bottom;}

/* Catalog */
.catalog_title,.catalog_specials_title{display: block;background:#046cc1;line-height:2;margin-bottom:5px;}
.catalog_title > h3,.catalog_specials_title > h3{color:#FFF;}
.catalog_container{float:left;}

/* Footer */
#footer_nav .button {border-top: 1px solid #FFF;border-bottom: 1px solid #FFF;}

/* AUTOSUGGEST */
ul.searchList {margin:0;padding:0;list-style-type:none;position:absolute;width:206px;}
ul.searchList li {display:block;margin:0;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#D6D6D6;width:98%;font-size:11px;list-style-type:square;}
ul.searchList li a {display:block;color:#C60;text-decoration:none;background-color:#F9F9F9;padding:3px 5px;}
ul.searchList li a:hover {color:#FFF;background-color:#C60;}
div.listWrap {visibility:hidden;position:absolute;width:250px;z-index:3;}

/* flexible screen width code */
#div_top {width:100%;max-width:none;}
#div_top_logo {width:224px;clear:both;margin:0 auto;float:none;}
#top_logo {width:224px;height:auto;background-repeat:no-repeat;}
#div_top_nav {width:96%;clear:both;margin:0 auto;text-align:center;}
#div_top_nav .input {display:none;}
#div_top_nav .button, #div_top_nav .button2 {width:31%;margin:0;height:30px;padding-top:4px;}
#div_top_cat {display:none;}
#ets_top{display:block;margin:10px auto 0;width:90%;clear:both;text-align:center;border:1px solid #FFF;}
#div_top_nav_lower {width:100%;max-width:400px;clear:both;margin:10px auto;padding-top:8px;font-weight:bold;text-align:center;} 
.div_bottom_search_text {width:60%;}
#footer_copy {padding:0 10px;font-size:x-small;font-family:Arial, Helvetica, sans-serif;}
.nav_links a{color:#046cc1;}

#PopUpContainer {position:absolute;display:none;width:300px;background-color:white;z-index:9;border-radius:6px;}
#PopUpInner {background-color:white;border:5px #6BA9FF solid;margin:5px;padding:0 5px;border-radius:6px;}

#id_search_parameters {float:left;}
#id_purchase_ship_code {max-width:280px;}

@media screen and (min-width: 650px)  {

#div_top {width:650px;margin:0 auto;}
#div_top_nav {clear:none;float:left;width:auto;}
#div_top_nav .input {display:inline;width:30%;}
#div_top_nav input {width:100%;height:26px;}
#div_top_nav .button {width:auto;height:22px;}
#div_top_nav .button2 {width:auto;height:22px;}
#div_top_cat div {float:left;margin:10px 5px;vertical-align:middle;font-size:11px;cursor:pointer;}
#div_top_cat div img {border:0;height:80px;width:80px;}
#div_top_logo {width:249px;margin:0;float:left;}
#top_logo {float:left;width:249px;height:auto;} /* 140 */
#div_top_cat {display:block;}
.div_bottom_search_text {width:90%;}
#ets_top{display:none;}

#id_purchase_ship_code {max-width:600px;}

}

@media screen and (max-width: 650px) and (min-width: 550px) {

#div_top {width:100%;}
#div_top_logo {width:224px;margin:0;}
#top_logo {float:left;width:224px;height:auto;} /* 40 */
#div_top_nav {clear:none;}
#div_top_nav .input {display:inline;width:15%;}
#div_top_nav input {width:100%;height:38px;font-size:16px;}
#div_top_nav .button {width:18%;height:30px;padding-top:10px;}
#div_top_nav .button2 {width:12%;height:30px;padding-top:10px;}
#div_top_cat {display:none;}
.div_bottom_search_text {width:80%;}

#id_purchase_ship_code {max-width:500px;} 

}

.form_resp th {font-weight:normal;text-align:right;vertical-align:top;}
.form_resp input.long {width:90%;max-width:400px;}
.form_resp input.short {width:90%;max-width:120px;}

@media screen and (max-width: 450px)  {
	#div_top_nav{margin-top:5px;}
	.form_resp > tbody > tr > th {width:100%;display:block;font-weight:normal;text-align:left;font-size:16px;}
	.form_resp > tbody > tr > td {width:100%;display:block;}
	.form_resp input[type=text], table.form_resp select {font-size:20px;width:90%;max-width:inherit;color:black;height:27px;vertical-align:middle;border:1px solid #036;}
	.form_resp textarea.small {font-size:20px;height:55px;width:90%;overflow:auto;font-family:sans-serif;}
	.form_resp textarea.big {font-size:20px;height:110px;width:90%;overflow:auto;font-family:sans-serif;}
	
	.hide_450 {display:none;}
}

/* forms */
/*.form_submit, input[type=button], input[type=submit] {background-image:url('/images/bg_div_button.jpg');border:#B3CBF7 solid 1px;vertical-align:middle;height:24px;color:white;font-size:14px;}*/
.form_submit, .button, input[type=button], input[type=submit] {background:#44befb;height:auto;color:white;cursor:pointer;text-transform:uppercase;border:none;font-family:'Open Sans',Arial,sans-serif;font-weight:bold;padding:5px 8px;padding:0.3rem 0.5rem;color:#FFF;vertical-align:middle;height:24px;text-align:left;font-size:13px;display:inline;}
.form_submit:hover, .button:hover, input[type=button]:hover, input[type=submit]:hover{background:#046cc1;}
.button{display:block;}
.form_bigger {height:40px;font-size:24px;padding:0 20px;border-radius:8px;}
.rnum {text-align:right;}
.lnum {text-align:left;}
.date_selection {width:120px;}

.top_button{border:1px solid #FFF;padding:1px;text-align:center;display:inline-block;}

.pagebreak {page-break-before:always}
/*.mainbox {font-size:8pt;text-align:left;color:#003366;font-weight:bold;margin:1px 5px;}*/
.mainbox {font-size:16px;text-align:left;color:#046cc1;font-weight:bold;margin:1px 5px;}
.listing {font-size:9px;}
.barcode {font-size:13px;text-align:center;font-family:IDAutomationHC39M, Arial, Verdana, sans-serif;}
.D11 {position:absolute;visibility:hidden;z-index:200;}
input.price {border:medium none;color:#036;font-size:11px;color:#036;font-weight:bold;text-align:right;}
.form_error {color:red;font-weight:bold;}
.border_error {border:2px red solid;}


/************************
*   REACT COMPONENTS    *
*************************/

/*============*/
/* PUNCHCLOCK */
/*============*/

.punch-clock-message {
	border: 5px #046cc1 solid;
	border-radius: 6px;
	padding: 40px 20px;
}

.punch-clock-message p {
	font-size: 14px;
	padding-bottom: 10px;
	margin: 0;
}

.punch-clock-message button {
	margin: 5px 0px;
	padding-bottom: 23px;
}

#punchclock button {
	padding-bottom: 23px;
	margin: auto;
	width: 100%;
	display: block;
}

.punch-clock-points {
	padding-top: 10px;
}

.punch-clock-time {
	font-weight: bold;
}

.close-popup {
	font-size: 12px;
	color: #046cc1;
	float: right;
	cursor: pointer;
	padding: 10px 15px 10px 10px;
	margin: 0 5px 0 0;
	position: absolute;
	right: 0;
}

@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 96px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

#frp_login div {
	max-width: initial
}

#frp_login div, #frp_login p {
	display: inline;
	margin: 0;
}

#div_login p, #mainLogout p {
	cursor: pointer;
	color: #046cc1;
}