.navbox{
border:#fefefe 1px solid;
background:#ffffff url(https://hireasantasgrotto.co.uk/gifs/nav.gif);
float:left;
margin:0px;
width:163px;
text-align:center;
padding:9px;
}

.navboxnew{
border:#fff 1px solid;
background:#ffffff url(https://hireasantasgrotto.co.uk/gifs/nav.gif);
float:none;
margin:0px;
width:61%;
text-align:center;
padding-top:0px;
padding-bottom:0px;
}

.navbox2{
border:#000099 1px solid;
background:#ffffff url(https://hireasantasgrotto.co.uk/gifs/nav.gif) repeat-y;
float:left;
margin:2px;
width:200px;
}

.button{
  display:inline-block;
  /* Background & border */
  background:#ffffff url(https://hireasantasgrotto.co.uk/gifs/nav.gif) repeat-x;
  border:1px solid #8a8a8a;
  border-radius:8px;                /* gentler rounding */

  /* Spacing */
  margin:4px;
  padding:9px 18px;
  padding-left:32px;

  /* Text */
  font-family:"Open Sans", arial, "trebuchet ms", Verdana, Helvetica, sans-serif;
  color:#fff;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
  line-height:1.3;

  /* Hover animation */
  box-shadow:0 2px 4px rgba(0,0,0,.15);
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease,
    filter 0.15s ease;
}

.button:hover{
  cursor:pointer;
  transform:translateY(-2px);
  box-shadow:0 6px 12px rgba(0,0,0,.25);
  filter:brightness(1.05);
}

.main{
width:890px;
background:transparent;
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
margin-right:auto;
margin-left:auto;
}

P.clear{
clear:both;
}



 .select { 
    border: 1px solid #c4c4c4; 
    width: 200px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.select:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 
