html{
   /* background-image: url("../pics/background.jpg"); */
}
*{
	font-family: verdana, arial, helvetia, courier;
	box-sizing:border-box;
    max-width:100%;
	color:#111;
	}
body{
	background-color: #FFE;
	color:#111;
    font-size:14px;
	font-weight:500;
	line-height:110%;
    background-image: url("../pics/background.jpg");
    background-size: auto 100%;
      /*    background-image: url("../pics/winterbkgrd.gif");*/
 }
#main{
  background-color:#FFf;
  margin: 8px auto;
  border: 2px inset #EB7CB1;
  border-right:  2px outset #EB7CB1;
  border-bottom:  2px outset #EB7CB1;
  border-radius:12px;
    /*  padding:10px;  */
  width:1200px;
  text-align: left;
}
#tdHeaderRight{padding-left:1%;}
#divDirections{padding:15px 50px;}
#div2  /*  homepage  */
{
   /* height:568px;
  background-image: url('../pics/main_background_1200.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  background-size:100% auto; */
  position: relative;
  }
#menu_holder{
  margin:auto;
  position: sticky;
  top:0px;
  opacity:.85;
  }
 .nav1 li{
    border-bottom: medium none;
    border-style: solid solid none;
    border-width: thin thin medium;
    height: 31px;
    list-style-type: none;
    padding: 2px 0 0 0;
    width: 100%;
}
.nav1 li:last-child{
    border-bottom: 2px solid blue;
	}
ul.nav1 a{
    display: block;
    line-height: 28px;
	font-size: 18px;
    text-align: center;
}
#SlideMenu{padding:0; margin:0;}
#navSlide, #SlideMenu{
    display: none;
}
#menu_icon{
   border-radius: 0px;
}
pre, #hours{
    font-size:10pt;
	font-weight:500;
	padding:1px;
	min-width: 250px;
 }
 .mid{vertical-align: middle;}
 td#hours{width:63%;}
hr{
      height:2px;
	  color:#966;
	  margin:4px auto;
	  width:85%;
}
h1, h1 *,h2, h2 *,h3, h3 * , h4, h4 *,h5, h5 *,h6, h6 *{
	line-height: 109%;
	text-align: center;
	margin: 8px 2px;
	color:#306;
	font-style: oblique;
}
h1, h1 *{
	font-size: 26px;
	font-style:italic;
	font-weight: 700;
	color: #F0C;
	font-family: Comic Sans MS;
}
h2, h2 *{
	font-size: 22px;
	font-weight: 700;
}
#H2INDEX{color:#FFC; font-weight: 600; font-style: italic; text-align: center; font-size: 20px;}
#H2FOOTER{
font-size:17pt; line-height: 107%; margin-bottom:2px;}
h3, h3 *{
	font-size: 20px;
	font-weight: 600;
}
h4, h4 *{
	font-size: 19px;
}
h5, h5 *{
	font-size: 17px;
}
h6, h6 *{
	font-size: 14px;
}
td{
   text-align: left;
 }
th{
   text-align: center;
   font-weight: 700;
   font-size: 15px;
 }
tr{
    vertical-align:top;
}
p{
    text-indent: .3in;
    font-size:16px;
}
a,a.tel{
	font-weight: 600;
	font-size:inherit;
	color:inherit;
	text-decoration: none;
}
 a.CTC{
	font-weight: inherit;
	font-size:inherit;
	color:inherit;
	text-decoration: none;
}
a.smaillLink{
   font-size:11px;
}
a:visited{color:#C0F;}
a:hover{
	color: #900;
	font-weight: 700;
	font-style: oblique;
	text-decoration: underline;
}
a.lglink
{
    text-decoration: none;
    color:blue;
	font-weight: 800;
}
a.lglink:hover
{
  text-decoration: underline;
	color: #900;
}
.navBut
{
  background-color:#F60;
  height:21px;
}
table.menu{width:100%;}
td.price2{text-align: right;}
td.des{
   font-style: italic;
   font-size: 13px;
   font-weight:500;
   max-width:38%
}
 .title{
   font-style:normal ;
   font-size: 11pt;
   font-weight:600;
   width:200px;
 }
td.price{
   text-align: right;
   width:100px;
}
fieldset{
padding:6px;
margin:6px;
border-radius:6px;
}
legend{
 font-style: oblique;
 font-size: 17px;
 font-weight: 600;
 text-align: center;
  /* margin: 0 4px; */
 padding: 0 4px;
 color:#306;
}
sup{color:inherit; font-size:8pt !important;}
.menupics{ padding-left:4px; cursor:pointer;}
#footerLinks a, #Good-Ice-Cream-In-Saratoga, #Good-Ice-Cream-In-Saratoga a{ font-size:11px;  }
#divFooter{
  border-top: 1px solid #33C;
   /* background-image: url("/pics/cows_head_200.jpg"); */
  background-image: url("/pics/cow_cartoon.jpg");
  background-repeat: no-repeat;
  background-position: left top;
  height:165px;
  padding:0 4px 4px 4px;
}
#divFooter h2{margin-left: 120px;}
.img{
  display:block;
  margin:4px auto;
  border-radius:8px;
  }
  img{
    height:auto;
    border-width: 0;
   }
  #specialPics{border-radius:6px;}
input,textarea,select{
  border-radius:6px;
  background-color: #EED;
  font-size: 12px;
  color: #333;
  border-color: blue;
  border-width: 1px;
  padding: 2px;
  margin-bottom: 4px;
  width:250px;
  }
  textarea{width:325px;}
.menu-pic{max-width:130px; min-width:0px;}
option:nth-child(odd){
  background-color: #0FF;}
  input[type=radio], input[type=checkbox]{width:22px;}
input[type=button], input[type=submit], input[type=reset]
{
   background-color: #CFC;
   color: #30F;
   font-weight: 600;
   font-size: 15px;
   max-width:190px;
}
.cap{
   display:block;
   margin:auto;
   text-align: center;
   font-size:.9rem;
   }
  *:focus{background-color: #FCF;}
.thinonly{display:none;}
 .divMenu{float:left; width:48%;}
  	  /* NEW TOP MENU fiddler   6/11/2015 */
 /* ul#ulTop{background-image: url("/pics/nav-bg_top.gif");} */
ul.tabs{
    margin:  0;
    padding: 0;
    list-style: none;
    display: table; /* [1] */
    table-layout: fixed; /* [2] */
    width: 100%; /* [3] */
	height:22px;
              /*  background-color: #BADA55;
    background-image: url("/pics/nav-bg_mag.gif");
	background-repeat: repeat-x;
	background-size:auto 100%; */
}
   li.tabs__item{
        display: table-cell; /* [4] */
	    height:22px;
		border-left:2px solid blue;
		vertical-align: middle;
        color: #f0c;
		background-color: #DFF;
    }
 li.tabs__item:first-child{border-left:0px solid transparent;}
.primary-nav a:hover, li.tabs__item:hover{color:#FFF; background-color: #f0c; font-weight: 700; font-size:.99em;}
 li.tabs__item1{border-left:0px solid blue;}
 li.tabs__link{ display: block; /* [5] */}
	/**
 * Primary nav. Extends `.tabs`.
 *
 * 1. Stop tabs’ corners leaking out beyond our 4px round.
 */
.primary-nav{
    text-align: center;
      /*  border-radius: 4px;  */
	background-color: #DFF;
    overflow: hidden; /* [1] */}
 .primary-nav a{
            padding: 0 .1em;
              /*  background-color: #BADA55;
            font-weight: bold;
            text-decoration: none; */
			display: block;
			font-size:.92em;
        }
  /*         .primary-nav li:hover{
            background-color: #A3C43B;
        }
 fiddler   6/11/2015  */
     .floatleft{float:left; width:50%;}
     .clear{clear:both;}
#divForm{width:450px; font-size: 9pt; padding-left:20px;}
	  .overlaycontrols{
		  font-size:60pt;
		  color:#30C;
		  cursor:crosshair;
		  position: absolute;
		  top:40%;
		  opacity:.60;
		  text-shadow: 3px 3px #EEE;
	  }
.yesShow{display:none;}
.yesShowIn{display:none;}
#selNav{
   max-width:250px;
   height:60px;
   overflow-y:scroll;
   overflow-x: hidden;
   border: 2px solid blue;
   }
    .divNavSm{width:230px;}
   .divNavSm:nth-child(odd){background-color: #FFC;}
.divNavSm a{display:block; text-align: center; margin:8px 0;}
.req{color:red; font-size:15pt;}
.divTestimonial{
  padding:5%;
  margin:auto;
  border-bottom: 2px solid navy;
  }
#CLICK{ background-color: gold;  border: 2px solid blue; width:100%; height:48px;}
#CLICK a{display:block; line-height:48px; font-size: 22pt; font-weight: 700;}
#hours2{width:300px; }
.yesShow800{display:none;}
	a.featured{
  display:inline-block;
  background-color: Moccasin;  /* LightSalmon; */
  padding:6px 5px 10px 5px;
  border-radius:8px;
  font-size: 17px;
  line-height: 18px;
  font-weight: 600;
  border:2px solid navy; 
  color:navy;
  margin:4px;
  height:38px;
  }
 @media screen and (max-width: 900px)
{
    body,#main{
       width:100%;
	   margin:0;
	   border-radius:0px;
	   border-width: 0;
       position: relative;
     }
   .thinonly, .shimg800{display:none;}
   h1,h2,h3,h4,h5,h6{max-width:92%; margin:2px 0; padding:1px;}
   #divForm{padding:0px; width:99%;}
   #tdHeaderRight{max-width:99%; padding-left:0%;}
   td#hours, td#tdFBTW{width:50%;}
   td#tdFBTW{min-width:40px;}
   #fsHours{width:auto; height:100%;}
   .divTestimonial{padding:4px;}
   .yesShow800{display:block;}
    #divFooter{background-image:none;}
    #divFooter h2{margin-left: 0;}
 }
 @media screen and (max-width: 550px)
{
    h1#open{
     color: gold;
	 text-shadow:2px 2px navy;
     top: 8px;
   }
     .tdBlock td, td.tdBlock
	{
	   display:block;
	   width:100% !important;
	 }
	.tdBlock .shimg800, .tdBlock  .noShow{display:none;}
	#hours2{
      width:100%;
     }
	 #main{
	   padding:.5%;
	 }
   .yesShow{display:block;}
   .yesShowIn{display:inline;}
   td.des, #ulTop, #ulmenus{display:none;}
   #navSlide{
     display:block;
	 position:fixed;
	 top:4px;
	 z-index: 1000;
	}
   #SlideMenu{background-color: #FFC;}
      .noShow{display:none;}
     .floatleft{float:none; width:100% !important;}
	 ul#nav{
		height: 75px;
		border-width:1px;
	  }
	#nav li a{
		font-size:12px;
		line-height: 25px;
	 }
	#nav li{
		width:32%;
		height: 25px;
       border-width: 1px;
	 }
	 h1{	font-size: 18px;}
	h2, h2 *{	font-size: 17px;}
	h3, h3 *{ 	font-size: 16px;}
	h4, h4 *{	font-size: 15px;}
	h5{ 	font-size: 14px;}
	*,  .title, .des, .price{
	    font-size: 13px;
	 }
.shimg{display:none;}
input[type=button], input[type=submit], input[type=reset]{
   font-size: 12px;
   max-width:40%;
   height:40px !important;
  }
input[type=text], input[type=email],input[type=phone],  textarea, select{width: 95%; min-height:32px !important;}
#div2{
    height:auto;
    /* background-size:auto 100% ; background-repeat: no-repeat;*/
    padding-bottom: 12px;
  }
#divFooter{
  background-image: none;
  height:auto;
}
#H2INDEX{
color:gold; font-weight: 700; text-align: left; font-size: 15px;}
#H2FOOTER{font-size:14px;margin-bottom:1px;}
#topimg{width:350px; height:auto;}
div{float:none; width:100% !important;}
.thinonly{display:inline;}
.menu-pic{display:none;}
 .divMenu{float:none; width:100%;}
   /*  #best_ice_cream_in_saratoga  td{display:block;}  */
 #divShares{display:inline;}
 .ICON{ margin:2px 4px;}  /* width:25px; height:25px; */
  #divDirections{padding:4px;}
  fieldset{
  padding: 2px;
  margin: 2px 0px;
  }
}  /*  end media query for small  */