
body { 
     background-image: url('/themes/Jays_ROG_Theme/images/MyBg1.jpg');
     background-repeat: no-repeat;
     background-attachment: fixed;
	 background-position: center;
	 background-size: 2000px 1080px;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 10px;
     color: #FFFFFF;
	 line-height: 15px;
	 max-width:1920px;
	 margin: 0 auto;
	 float: none;
}  

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;
	line-height: 15px;

	letter-spacing: 0em;



}


.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;
	line-height: 15px;

	letter-spacing: 0em;



}

.box {
	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #FFFFFF;
	line-height: 18px;

	letter-spacing: 0em;



}


.tableborder	{ border: 2px #b43636 solid; }

.headers {	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;	font-weight: bold;}

.rezultbox {	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;	font-weight: bold;}

.email {
	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #464AF0;
	line-height: 20px;

	letter-spacing: 0em;



}

.blackbutton {
  background-color: #555555;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.blackstyle {
  color: #000000;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	line-height: 22px;
	letter-spacing: 0em;	
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 18px;
	letter-spacing: 0em;	
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 14px;
	letter-spacing: 0em;	
}


a:link {
	color: #FFFFFF;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 0em;
}


a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 0em;
}


a:hover {
	color: #c9cacd;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 0em;
}


a.header:link {
	color: #c9cacd;
	text-decoration: underline;
	font-size: 12px;
}


a.header:visited {
	color: #c9cacd;
	text-decoration: underline;
	font-size: 12px;
}


a.header:hover {
	color: #D5D5DC;
	text-decoration: underline;
	font-size: 12px;
}

td.upcboxlink {
	color: #000000;
	font-size: 12px;		
}

a.upcboxlink:link {
	color: #000000;
	text-decoration: underline;
	font-size: 12px;	
}

a.upcboxlink:visited {
	color: #000000;
	text-decoration: underline;
	font-size: 12px;	
}

a.upcboxlink:hover {
	color: #999999;
	text-decoration: underline;
	font-size: 12px;	
}

input,textarea, select {
	color : #FFFFFF;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color : #FFFFFF;
	background-color : #707176;
}


input.post, textarea.post, select, input {
	background-color : #434343;
	border: 1px #b43636 solid;
	COLOR: #FFFFFF;
	FONT-SIZE: 14px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

input { text-indent : 2px; }

input[type=submit]:hover {
	cursor: pointer;
	background-color : #706f6f;
	border: 1px #ec5353 solid;
}

input[type=button]:hover {
	cursor: pointer;
	background-color : #706f6f;
	border: 1px #ec5353 solid;
}

input#search    {
background:url(/themes/Jays_ROG_Theme/images/SearchButton.png);
background-repeat: no-repeat;
width:170px;
height:140px;
border: 0;
cursor: pointer;
}

input#search2    {
	background-color : #434343;
	border: 1px #b43636 solid;
	width: 150px;
    height: 20px;
	COLOR: #FFFFFF;
	FONT-SIZE: 14px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
    cursor: pointer;
}

input#search3    {
	background-color : #434343;
	border: 1px #b43636 solid;
	width: 450px;
    height: 85px;
	COLOR: #FFFFFF;
	FONT-SIZE: 83px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
} 

input#userlogin {
	background-color : #434343;
	border: 1px #b43636 solid;
	width: 150px;
    height: 15px;
	COLOR: #FFFFFF;
	FONT-SIZE: 14px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

input#thetimeclock {
	background-color : transparent;
	border: 0px;
	width: 170px;
    height: 15px;
	COLOR: #FFFFFF;
	FONT-SIZE: 14px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;	
}

.storytitle {
  COLOR: #FFFFFF;
  FONT-SIZE: 16px;
  FONT-WEIGHT: bold;
  FONT-FAMILY: Franklin Gothic Medium;
  line-height: 15px;
}

.AdminButtonStyle {
	background-color : #434343;
	border: 1px #b43636 solid;
	COLOR: #FFFFFF;
	FONT-SIZE: 14px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.AdminButtonStyle:hover {
	cursor: pointer;
	background-color : #706f6f;
	border: 1px #ec5353 solid;
} 



A.sitemap:link {
	COLOR: #FFFFFF;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	line-height: 13px;
	TEXT-DECORATION: underline;
}


A.sitemap:active {
	COLOR: #FFFFFF;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	line-height: 13px;
	TEXT-DECORATION: underline;
}


A.sitemap:visited {
	COLOR: #FFFFFF;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	line-height: 13px;
	TEXT-DECORATION: underline;
}


A.sitemap:hover {
	COLOR: #999999;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	line-height: 13px;
	TEXT-DECORATION: underline;
}

.Mainsearchbox {
    background-image: url('/themes/Jays_ROG_Theme/images/SearchBoxMain.png');
    background-repeat: no-repeat;
	width: 660px;
	height: 160px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	line-height: 13px;
	opacity: 0.8;
    filter: alpha(opacity=80);
}

.linkboxhead {
	background: url(/themes/Jays_ROG_Theme/images/main_table_head.png);
	background-repeat: no-repeat;
	opacity: 0.8;
    filter: alpha(opacity=80);
}

.linkbox {
	position: relative;
	background: url(/themes/Jays_ROG_Theme/images/main_table_bg.png);
	background-repeat: repeat-y;
	padding: 0px 0px 0px 0px;
	COLOR: #FFFFFF;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	line-height: 13px;
	opacity: 0.8;
    filter: alpha(opacity=80);

}

.linkboxfoot {
	position: relative;
	z-index:-5;
	background: url(/themes/Jays_ROG_Theme/images/main_table_foot.png);
	background-repeat: no-repeat;
	opacity: 0.8;
    filter: alpha(opacity=80);
}

.box1 {
	background-color : #f0594d;
	COLOR: #FFFFFF;
	FONT-SIZE: 14px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	line-height: 15px;
	font-weight: bold;
	TEXT-DECORATION: none;
}

.box2 {
	border: solid #f0594d 1px;
	COLOR: #FFFFFF;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	line-height: 13px;
}

.print_view_td {
  COLOR: #000000;
  FONT-SIZE: 9px;
  FONT-FAMILY: Arial;
  line-height: 10px;
}

.adminmenubox {
	background-color : #4a161b;
    border:2px solid; 
    border-color: #CFCFCF #434343 #434343 #CFCFCF;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

img.magnifier2 {
    cursor:url(/modules/Liquor/images/magnifycursor.gif), url(/modules/Liquor/images/magnifycursor.cur), auto;
}

#modal {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    height: 100%;
    width: 100%;
}

.w3-modal {
	z-index:3;
	display:none;
	padding-top:10px;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.4);
}


.w3-modal-content {
	margin:auto;
	background-color:#fff;
	position:relative;
	padding:0;
	outline:0;
	width:600px;
}

.w3-modal-liquor-content {
	margin:auto;
	background-color: #c4c4c4;
	position:relative;
	padding:0;
	outline:0;
	width:200px;
}

.w3-card-4,.w3-hover-shadow:hover {
	box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
}

.w3-animate-zoom { animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

.modalconent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #d71719;
    width: 80%;
    padding: 20px;
}

.modalconent2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #C4C4C4;
    width: 600px;
    padding: 20px;
}

.huge_letters{
  COLOR: #FFFFFF;
  FONT-SIZE: 48px;
  FONT-WEIGHT: bold;
  FONT-FAMILY: Franklin Gothic Medium;
  line-height: 50px;
  TEXT-DECORATION: none;	
}

.pwithsametextheight {
  COLOR: #FFFFFF;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
  FONT-FAMILY: Franklin Gothic Medium;
  line-height: 13px;
  TEXT-DECORATION: none;
  text-align: right;
  float:right;
  padding: 0px;
  margin: 0px;  
}

.small_letters{
  COLOR: #FFFFFF;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
  FONT-FAMILY: Franklin Gothic Medium;
  line-height: 14px;
  TEXT-DECORATION: none;	
}

a.linkwithnohref:link, a.linkwithnohref:visited, a.linkwithnohref:active {
    cursor: hand;
    font-family: Franklin Gothic Medium;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 15px;
	letter-spacing: 0em;
    TEXT-DECORATION: underline;
}

a.linkwithnohref:hover {
    cursor: hand; 
    font-family: Franklin Gothic Medium;
	font-size: 12px;
	color: #999999;
	line-height: 15px;
	letter-spacing: 0em;
    TEXT-DECORATION: underline;
}

a.linkwithnohref2 {
    cursor: pointer;
    font-family: Franklin Gothic Medium;
	font-size: 12px;
	color: #000000;
	line-height: 15px;
	letter-spacing: 0em;
    TEXT-DECORATION: underline;
}

a.linkwithnohref2:hover {
    cursor: hand; 
    font-family: Franklin Gothic Medium;
	font-size: 12px;
	color: #999999;
	line-height: 15px;
	letter-spacing: 0em;
    TEXT-DECORATION: underline;
}

a.linkwithnohref3 {
    cursor: pointer;
    font-family: Franklin Gothic Medium;
	font-size: 48px;
	color: #000000;
	line-height: 50px;
}

a.linkwithnohref3:hover {
    cursor: pointer;
    font-family: Franklin Gothic Medium;
	font-size: 48px;
	color: #999999;
	line-height: 50px;
	TEXT-DECORATION: none;
}

a.linkwithnohref4 {
    cursor: pointer;
    font-family: Franklin Gothic Medium;
	font-size: 12px;
	color: #ebe8e8;
	line-height: 15px;
	letter-spacing: 0em;
    TEXT-DECORATION: underline;
}

a.linkwithnohref4:hover {
    cursor: hand; 
    font-family: Franklin Gothic Medium;
	font-size: 12px;
	color: #cccaca;
	line-height: 15px;
	letter-spacing: 0em;
    TEXT-DECORATION: underline;
}

.redhighlight {
  COLOR: red;
  FONT-SIZE: 14px;
  FONT-WEIGHT: bold;
  FONT-FAMILY: Franklin Gothic Medium;
  line-height: 18px;
  background-color: black;
}

.redhighlightlarge {
  COLOR: red;
  FONT-SIZE: 16px;
  FONT-WEIGHT: bold;
  FONT-FAMILY: Franklin Gothic Medium;
  line-height: 18px;
}

.redhighlightgiant {
  COLOR: red;
  FONT-SIZE: 40px;
  FONT-WEIGHT: bold;
  FONT-FAMILY: Franklin Gothic Medium;
  line-height: 42px;
}

.redlargelink {
  COLOR: red;
  FONT-SIZE: 30px;
  FONT-WEIGHT: bold;
  FONT-FAMILY: Franklin Gothic Medium;
  line-height: 32px;
  TEXT-DECORATION: underline;
}

A.redlargelink:link, A.redlargelink:visited, A.redlargelink:active {
  COLOR: red;
  FONT-SIZE: 30px;
  FONT-WEIGHT: bold;
  FONT-FAMILY: Franklin Gothic Medium;
  line-height: 32px;
  TEXT-DECORATION: underline;
}

A.redlargelink:hover {
  COLOR: yellow;
  FONT-SIZE: 30px;
  FONT-WEIGHT: bold;
  FONT-FAMILY: Franklin Gothic Medium;
  line-height: 32px;
  TEXT-DECORATION: underline;
}

.redhighlighthuge {
  COLOR: blue;
  FONT-SIZE: 30px;
  FONT-WEIGHT: bold;
  FONT-FAMILY: Franklin Gothic Medium;
  line-height: 32px;
}


A.redhighlighthuge:link, A.redhighlighthuge:visited, A.redhighlighthuge:active {
  COLOR: blue;
  FONT-SIZE: 30px;
  FONT-WEIGHT: bold;
  FONT-FAMILY: Franklin Gothic Medium;
  line-height: 32px;
  TEXT-DECORATION: underline;
}

A.redhighlighthuge:hover {
  COLOR: black;
  FONT-SIZE: 30px;
  FONT-WEIGHT: bold;
  FONT-FAMILY: Franklin Gothic Medium;
  line-height: 32px;
  TEXT-DECORATION: underline;
}

.yellowhighlight {
  COLOR: #dbdb2a;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
  FONT-FAMILY: Franklin Gothic Medium;
  line-height: 12px;
}

.MyOrderStatusTopBox {
	border-top: 1px solid red;
	border-right: 1px solid red;
	border-left: 1px solid red;
	padding-left: 2px;
}

.MyOrderStatusBottomBox {
	border-bottom: 1px solid red;
	border-right: 1px solid red;
	border-left: 1px solid red;
	padding-left: 2px;
}

.b_border {
        background-color: rgba(84, 84, 84, 0.7);
}

.b_border_7 {
        border:1px solid; 
        border-color:#999999 #474747 #3a3a39 #999999;
}

.titlelink {
  COLOR: #FFFFFF;
  FONT-SIZE: 16px;
  FONT-FAMILY: Franklin Gothic Medium;
  font-weight: bold;
  line-height: 20px;
  TEXT-DECORATION: none;
}

A.titlelink:link, A.titlelink:visited, A.titlelink:active {
  COLOR: #FFFFFF;
  FONT-SIZE: 16px;
  FONT-FAMILY: Franklin Gothic Medium;
  font-weight: bold;
  line-height: 20px;
  TEXT-DECORATION: none;
}

A.titlelink:hover {
  COLOR: #dbe719;
  FONT-SIZE: 16px;
  FONT-FAMILY: Franklin Gothic Medium;
  font-weight: bold;
  line-height: 20px;
  TEXT-DECORATION: none;
}

.largetitle {
  COLOR: #FFFFFF;
  FONT-SIZE: 22px;
  FONT-WEIGHT: bold;
  FONT-FAMILY: Franklin Gothic Medium;
  line-height: 22px;
}

.boxtitle {
  COLOR: #FFFFFF;
  FONT-SIZE: 24px;
  FONT-FAMILY: Franklin Gothic Medium;
  line-height: 25px;
}

input.form_header {
	color : #FFFFFF;
	font: normal 14px Franklin Gothic Medium, Arial, Helvetica, sans-serif;
    height: 16px;
    border:1px solid; 
    border-color:#777778 #FFFFFF #FFFFFF #777778;
	background-color: #272828;
    cursor: text;
}

input.form_header2 {
	color : #FFFFFF;
	font: normal 14px Franklin Gothic Medium, Arial, Helvetica, sans-serif;
    height: 16px;
    border:1px solid; 
    border-color:#777778 #FFFFFF #FFFFFF #777778;
	background-color: #272828;
    cursor: text;
}

input.form_header_clicked {
	color : #FFFFFF;
	font: normal 14px Franklin Gothic Medium, Arial, Helvetica, sans-serif;
    height: 17px;
    border:1px solid; 
    border-color:#777778 #FFFFFF #FFFFFF #777778;
	background-color: #272828;
    cursor: text;
}

#result {
  position: absolute;
  border: none;
  background-color: #272828;
  padding: 0px;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

a.resultbox {
  color:#FFFFFF;
  font-size:18px;
  font-style:normal;
  font-weight:none;
  text-decoration:none;
  FONT-FAMILY: Franklin Gothic Medium, Georgia;
  line-height: 20px;
  }
  
a.resultbox:hover {
  color:#db9290;
  font-size:18px;
  font-style:normal;
  font-weight:none;
  text-decoration:none;
  FONT-FAMILY: Franklin Gothic Medium, Georgia;
  line-height: 20px;
  }
  
a.resultbox:visited {
  color:#FFFFFF;
  font-size:18px;
  font-style:normal;
  font-weight:none;
  text-decoration:none;
  FONT-FAMILY: Franklin Gothic Medium, Georgia;
  line-height: 20px;
  }
  
.name { font-size : 11px; color : #FFFFFF }
a.name:link { text-decoration: none; color : #4682b4 }
a.name:hover { text-decoration: none; color : #db9290 }

.liquor_content_description {
  color:#FFFFFF;
  font-size:18px;
  font-style:normal;
  font-weight:none;
  text-decoration:none;
  FONT-FAMILY: Franklin Gothic Medium, Georgia;
  padding-top: 5px;
  line-height: 20px;
}

.liquor_title_description {
  color:#FFFFFF;
  font-size:30px;
  font-style:normal;
  font-weight:bold;
  text-decoration:underline;
  FONT-FAMILY: Franklin Gothic Medium, Georgia;
  line-height: 30px;
  background-repeat: no-repeat;
}