﻿/* **************************************************** */
/* These are the base styles delivered with the design. */
/* **************************************************** */
body {
	background-color: #342A1C;
	background-image: url();
	margin-left: 00px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: repeat;
}

.style1 {font-family: Georgia, "Times New Roman", Times, serif}
.style3 {font-family: Georgia, "Times New Roman", Times, serif;text-align:left;}

body,td,th {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12pt;
	color: #FFFFFF;
}

a:link {
	color: #FF0000;
	text-decoration: none;
}
a:visited {
	color: #CC0000;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
a:active {
	color: #FF0000;
	text-decoration: none;
}
.style2 {
	font-size: 16pt;
	font-weight: bold;
}
/* End base styles.                                     */

/* **************************************************** */
/* These styles are for the horizontal menu and the     */
/* images and links within.                             */   
/* **************************************************** */
.img_button 
{
   margin: 0;
   padding: 0;
   display:inline;
}

.img_grey 
{
	opacity: 0.25;
    filter: alpha(opacity=25);
}

.img_nongrey 
{
	opacity: 1.0;
    filter: alpha(opacity=100);
}
.div_visible 
{
	visibility: visible;
}
.div_invisible 
{
	visibility: hidden;
	display: none;
}
.active_button 
{
   margin: 0;
   padding: ne;
}

ul.hmenu
{
   list-style: none;
   display: inline;
   margin: 0;
   padding: 0;
}

ul.hmenu li
{
   display: inline;
   float: left;
}

.img_header
{
}

/* **************************************************** */
/* Some utility styles.                                 */
/* **************************************************** */
input.hiddenbutton
{
  display:none;
}

div .invisible,
img.invisible
{
	display:none;
	visibility:hidden;
}

div .visible
{
	visibility:visible;
}

tr.blacktr
{
   background-color:Black;
}

span.helpnote
{
	text-align: left; 
}

marquee.temp
{
   margin-left:20px;
   margin-right:20px;
}

/* **************************************************** */
/* place a background image on the home page            */
/* **************************************************** */

td#storeNav
{
   background-image: url('nav_down_13_blank.gif');
   text-align:center;
   width:525;
   height:60;
   border:0;
   margin:0;
   padding:0;
}
td#storeNav span#spanOrderCards
{
   font-weight:bold;
   font-size:16px;
   color: White;
   text-align:center;
   vertical-align:middle;
}
td#storeNav span#spanClickHere
{
   font-weight:normal;
   font-size:14px;
   color: White;
   text-align:center;
   vertical-align:middle;
}
td#storeNav a
{
   display:block;
   position:relative;
   left: 10px;
   top:3px;
   text-decoration:none;   
}
td.billtoaddress 
{
	border: solid;
	border-color: White;
	color: White;
	width:250px;
}
td.shiptoaddress 
{
	border:solid;
	border-color: White;
	color: White;
	width:250px
}
div#divPrintReceipt {
	position:relative;
    float:right;
}

.hide {
   display:none;
}

.new_even {
    background-color:rgba(79, 224, 62, 0.82)!important;
}
.new_odd {
    background-color:rgba(115, 152, 8, 0.82)!important;
}
.controlTextbox {
    width: 30px; 
    height: 20px; 
    padding: 1px;

}
body.ohsnap p.leftp {
   text-align:left;
}

body.newmember div#divmessage {color:Red; text-align:left; padding-top:15px;}
body.newmember span.reqstar { color: red; text-align:right; font-size:12px}
body.newmember td.aright { text-align: right; }

body.newmember td.shipto {
  width:200px;
  text-align:left;
  padding:0;
  margin-top:1px;
  margin-bottom:1px;
  font-size:small;
}

body.newmember input.inputfieldwide {text-align:left; width:448px;}

body.updateuserinfo div#divmessage {color:Red; text-align:left; padding-top:15px;}
body.storerevieworder div#divmessage {color:Red; text-align:left; padding-top:15px;}
body.storerevieworder span.reqstar { color: red; text-align:right; font-size:12px}
body.storerevieworder .reditalic { color: red; font-style:italic;}
body.checkout div#divmessage {color:Red; text-align:left; padding-top:15px;}
body.checkout div#divwaitmessage {color:Red; text-align:left; padding-top:15px;}

.blackbackground {
    background-color:Black;
}

 .whitebackground{background-color:white;}

 .errormessage {
     width: 200px;
     color: #FF0000;
     text-align:left;
     background-color:#000000!important;
     border-style:none;
     font-size:14px;
     font-weight:bold;
 }

page_control_table {
    border: thin;
    border-color:#07225b;
    border-style:solid;
}
.order
{/*width:400px;*/
 width:400px;
 padding:10px;
 background-color:Gray;
 border-radius:10px;
 text-align:center;
 color:White;
font-weight:bold;
 font-size:16px;
 float:right;
 margin-top:10px;
margin-left:10px;
margin-right:10px;
 
    }
.divmarquee
    {width:500px;
     float:left;
     margin-top:10px;
     }
.sy-box
{margin-top:10px;
 }

.messagepanel
{
    float:left;
    width:90%!important;
    padding:10px;
}

#divClose
{
    float:left;
    padding:10px;
}

 #spanOrderCards
{color:White;
 }
 #spanClickHere
 {color:White;
  font-size:14px;
     }

a:-webkit-any-link 
{text-decoration:none;
    }
#league_01
{padding: 20px;
  display: block;
  float: left;
}

.align
{text-align:left;
    }
.leaguelist
{  width: 600px;
  text-align: left;
  margin-left: 250px;
    }
.leaguebottom
{
    }
.leaguebottom2
{margin-left:-30px;
    }
    
    
    body > div > div > div > img
    {margin-left:60px;
        }
      
    
    .FAQlistleft
    { list-style-type: none;
      text-align:left;
      float:left;
        
        }
        body > div > div > div > ul.FAQlistleft > li
    {padding-top:10px;
        }
        body > div > div > div > ul.FAQlistleft > li:nth-child(1)
        {padding-top:0;
         margin-top:-5px;
            }
            body > div > div > div > ul.FAQlistleft > li:nth-child(7)
            {padding-top:17px;
                }
            
        .FAQlistright
    {   list-style:none;
      text-align:left;
      width:400px;
      margin-left:500px;
      padding-top:5px;
        }
    body > div > div > div > ul.FAQlistright > li
    {padding-top:10px;
        }
    body > div > div > div > ul.FAQlistright > li:nth-child(7)
    {padding-top:0px;
        }
        body > div > div > div > p:nth-child(8)
        {margin-right:15px;
            }
            .addone
            {margin-top:5px;
             margin-bottom:5px;
             background-color:Green;
             color:White;
             font-weight:bold;
             padding-left:10px;
             padding-right:10px;
height25px;
             width:100px;
                }
                  .minusone
            {margin-top:5px;
             margin-bottom:5px;
             background-color:red;
             color:White;
             font-weight:bold;
             padding-left:10px;
             padding-right:10px;
height:25px;
             width:100px;
                }
                #f > table:nth-child(6) > tbody > tr:nth-child(1) > td:nth-child(2)
                {
                    }
                    #off{display:none;}
                    #f > table:nth-child(6) > tbody > tr:nth-child(1) > td.tdlabel{display:none;}
                    #f > table:nth-child(6) > tbody > tr:nth-child(2) > td.tdlabel{display:none;}
                    #email{width:150px;}
               body > div > div > div > a:nth-child(21) > img
               {width:100%;
                   } 
                   #removemargin
        {margin-right:-40px;
         padding-right:-40px;
            }
            #email
            {margin-left:0px;
                }
                #state{margin-left:40px;}
                #ddCountry{margin-left:40px;}
                .jimdin
                {color:White !important;
                    }
                    .smlltxt
                    {font-size:14px;
                        }
#div-subscribe {
padding-left: 15px;
}
.footer_container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-color: #808080;
  text-align: center;
  padding: 0;
  margin: 0;

}
.footer_link  {
    width: 33%;
    padding: 0px;
    text-align: center;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 12px;
    line-height: 16px;
}
@media(min-width:100px){
.footer_link  {
    width: 100%;
  }
}
@media(min-width:400px){
.footer_link  {
    width: 50%;
  }

}
@media(min-width:960px){
.footer_link  {
    width: 33%;
  }

}
@media(min-width:1200px){
.footer_link  {
    width: 33%;
  }

}





@media (min-width: 1001px) 
{
       .desktopservices
       {margin-top:30px;
        margin-left:0px
           }
    .phoneservices
    {display:none;
        }
      .gamelist
        {text-align:left;
         width:600px;
         margin-left:200px;
            }
    
    .aftergame
    {width:600px;
     text-align:left;
     margin-left:220px;
        }
    
    .outer
 {width:1000px;
     }
    
    .phonemenu
 {display:none;
     }
    
    }
@media (max-width: 1000px) 
{
    .footer1{
    display: none !important;
     }
        .outer
 {  display: block;
    margin-left: auto;
    margin-right: auto;
    width:auto;
     }
      .FAQlistright
    {   
      margin-left:20%;

        }
        .FAQlistleft
    {   
      margin-right:15px;

        }
    .desktopservices
    {width:85%;
     height:auto;
     margin-top:30px;
        }
    .thearrow
    {display:none;
        }
  .gamelist
        {text-align:left;
         
            }
    .divmarquee 
    {width:100%;
        }
    .order
    {float:none;
     clear:both;
 
        }
        .sy-box 
        {margin-top:20px;
            }
    #nav
    {width:100%;
     padding-top:10px;
     padding-bottom:10px;
      font-size:18px;
        font-weight:bold !important;
        padding-left:20px;
         color:Red;
       
        }
       option 
       {margin-left:20px;
        font-size:18px;
        font-weight:bold !important;
        color:black;
           }
    .align
    {padding-left:7px;
     padding-right:7px;
	text-align:center;
        }
    .leaguebottom2 
    {margin-left:auto;
padding-left:10px;
padding-right:10px;
        }
    .leaguebottom 
    {margin-left:auto;
padding-left:10px;
padding-right:10px;
        }
    .leaguelist 
    {width:auto;
     margin-left:auto;
        }
    #league_02 
    {float:none;
     display:block;
     margin-left:auto;
     margin-right:auto;
        }
    #league_01 
    {float:none;
     display:block;
     margin-left:auto;
     margin-right:auto;
        
        }
        
    
    ul.hmenu 
 {display:none;
     }
    
    }
@media (max-width:983px) {
            .outer
 {  display: block;
    margin-left: auto;
    margin-right: auto;
    width:auto;
     }
    #f > table:nth-child(8) {
    float: none;    
    margin-top: 5px;
}

}
       @media (min-width: 701px) 
{
    
    .ordertotal
    {float:right;
     margin-right:20px;
     padding-left:5px;
        }
        #btnCancel2
        {width:100px;
         text-align:center;
            }
            #checkout{width:100px;
         text-align:center;}
    .phoneFAQ
    {display:none;
        }
}
     @media (max-width: 700px) 
{
    #MasterCard_image {
    width: 35px;
    height: auto;
     }
    #Visa_image {
    width: 35px;
    height: auto;
     }
    #Amex_image {
    width: 35px;
    height: auto;
     }
    #Discover_image {
    width: 35px;
    height: auto;
     }
    #btnBuyNow {
    width: 125px;
     }
    #btnPayPal {
    width: 100px;
     }
   
                 .outer
 {  display: block;
    margin-left: auto;
    margin-right: auto;
    width:auto;
     }
    .footer1{
    display: none;
     }
    .unsub
    {width:100px;
        }
    #mmbrID
    {width:120px;
        }
        #firstName{width:120px;}
        #lastName{width:120px;}
        #zip{width:120px;}
        #mmbrEmail{width:120px;}
        #mmbrLastName{width:120px;}
    #orderTotal{}
    #f > table:nth-child(8)
    {
        }
        #f > table:nth-child(5){width:200px;}
    #tblStoreItems > tbody > tr > td > div > br:nth-child(8){display:none;}
    #tblStoreItems > tbody > tr > td > table > tbody > tr:nth-child(1) > td:nth-child(1)
    {display:none;
        }
    .ordertotal
    {
     margin-left:auto;
     margin-right:auto;
     width:150px;
        }
        #tblStoreItems > tbody > tr > td > div > br:nth-child(4)
        {display:none;
            }
            #tblStoreItems > tbody > tr > td > div > br:nth-child(5){display:none;}
        .storeordertotal
        {text-align:center;
         display:block;
     margin-left:auto;
     margin-right:auto;
            }
            #checkout
            {width:150px;
             text-align:center;
                }
                
            #btnCancel2{width:150px;
             text-align:center;
             margin-bottom:20px;}
    .phoneFAQ
    {text-align:left;
     list-style-type: none;
     width:300px;
     padding: 0;
     
        }
        .sectionend
        {padding-bottom:10px;
         border-bottom:2px solid gray;
         margin-bottom:10px;
            }
    .FAQlistleft
    {display:none;
        }
        .FAQlistright
        {display:none;
            }
    }
        @media (min-width: 601px) 
{
    .phoneservices
    {display:none;
        }
      #leftside
    {float:left;
     text-align:left;
      display:block;
     
        }
    #rightside
    {float:right;
   margin-right:10%;
     text-align:left;
     clear:both;
     display:block;
     margin-top:-245px;
     margin-bottom:30px;
        }
      
    .img_headerphone
    {display:none;
        }
    .img_header
    {width:100%;
        }
        .leaguebottom3
        {clear:both;
padding-left:10px;
padding-right:10px;
            }
    }
    @media (max-width: 600px) 
{
    #disableshipto {
    display: none;
    }
    #stAddress1 {
    display: none;
    }
    #stAddress2 {
        display: none;
    }
    #stCity {
        display: none;
    }
    #stState {
        display: none;
    }
    #stZip {
        display: none;
    }
    #ddstCountry {
        display: none;
    }
        
    #btnAgree {
    width: 200px;
    }
                .outer
 {  display: block;
    margin-left: auto;
    margin-right: auto;
    width:auto;
     }
     #MasterCard_image {
   width:35px !important;
    height: 32px !important;
   
     }
    #Visa_image {
  width:35px !important;
    height: 32px !important;
     }
    #Amex_image {
  width:35px !important;
    height: 32px !important;
     }
    #Discover_image {
    width:35px !important;
    height: 32px !important;
     }
    #PayPal_image {
    
    width:35px !important;
    height: 32px !important;
    padding-right: 20px;
    }
    .phoneprice
    {
        }
    .phonefaqimg
    {width:90%;
     height:auto;
        }
    .desktopservices
    {display:none;
        }
    .phoneservices
    {margin-top:30px;
        width:80%;
     height:auto;
        }
     body > div > div > div > img
    {margin-left:20px;
        }
     #rightside
     {
      margin-bottom:30px;
      margin-left:10px;
         }
         .leaguebottom3
        {clear:both;
padding-left:10px;
padding-right:10px;
            }
    .img_header
    {display:none;
        }
     .img_headerphone
     
    {   background-color:#424242;
        padding-bottom:5px;
       border-bottom: 8px solid #342A1C;
       outline:4px solid #424242; 
        width:100%;
        margin-bottom:20px;
        }
    }
    @media (min-width: 581px)
    {
        
        }
    @media (max-width: 580px)
    {.storeimg
     {display:none;
         }
                .outer
 {  display: block;
    margin-left: auto;
    margin-right: auto;
    width:auto;
     }
        }
    
         @media (min-width: 426px) 
{.phonebreak
 {display:none;
     }
     body > div > div > div > table > tbody > tr > td:nth-child(1)
     {width:200px;
         }
    }
.alignleft{
margin-left:10px;
}
      @media (max-width: 500px) 
{
.aftergame{
margin-left:10px;
margin-right:10px;
}
body > div > div > div > div.alignleft{
padding-left:10px;
padding-right:10px;
}
                  .outer
 {  display: block;
    margin-left: auto;
    margin-right: auto;
    width:auto;
     }
    #f > p
    {width:300px;
        }
        #f > div:nth-child(7) > table > tbody > tr > td:nth-child(3)
        {display:none;
            }
    #tr > td:nth-child(2)
    {width:9%;
     
        }
        #tr > td:nth-child(1)
        {width:2%;
            }
            #tr > td:nth-child(3)
            {width:5%;
                }
                #tr > td:nth-child(4)
                {width:5%;
                    }
                    #CreditCardDiv > table:nth-child(2) > tbody > tr:nth-child(1) > td:nth-child(2)
                    {width:50%;
                        }
                        #ccseccode
                        {width:60%;
                            }
                            #f > table:nth-child(13) > tbody > tr > td:nth-child(5)
                            {display:none;
                                }
                              
                                    #f > table > tbody > tr:nth-child(2) > td:nth-child(1){width:100px;}
                                    #f > table > tbody > tr:nth-child(3) > td:nth-child(1){width:100px;}
                                    #f > table > tbody > tr:nth-child(4) > td:nth-child(1){width:100px;}
                                    body.storeupdateuserinfo form td.tdlabel 
                                    {width:215px;
                                        }
    .order 
    {width:auto;
 border-top: 1px solid #f5f5f5;
   background: #404040;
   background: -webkit-gradient(linear, left top, left bottom, from(#b3b9bd), to(#404040));
   background: -webkit-linear-gradient(top, #b3b9bd, #404040);
   background: -moz-linear-gradient(top, #b3b9bd, #404040);
   background: -ms-linear-gradient(top, #b3b9bd, #404040);
   background: -o-linear-gradient(top, #b3b9bd, #404040);
   -webkit-border-radius: 11px;
   -moz-border-radius: 11px;
   border-radius: 11px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: Georgia, Serif;
   text-decoration: none;
   vertical-align: middle;
padding-left:10px;
padding-right:10px;
        }

    #divMsg 
    {
    /*width: 800px;*/
    width: 100%;
    }


    }
          @media (min-width: 381px) 
{
    }
      @media (max-width: 380px) 
{
                  .outer
 {  display: block;
    margin-left: auto;
    margin-right: auto;
    width:auto;
     }
   #btnGoBack
    {padding-right:2px !important;
     padding-left:2px !important;
     margin-left:0;
     margin-right:0;
        }
        #btnCancel
          {padding-right:2px !important;
     padding-left:2px !important;
     margin-left:0;
     margin-right:0;
     
        }
        #submit1
        {padding-right:2px !important;
     padding-left:2px !important;
     margin-left:0;
     margin-right:0;
     
        }
        #btnContinue
        {padding-right:2px !important;
     padding-left:2px !important;
     margin-left:0;
            }
    }
#divDisplay{
display:none;
}


      .ruth {
 margin-top: 100px;
display: block;
margin-left: auto;
margin-right: auto;
border-right: 2px solid #483f32;
border-left: 2px solid #483f32;
}
.clearme{
clear:both;
margin-bottom:20px;
}
.ruthimg{

   border:2px solid black;
   background-color:white;
    margin-left: 0px;
    width: 20%;
}
.memhead {
font-size: 20px;
}
@media (max-width:983px) {
    .ruth {
    margin-top: 20px;    
}
}
.margtop {
margin-top: 20px;
}
.faqcls {
font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
}

/*.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}*/

 