* {
   margin: 0;
   padding: 0;
}

html{
background-image: url("../images/quartz.jpg");   
}

body {
   background:#ffffcc;
   background:#fff;
   width: 80%;
   margin: 0 auto;
   font-family:"Goudy Old Style", sans-serif;
}

img{
   border: none;   
}

header{
background-color: #6cb591;
background: #6cb591; /* Old browsers */
background: -moz-linear-gradient(left,  #6cb591 0%, #c4e1d3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#6cb591), color-stop(100%,#c4e1d3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #6cb591 0%,#c4e1d3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #6cb591 0%,#c4e1d3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #6cb591 0%,#c4e1d3 100%); /* IE10+ */
background: linear-gradient(to right,  #6cb591 0%,#c4e1d3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6cb591', endColorstr='#c4e1d3',GradientType=1 ); /* IE6-9 */
height: 120px;
}

#logo {
   float: left;
   padding: 10px 0px 0px 10px;
   border: none;
}

h1 {
   text-indent: .5em;
   font-family: 'Courgette', cursive;
   float: left ;
   padding-top: .3em;
}

#sbox {
   display: inline-block;
   float: right;
}

#cart {
   float: right;
   width: 85px;
}

#cartAndSearch {
   display: block;
}

#menu ul{
   list-style: none;
   padding: 0; /*padding above and below items*/
   background-color: #fff;
   margin-top: 1em;
   margin-bottom: 1em;
   padding: 0 0 0 5px;
}
#menu ul li{
   display: inline; /*display in horizontal line*/
   display: inline-block; /*button text stays together when wrapping occurs*/
   margin: .3em 0px .3em 0px;
}

#menu a, #current{
   padding-left: 1em;
   padding-right: 1em;
   text-decoration: none;
   color: white;
   font-weight: bold;
   box-shadow: 2px 2px #000;
   border-radius: 7px;
   background: #6cb591;
   font-family: 'Source Sans Pro', sans-serif;
   font-size:larger;
}
  
#current{
   background: #B3B3B3;
}

.flies_col1, .flies_col2, .flies_col3{
   float:left;
   width: 24%;
   padding-left: 8%;
   width: 237px;
   padding-left: 76px;
}

.clear{
   clear:left;
}

h2{
 text-align: left;
 width: 10em;
 font-family: 'Source Sans Pro', sans-serif;
 font-size: large;
 padding-bottom: .35em;
}

h3{
   color: #fff;
   font-family: 'Source Sans Pro', sans-serif;
}

.box input {
   font-size: 2.4em;
   font-size: 1.5em;
   background-color: transparent;
   text-align: center;
   border-width: 0;
   width: 100%;
   margin: 0px 0px .1em 0px;
   color: #fff;
   color: #ffff00;
}

label {
   display: block;
   font-size: .8em;
}

button {
   color: #444;
   background-color: #B5B198;
   background-color: #B9E2EB;
   -webkit-border-radius: 6px;
   border-radius: 6px; 
   -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
   font-weight: bold;
}

button:hover, button:active, button:focus {
   background-color: #CBC7AE;
   background-color: #6EFA98;
}

.box {
   background-color: #444;
   color: #C4BE92;
   text-align: center;
   -webkit-border-radius: 12px;
   border-radius: 12px; 
   -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
   padding: .8em .8em 1em;
   width: 8em;
   -webkit-box-shadow: 0px 0px 12px 0px #000;
   box-shadow: 0px 0px 12px 0px #000;
}

footer{
   clear:left;
   background:#6CB591;
   font-weight: 800;
   color: #000;
   font-family: 'Source Sans Pro', sans-serif;
   padding: .4em 2em;
}

footer img{
   margin-bottom: .4em;
}

#emale {
   font-size: xx-large;
}