/*********************************
generic formatting
*********************************/

body /*the font size here is used as a base dimension to scale the page*/
{

	font-family: Arial,Helvetica;
	font-size: 48px;
	margin: 0;
	padding: 0; 
	background:url("ImagesP/BackBrownComponents.gif") #000 repeat-y top center;
	/*background:url("ImagesP/stone.jpg") #100 repeat top left;*/
		-ms-text-size-adjust:none;
    -moz-text-size-adjust:none;
    text-size-adjust:none;
}

p, a
{
	margin:0 0 30px 0;
}

a{color:#ff5a00;}
a:link{}
a:visited{color:#ff3300;}
a:hover{color:#ff7700;}
a:active{color:#ff7700;}

h1, h2, h3, h4, h5, h6
{
	font-weight:bold;
	color: #b33600;
    margin:0 0 30px 0;
}

h1 /* page heading  */
{
	font-size:96px;
	margin:0;
	line-height:108px;
}
/*h1:first-letter
{
	border:0.03em solid #119;
	font-family: "Times New Roman", sans-serif;
	font-size:1.6em;
	padding:0.1em;
	background:#fff url("Images/tess_blue.gif") top left;
	margin-right:0.05em;
}*/

h2 /* CATEGORY heading  */
{
	font-size:56px;
}

h3 /* ITEM heading */
{
	font-size:56px;
}

h4 /* ALERT (Equivalent to bold text)*/
{
	font-size:40px;
}

h5 /* DETAILS Header */
{
	font-size:48px;
	margin:10px 0 20px 0 ;
}

h6 /* FOOTER */
{
	font-size:22px;
	margin:0;
	color: #fff;
}

.inline
{
	display:inline;
	margin:0;
}


/*********************************
Pure CSS3 sliding cdiv [Shows feedback]
*********************************/
input#toggle {
  display: none;
  visibility: hidden;
}
label#togglelabel  {
  display: none;
  visibility: hidden;
}




/*********************************
layout - images in a row
*********************************/
div.ImagesInARow 
{
    margin:0 auto;
    display:block;
    text-align:center;
}

div.ImagesInARow img
{
    margin: 0 10px 0 0;
    padding:0;
    border:3px solid white;
    box-shadow: 0 0 10px #aaaaaa;
    width:500px;
}

/*****************************************************************************************************************
    FIX for pretty photo (above implements it in html/aspx) on mobile...
    [source https://stackoverflow.com/questions/13778714/optimize-prettyphoto-lightbox-for-mobile-devices ]
    Edit jquery.prettyPhoto.js on line number 580 you will find this code :

            if((pp_containerWidth > windowWidth)){
                imageWidth = (windowWidth - 200);
                imageHeight = (height/width) * imageWidth;
            }else if((pp_containerHeight > windowHeight)){
                imageHeight = (windowHeight - 200);
                imageWidth = (width/height) * imageHeight;
            }else{
                fitting = true;
            };

Just change the value from 200 to 30. I think this will work fine for you.


*****************************************************************************************************************/


/*********************************
Master Page Layout
*********************************/
div#page
{
	width:1150px;
	margin:0 auto;
	padding:0; /*far easier to set this here to delimit the page*/
	background:#f8f0e3 url('ImagesP/BackgroundComponents2017.png') top left repeat-y;;
}

div#headertop
{
	width:auto; /*(% is relative to container. Auto expands as much as it can)*/
	margin:0;
	padding:0;
	height:107px;
	background:#FFE009 url('ImagesP/MainLogoBackSlice.png') top left repeat-x;
}

div#headertop img
{
    display:block;
    width:750px;/*393px;/*2016*/
    margin:0 auto;
}

div#headerbottom 	/*The horizontal nav bar*/
{
	/*background:#B90000 url('ImagesP/NavBarBackground2017.gif') top left repeat-x;*/
	width:auto; 
	margin:0 0 3px 0;
	padding:0;
	height:49px;
	background-color:#a00;
	border-top:1px solid #662200;
	border-bottom:1px solid #662200;
}

div#containerFull   /*Inner main container*/
{
    width:auto;
    margin:10px;
    padding:0;
    min-height:30em; /*Old code for old compatability with CSS 2.0 era quirks*/
    height:auto !Important;
    height:25em;
}

div#primaryContent
{
	margin:10px 0 10px 10px; /*increase to account for nav borders*/
	padding:0;
	min-height:1110px;
	/*background:#ffc;*/
	overflow:hidden;/*ensures box stretches past floats*/
}

div#footer
{
	clear:both;
	margin:0;
	padding:3px;
	height:60px;
	background:#a00;
	color:#fff;
}


/*********************************
Horizontal 2019 Nav & link formatting
*********************************/

div#horizontal2019Nav
{
 width:100%;
 font-size:40px;
}
#horizontal2019Nav ul
{
    list-style:none;
    padding:0;
    margin:2px 40px 2px 0px;
    display:block;
}

#horizontal2019Nav li
{
    display:block;
    float:right; /*or left if fixed width*/
    margin:8px 24px 8px 24px;
}

#horizontal2019Nav li a
{
    display: block;
    width: 160px;
    height: 160px;
    text-align: center;
    font-weight: normal;
    line-height: 40px; 
    text-decoration: none;
    color: #fff;
    margin: 0px;
    /*margin-right:12px;*/
    padding: 0;
    /*background:#064;096*/
}

#horizontal2019Nav img
{
    height:80px;
}

#horizontal2019Nav li.cart /*UNUSED IN MOBILE SITE*/
{
    background-image:url('/ImagesP/TinyCart2.png');
	background-repeat: no-repeat;
    background-position-x:86px;
    background-position-y:20px;

}
#horizontal2019Nav li.cart a /*UNUSED IN MOBILE SITE*/
{
    text-align: left;
    width: 160px;
    padding-left: 20px;
}

#horizontal2019Nav li a:hover
{
    /*background:#fdd url('ImagesP/NavButtonHi.gif') top left repeat-x;
    text-decoration:underline;*/
	color:#880000;
    background-color:#ffbb00;
}
#horizontal2019Nav li.cart a:hover
{
    background-image:url('/ImagesP/TinyCart2H.png');
	background-repeat: no-repeat;
    background-position-x:86px;
    background-position-y:20px;
    
}
#horizontal2019Nav li a.selected, #horizontal2019Nav li a:active,
#horizontal2019Nav li a.selected:hover
{
    /*background:#600 url('ImagesP/NavButtonLo.gif') top left repeat-x;*/
    text-decoration:none;
    color:#fff;
}

#footer2019 h6
{
	font-weight:normal;
	text-align:center;
}



/*********************************
Horizontal SubNav
*********************************/

div#HzNav2
{
 width:100%;
 font-size:40px; /*52 orig*/
 height:120px;
 margin:10px 0 20px 0;
 padding:0;
}
#HzNav2 ul
{
    list-style:none;
    padding:0;
    margin:0;
    display:block;
}

#HzNav2 li
{
    display:block;
    float:left; /*or left if fixed width*/
    margin:0px 25px 0px 0;
	background-color:#cc3f02;
	padding:0;
}

#HzNav2 li.last
{
    margin:0px 0 0px 0;
}

#HzNav2 li a
{
    display:block;
    width:258px; /*320*/
    height:120px;
    text-align:center;
    font-weight:normal;
    line-height:120px;
    text-decoration:none;
    color:#fff;
    margin:0px;
    padding:0;
}

#HzNav2 li a:hover
{
	color:#c12400;
	background-color:#ffbb00;
}

#HzNav2 li a.selected, #HzNav2 li a:active,
#HzNav2 li a.selected:hover
{
    text-decoration:none;
    color:#fff;
}


/*********************************
LAYOUT - Content Pages
*********************************/
.ContentStyles a
{
	color:#000000;
}
.ContentStyles a:hover
{
	border-color:#ff7700;
}

/**** Row Content ****/
.divThanks
{
    clear:both;
    margin:0;
    padding:0;
    border:0;
	width:1100px;
}
.divThanks img
{
    width:1100px;
}


/**** Row Content ****/
.divBox
{
    clear:both;
    margin:0px 0 20px 0;
    padding: 10px;
    border:0;
	width:1046px;
}

.divBox .iVideo
{
    width:960px;
    height:540px;
    margin:0 0 0 40px;
    padding:0;
    border:0;
}

.divBoxShop
{
    clear:both;
    margin:10px 0 0 0 ;
    padding: 0;
    border:0;
	width:1046px;
}

.shoplogo
{
    width:330px;
    margin:0;
    padding:0;
    border:none;
}

.divBoxShop a
{
    text-decoration:none;
}

/***********/
.divBoxFull
{
	background-color:#ffffff;
	width:1046px;
    margin:10px 0 20px 0;
    padding: 30px;
    border:solid 3px #e2b787; /*662200;*/
	position: relative;
    border-radius:20px;
}

.divBoxFullHeader
{
	background-color:#fffbf3;
    color:#400700;
    font-size:48px;
	width:1042px;
    margin:10px 0 20px 0;
    padding: 30px;
    border:solid 3px #662200;
	position: relative;
	-ms-text-size-adjust:none;
    -moz-text-size-adjust:none;
    text-size-adjust:none;
    border-radius:20px;
}
.divBoxFullHeader p
{
    margin:0;
}

/***************/
.divBoxList
{
	background-color:#f8f0e3;
	width:1090px;
    height:182px;
    margin:0px 0 20px 0;
    padding: 16px 0 0 16px;
    border:solid 3px #e2b787;/*662200;*/
	position: relative;
    border-radius:20px;
}

.divBoxList .listbox, .listbox2
{
    font-size:100%;
    display:inline-block;
	width:502px;
    margin:0 10px 0 0;
    padding:4px 9px 4px 9px;
    border:solid 3px #e2b787;/*662200;*/
    border-radius:12px;
}

.divBoxList .listresponse
{
	font-size:100%;
    margin:10px;
    line-height:31px;
}

.divBoxList .listbutton
{
	font-size:100%;
    width:450px;
    height:80px;
    margin:16px auto 0 auto;
    padding:4px;
    background-color:#cc3f02;
    border-radius:12px;
    border:none;
    color:#fff;
    display:block;
}

.divBoxList .listbutton:hover
{
    color:#c12400;
	background-color:#ffbb00;
}

/***************/
.divBoxAlert
{
    width:1046px;
    margin:10px 0 20px 0;
    padding: 30px;
    text-align:center;
 	position: relative;
    border: 3px solid #689800;
    background-color:#ebffdf;
    border-radius:20px;
}

.divBoxAlert h5
{
    color:#279800;
}

.divBoxInfoNugget
{
    width:1046px;
    border:solid 3px #e2b787;
    background-color:#ffffff;
    padding:30px;
    margin:0 0 20px 0;
    text-align:center;
    border-radius:20px;
}

.divBoxInfoNugget .logo
{
    width:200px;
    padding:0;
    margin:0;
}

.divBoxInfoNugget .review
{
    width:960px;
    padding:0;
    margin:0;
}

.divBoxCategoryMain
{
	width:1106px;
    text-align:center;
    margin:10px 0 10px 0;
    padding: 0;
    border:none;
	position: relative;
}

.divBoxCategoryMain a 
{
  width:1106px;
  margin: 0;
  padding: 0;
  text-decoration:none;
}

.divBoxCategoryMain a img 
{
  width:1106px;
  margin: 0;
  padding: 0;
}
.divBoxCategoryMain a .imghover 
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

.divBoxCategory
{
    width:1046px;
    margin:10px 0 20px 0;
    padding: 30px;
    height:338px;
    text-align:center;
	background-color:#ffffff;
    border:solid 3px #c8b0a3;
	position: relative;
    background-size: 100% ;
}

.divBoxCategory a 
{
  width:630px;
  font-size:120px;
  line-height:338px;
  font-weight:700;
  color:#000;
  margin: 0;
  padding: 0;
  text-decoration:none;
}
.divBoxCategory h2
{
    font-size:120px;
    line-height:338px;
    color:#572707;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust:none;
    -ms-text-size-adjust:none;
    -moz-text-size-adjust:none;
    text-size-adjust:none;
	-webkit-text-stroke-width: 3px;
	-webkit-text-stroke-color: #c8b0a3;
    text-shadow:0 0 5px #fff,0 0 5px #fff, 0 0 25px #fff, 0 0 80px #fff ;
}

.LinkDestyle a
{
    text-decoration:none;
    color:#000;
}

.divBoxItem
{
    width:1046px;
    margin:10px 0 20px 0;
    padding: 30px;
    background-color:#ffffff;
    border:solid 3px #662200;
	position: relative;
	overflow: hidden;
    border-radius:20px;
}
.divBoxItem img
{
    width:500px;
    text-align:left;
    margin:0 20px 0 0;
    padding: 0;
    border:none;
    float:left;
}

.divBoxPoweredBy
{
    text-align:center;
    width:1110px;
}
.divBoxPoweredBy img
{
    width:1110px;
    margin:0;
    padding:0;
}

.divBoxRight
{
	background-color:#ffffff;
	width:540px;
	height:480px;
    float:left;
    margin:0 0 35px 0;
    padding: 10px 20px 10px 20px;
    border:solid 3px #662200;
    border-left: none;
	position: relative;

}

.divBoxRight p
{
    
}

.divBoxRight h3
{
    margin-bottom:10px;
}

.divBoxLeft
{
	background-color:#ffffff;
    width:480px;
	height:480px;
    margin:0px 0px 35px 0px;
	padding:10px;
    float:left;
	border: solid 2px #662200;
    border-right:none;
}

.divBoxLeft img
{
    width:100%;
	display:block;
    border:0px solid #a00;
    margin:0px 0 0 0 ;
    text-align:center;
}



.divBoxAddToCart
{
    position: absolute;
	left: 450px;
	bottom: 20px;
    width:250px;
    height:60px;
    font-size:70%;
    background-color:#f8f0e3;
	border: solid 2px #662200;
    font-weight:bold;
    color:#662200;
}




/* Header regions*/

div#headertop2019
{
	width:auto; /*(% is relative to container. Auto expands as much as it can)*/
	margin:0;
	padding:0;
	height:164px;
}

div#headertop2019 img
{
    display:block;
    width:100%;
    margin:0 auto;
}

div#headerbottom2019 	/*The horizontal nav bar*/
{
	/*background:#B90000 url('ImagesP/NavBarBackground2017.gif') top left repeat-x;*/
	width:auto; 
	margin:0 0 3px 0;
	padding:0;
	height:182px;
	background-color:#d45a00;
	border-top:1px solid #d45a00;
	border-bottom:1px solid #662200;
}
div#footer2019
{
	clear:both;
	margin:0;
	padding:3px;
	height:72px;
	background:#a00;
	color:#fff;
}
div#footer2019 h6
{
	font-size:36px;
    line-height:72px;
}

/***************************
Twitter styling
***************************/
.NewsFeed
{
    position:relative;
    width:420px;
    margin:10px;
    float:left;
}
.NewsFeedSolo
{
    position:relative;
    width:800px; /*Match setting in News.aspx*/
    height:1280px;
    margin:10px auto 0 auto;
}
.twitter-overlay
{
    position:absolute;
    top:0;
    left:0;
}
.twitter-blocked
{
    position:absolute;
    top:0;
    left:0;
    margin:30px;
    margin-top:60px;
    background-color:#fff;
    padding:10px;
}





/***************************
Mail message styling
***************************/
.MailMessage
{
    margin:0 auto;
    padding:10px 0 10px 20px;
    background-color:#fff;
    border:0px solid #300;
    clear:both;
}
.MailMessage .MH, .MB
{
    width:640px;
    margin:0 0 60px 0;
    border:2px solid ;
    background-color:#faeee4;
}

.MailMessage .MH
{
    height:75px;
    font-size:48px;
    font-family: Arial,Helvetica;
}

.MailMessage .MB
{
    height:500px;
    font-size:48px;
    font-family: Arial,Helvetica;
    width:990px;
    margin-top:20px;
    -webkit-text-size-adjust:none;
    -ms-text-size-adjust:none;
    -moz-text-size-adjust:none;
    text-size-adjust:none;
}

.MailMessage .MS
{
    clear:both;
    width:400px;
    height:160px;
    font-size:48px;
    padding:10px;
    margin: 0 0 0 62px;
    display:block;
    border:none;
    background-color: #ff4400;
    color:#fff;
}
.MailMessage .MS:hover
{
    color: #fff;
    background-color:#ff8800;
}

.MailMessage Label
{
    display:block;
    width:350px;
    float:left;
    line-height:80px;
}
.MailMessage h3
{
    color:#e00;
    margin-top:0;
}
.MailPlease
{
    color:green;
    font-size:48px;
    -webkit-text-size-adjust:none;
    -ms-text-size-adjust:none;
    -moz-text-size-adjust:none;
    text-size-adjust:none;
}



/*----------PAYPAL-----*/
.PayPalCartButton
{
    text-align:center;
}

.PayPalCartButton p
{
    margin:0;
}

.PayPalCartButton p.heading
{
    font-size:42px;
    font-weight:bold;
    line-height:80px;
}

.PayPalCartButton .PriceLabel
{
	text-align:center;
    font-weight:bold;
    color:#662200;
    font-size:96px;
}

.PayPalCartButton input
{
    margin:10px 0 10px 0 ;
    padding:0 0 0 0 ;
    width:800px;
}

.PayPalCartButton > div
{
    width:1048px;
    margin: 0;
    padding:0;
    /*border:solid 1px #662200;*/
    background-color:#fff;
}

.PayPalCartButton > div > div.x2
{
    float:left;
    width:524px;
    margin:0;
    padding:0;
    text-align:center;
}

.PayPalCartButton > div:after
{
    content: "";
    display: table;
    clear:both;
}

.PayPalCartButton span
{
     /*color:#600;
     font-weight:bold;
     background-color:#fdd;
     padding:2px 15px;*/
}


.PayPalCartButton table
{
    margin: 0 auto;
    width:524px;
    /*background-color:greenyellow;*/
}

.PayPalCartButton tr
{
}

.PayPalCartButton td
{
}

.nulist
{

}

.nulist input[type="radio"] 
{
  opacity: 0;
  position: fixed;
  width: 0;
}

.nulist label {
    display: inline-block;
    margin:0 0 40px 0;
    background-color: #d8c7b5;
    padding: 10px 20px;
    font-family: sans-serif, Arial;
    font-size: 56px;
    border: 1px solid #662200;
    /*border-radius: 4px;*/
    width:400px;
    height:100px;
    line-height:100px;
    text-align:center;
    color:#764632;
}

.nulist input[type="radio"]:checked + label {
    background-color:#79d76a;
    border-color: #000000;
    color:#000000;
}

/*.nulist input[type="radio"]:focus + label {
    border: 2px dashed #444;
}*/

.nulist label:hover {
  background-color: #f1e2d6;
  border-color: #8e5538;
  color:#3d261d;
}