@charset "utf-8";
/* CSS Document */
/* Main CSS for fullscreen */

/* General site CSS */

a:link {
	color: #000;
    text-decoration: none;
}

a:visited {
	color: #000;
    text-decoration: none;
}

a:hover {
	color: #000;
    text-decoration: none;
}

a:active {
	color: #000;
    text-decoration: none;
}

html {
	width: 100%;
	height: 100%;
	margin: 0px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}

body {
	width: 100%;
	height: 100%;
	margin: 0px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}

input:focus {
    outline:none;
}

#generic_hidden_alert {
	position: fixed;
	z-index: +20;
	float: none;
	width: 100%;
	text-align: center;
	display: none;
}

table {
  	border-collapse: collapse;
}

table, td, th {
  	border: 1px solid black;
  	padding: 10px;
}

#edit {
	background-image: url("images/editbw.png");
	background-size:  28px 29px;
	background-position: center;
	background-repeat: no-repeat;
}
	
#edit:hover {
	background-image: url("images/edit.png");
	background-size:  29px 30px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.productlisting {
	width: 20%;
	height: auto;
	text-align: center;
	float: left;
}

.productlisting2 {
	width: 14%;
	height: auto;
	text-align: center;
	float: left;
	
}

.productlisting2:hover {
	cursor: pointer;
}

.productlisting:hover {
	cursor: pointer;
}

.textinput {
  	width: 200px;
  	padding: 12px 20px;
  	margin: 8px 0;
  	border-radius: 10px;
 	border: solid 0px #000;
	background: #ddd;
	text-align: center;
}

.little_btn {
	width: auto;
  	padding: 3px 8px;
  	margin: 11px 0 0 10px;
  	border-radius: 10px;
	background-color: #9a9a9a;
 	border: solid 0px #000;
	display: block;
	float: right;
	color: #fff !important;
}

.little_btn:hover {
	background-color: #cdcdcd;
	color: #000 !important;
	cursor: pointer;
}

.submit_btn {
	width: 240px;
  	padding: 12px 20px;
  	margin: 8px 0;
  	border-radius: 10px;
	background-color: #fcc102;
 	border: solid 0px #000;
}

.submit_btn_deactivated {
	width: 240px;
  	padding: 12px 20px;
  	margin: 8px 0;
  	border-radius: 10px;
	background-color: #ADADAD;
 	border: solid 0px #000;
}

.submit_btn:hover {
	background-color: #fee324;
	cursor: pointer;
}

.subuser_btn {
	width: 200px;
  	padding: 12px 20px;
  	margin: 8px auto;
  	border-radius: 10px;
	background-color: #fff;
 	border: 1px solid #ddd;
}

.subuser_btn:hover {
	background-color: #eee;
	cursor: pointer;
}

.brand_button{
	width: 100%;
	height: auto;
	text-align: center;	
}

.brand_button:hover{
	cursor: pointer;
}

.submenu_btn {
	display: block;
	width: 200px;
  	padding: 12px 20px;
  	margin: 20px auto;
  	border-radius: 10px;
	background-color: #fff;
 	border: 1px solid #ddd;
	font-size: 1em;
	float: none;
	clear: both;
}

.submenu_btn:hover {
	background-color: #eee;
	cursor: pointer;
}

.floatbreaker {
	width: 100%;
	height: 1px;
	float: none;
	clear: both;
	display: block;
}

/* Top Nav Bar CSS */

.top_nav_doc {
	width: 700px;
	margin: 0px auto;
}

.searchinput {
	float: left;
	border-radius: 10px 0px 0px 10px;
	border: 0px solid;
	height: 20px;
	padding: 10px;
	display: block;
	width: 296px;
	outline: none;
	background-color: #ddd;
}

.searchbutton {
	float: left; 
	border-radius: 0px 10px 10px 0px; 
	border: 0px solid; 
	height: 20px; 
	padding: 10px; 
	display: block; 
	background-color: #eeba00; 
}

.searchbutton:hover {
	background-color: #ffcb00; 
}

.seasonal_offer {
	width: auto;
	float: left;
}

.seasonal_offer>img {
	margin: 10px 0 0 10px;
}

.search_container {
	float: left;
	width: 362px;	
	margin: 12px 0px 10px 10px;
}



/* Secondary Nav Bar */

.secondary_container {
	width: 100%;
	height: 30px;
	/* background-color: #3752a2; */
	background-color: #fff;
	
}

.secondarynav {
	display: block;
	padding: 0 10px;
	float: left;
}

.secondarynav:hover {
	background-color: #bbb;
}

.logo_div {
	float: left;
}

.secondary_inner {
	width: 875px;
	margin: 0 auto;	
	display: block;
	height: auto;
	overflow: visible;
}

.burgertime {
	display: none;
}

.large_button {
	display: block;
	width: 31%;
	margin: 10px 1%;
	float: left;
	height: auto;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 20px;
	text-align: center;
	line-height: 100px;	
}

.large_button:hover {
	background-color: #eee;
}

#login_popup_bgrnd {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: +10;
	background-color: #000;
	opacity: .5;
	display: none;
}

#login_popup {
	position: absolute;
	z-index: +20;
	float: none;
	width: 100%;
	text-align: center;
	display: none;
}

#newuser_popup {
	position: absolute;
	z-index: +20;
	float: none;
	width: 100%;
	text-align: center;
	display: none;
}

#generic_popup {
	top: 50px;
	position: absolute;
	z-index: +30;
	float: none;
	width: 100%;
	text-align: center;
	display: inline;
}

#generic_hidden_popup {
	position: fixed;
	z-index: +20;
	float: none;
	width: 100%;
	text-align: center;
	display: none;
}

#generic_hidden_popup_thread {
	position: fixed;
	z-index: +20;
	float: none;
	width: 100%;
	text-align: center;
	display: none;
}

#generic_hidden_popup_stab {
	position: fixed;
	z-index: +20;
	float: none;
	width: 100%;
	text-align: center;
	display: none;
}

#confirmation_popup {
	position: absolute;
	z-index: +20;
	float: none;
	width: 100%;
	text-align: center;
	display: inline;
}

#pwreset_popup {
	position: absolute;
	z-index: +20;
	float: none;
	width: 100%;
	text-align: center;
	display: none;	
}

#pword_reset_popup {
	position: absolute;
	z-index: +20;
	float: none;
	width: 100%;
	text-align: center;
	display: none;	
}

#logout_popup {
	position: absolute;
	z-index: +20;
	float: none;
	width: 100%;
	text-align: center;
	display: none;	
}



/* CSS For 1115px Resolution */

@media screen and (max-width: 1115px) {

.top_nav_doc {
	width: 692px;
	margin: 0px auto;
}
	
.seasonal_offer {
	width: 100%;
	height: auto;
	float: none;
	text-align: center;
}

.seasonal_offer>img {
	margin: 0px;
}
	
.search_container {
	float: left;
	width: 362px;	
	margin: 12px 0 0 10px;
}
	
.logo_div {
	float: left;
}
	
	
}

/* CSS For 700px Resolution */

@media screen and (max-width: 830px) {
	
.top_nav_doc {
	width: auto;
	margin: 0px auto;
}
	
.seasonal_offer {
	width: 100%;
	height: auto;
	float: none;
	text-align: center;
}

.seasonal_offer>img {
	margin: 0px;
}
	
	
.logo_div {
	float: none;
	margin: 0px auto;
	text-align: center;
}
	
.logo_div>img {
	float: none;
}
	
.search_container {
	float: none;
	width: 362px;	
	height: 40px;
	margin: 12px auto;
}
	
.secondary_container {
	width: 100%;
	height: auto;
	background-color: #fff;		
}
	
.secondarynav {
	display: block;
	padding: 0px;
	height: 30px;
	clear: both;
	float: none;
	width: 100%;
	border-top: 1px solid #000;
}

.secondarynav:hover {
	background-color: #bbb;
}
	
	
.secondary_inner {
	width: 100%;
	margin: 0 auto;	
	height: 0px;
	display: block;	
	overflow: hidden;
	
}
	
.burgertime {
	display: block;
	padding: 0px;
	height: 30px;
	clear: both;
	float: none;
	width: 100%;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.burgertime:hover {
	background-color: #bbb;
}
	

	
	
}