body  {
      font-family: 'Trebuchet MS',Trebuchet,Arial, Helvetica, sans-serif;
       margin: 0;
        padding:0;
        background-color: #33ccff;

	  }

form {
  margin: 0;
  }



h2    {
      font-size: 1.8em;
      margin: 0.2cm 0 0 0.3cm;

      }

h1 {
font-family: 'Trebuchet MS',Trebuchet,Arial, Helvetica, sans-serif;

  background-color: #33ccff;
  font-size: 1.8em;
  text-align: center;
  padding: 8px 0 14px 0;

}


h2#pigs {
    font-size: 2.3em;
      margin: 0 0 0 0.3cm;

}


h2 {
    font-size: 1.4em;
    font-weight: bold;
    margin: 0.2cm 0 0 0.3cm;
}

h3 {

    font-weight: 400;
    margin: 0.3cm 0 0 0.3cm;
}

p {
  margin: 0.3cm 0 0 0.3cm;
  color: #000;
  font-size: 0.9em;
}


legend {
  text-decoration: normal;
  font-weight: bold;

}

table {
  margin: 0.3cm 0 0 0.3cm;
   padding:0;
}

tr {
    margin:0;
   padding:0;
}


td {
   margin:0;
   padding:0;
}





/* navigation */


    .menu2 {
      width: 100%;
      margin: 0;
      padding: 0px;
      background: #33ccff none;
    }
    .menu2 ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
       background-color: #33ccff;

    }
    .menu2 li {
      margin: 0;
      padding: 0;
      float: left;


    }

     .menu2 li.current {
      margin: 0;
      padding: 0;
      float: left;

      }


    .menu2 li {
      width: 19.5%;
      text-align: center;
      background-color: #33ccff;

    }

    .menu2 a {
      display: block;
      width: 90%;
      text-decoration: none;
      background-color: #3399cc;
      font-size: 1.2em;
    text-decoration: none;
    font-weight: 300;
    float:left;
   padding: 0;
   line-height: 30px;
   }

    .menu2 a:hover {
      color:#0000ff;
    }

    .menu2 a.current {
	/* shows which section is current */


    display: block;
      width: 90%;
      text-decoration: none;
      background-color: #fff;
      font-size: 1.2em;
    text-decoration: none;
    font-weight: 300;
    float:left;
   padding: 0;
   line-height: 30px;
    }




/* Banner spider */
img#spider {
    position: relative;
    top: 20px;
	left: 30px;
}

img#moving-pig {
    position: relative;
    top: 0px;
	left: 0px;
    width:100px;
}

img#house {
    position: relative;
    top: 0px;
	left: 0px;
    float:left;
}

img.greenimg {
    position: relative;
    top: 0px;
	left: 0px;
    float:right;
}

fieldset {
    width: 500px;
    padding:5px 5px 5px 5px;
    font-size: 0.9em;

}

input {
      width: 300px;

}

input#friend {
      width: 300px;
      background-color: #000;

}

select {

      width: 300px;
}

textarea {
      font-family: 'Trebuchet MS',Trebuchet,Arial, Helvetica, sans-serif;
      width:300px;
      height: 90px;
}


/* Form label */

td.label {
  width: 380px;
  text-align: right;
  color: #fff;
}

table.bluecell {
    background-color: #ff0066;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    margin: 7px 0 7px 0;
    width:500px;
    color: #fff;
}

/* Main page table */

table#main-table {
  width: 95%;

}


/* Row 1  */



td#td-index1 {
    font-size: 0.9em;
    width: 56%;
    padding: 0 20px 0 0px;
    vertical-align: top;


}

/* Row 2  */
td.td-index2 {
    border: 2px solid #000;
     padding: 10px 10px 10px 10px;
     vertical-align: top;
     background: #ff0066;



}

td.td-index3 {
    border: none;
     padding: 0;



}

/* Submit Button  */
input#send-order {
  margin: 0.3cm 0 0 0cm;

}

span.price {
  line-height: 20px;
  font-weight:bold;
}

td#empty-row {
  height: 500px;
}



fieldset.margin-fieldset {
  margin: 0.3cm 0cm 0cm 0.3cm;
}

select#demo {
  width: 300px;
}

/* Shopping list table for order form  */
td.s-list1 {
    padding: 0 0 0 0.3cm;
}

td.s-list2 {
    padding: 0 0 0 0.8cm;
}

td#s-list-total {
    padding: 0 0 0 0.8cm;
    border-bottom: 2px solid #000;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    border-top: 2px solid #000;
}

table#sure {
  width: 700px;
}

img#king-happy {
    position: relative;
    top: 10px;
	left: 130px;
}


img#humpty-happy {
    position: relative;
    top: 20px;
	left: 600px;
}

img#clock-pic-happy {
    position: relative;
    top: 0px;
	left: 600px;
}

div#page-content {
  width: 90%;
  	margin-left: auto;
	margin-right: auto;
    margin-top:0;
    margin-bottom:0;
    background-color: #fff;

}

div#page-border {
  background-color: #33ccff;


}

div#content-border {
    padding:0 0 30px 0;

}

div#page-content {
  width: 90%;
  	margin-left: auto;
	margin-right: auto;
    margin-top:0;
    margin-bottom:0;
    background-color: #fff;
    margin-bottom:2cm ;
}

div#page-border {
  background-color: #33ccff;
  padding: 0 0 30px 0;
  height:450px;
  border: 1px solid #33ccff;
}

img.rightcurve {
  border: none;
  float: right;
   width: 10px;
   height: 10px;
}

img.leftcurve {
  border: none;
  float: left;
  width: 10px;
  height: 10px;
}

div#page-content2 {
  padding: 0.2cm 0.8cm 0 0.6cm;
}

p.white-text {
  color:#fff;
}

a.a-white-text {
  color: #fff;
}

a.track-list {
  font-size: 1.2em;
}

p#page-message {
  font-size: 1.2em;
}

a.pink_link {
  color: #fff;
  }

div.pink-link-div {
  text-align: right;
}

a#demo-buy {
  padding: 0 0 0 70px;
  font-size: 1.8em;
}

a#demo-listen  {
  font-size: 1.2em;
}

table#cust_return {
   background-color: #ff0066;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    margin: 7px 0 7px 0;
    width:500px;
    color: #fff;
}

td.td_cust_return1 {
    width: 250px;
    text-align:right;
    padding: 0 10px 0 0;
    font-size: 0.9em;
}

td.td_cust_return2 {
    font-size: 0.9em;
    width: 250px;
}


table#thanks-return {
   background-color: #ff0066;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    margin: 7px 0 7px 50px;
    width:500px;
    color: #fff;
}

img#artwork {
    position: relative;
    top: 0px;
	left: 0px;
    width: 200px;
    float: right;
}

td#art_td {
  width:400px;
  vertical-align: top;
}

table#art_tble {
  width: 90%;

}

td#td_track {
     vertical-align: top;
}












