/* GoneCoastal.net
   global styles
   2-col layout
*/

html, body {
  margin: 0;
  padding: 0;
  color: #000;
  background: #FFF;
  font-family: "Comic Sans MS",verdana,arial,helvetica,sans-serif;
}

h1 {
  font-family: "Comic Sans MS",verdana,arial,helvetica,sans-serif;
  font-size: 300%;
  font-weight: bold;
  margin: 0;
  padding: 10px 0 0 0;
  color: #96D089; /*FEB860;*/
  text-align: left;
  line-height: 1em;
}                    
h2 {
  font-family: "Comic Sans MS",verdana,arial,helvetica,sans-serif;
  font-size: large;
  font-weight: bold;
  margin: 20px 0 0 0;
  padding: 0;
  color: #FEB860;
}
h3 {
  font-family: "Comic Sans MS",verdana,arial,helvetica,sans-serif;
  font-size: medium;
  font-weight: bold;
  margin: 20px 0 0 0;
  padding: 0;
  color: #96D089;
}

#idSideColumn p {
  margin: .5em 0;
  padding: 0;
}

a {
  font-family: "Comic Sans MS",verdana,arial,helvetica,sans-serif;
  color: #FEB860;
  background: transparent;
  padding: 1px 2px;
}
a:hover {
  font-family: "Comic Sans MS",verdana,arial,helvetica,sans-serif;
  color: #FDFF99;
  background: #FEB860;
  padding: 1px 2px;
}

a.named {
  visibility:hidden;
  margin: 0;
  padding: 0;
}

table.ItemTable, table.ItemTable tr {
  border-collapse: collapse;
  margin: .5em 0;
  padding: 0;
}
table.ItemTable td {
  font-size: smaller;
  margin: 0;
  padding: .2em .5em;
  border: 1px dotted #FEB860;
}

/* - */

.red,
.SalePrice {
  color: #FEB860; /*#F00, #DC143C;  crimson */
  font-weight: bold;
}
.green {
  color: #008000;
  font-weight: bold;
}
.purple {
  color: #800080;
  font-weight: bold;
}
.blue {
  color: #000080;
  font-weight: bold;
}

/* - */

#idFooter a, #idSideColumn a {
  color: #96D089;
}
#idFooter a:hover, #idSideColumn a:hover {
  color: #FDFF99;
  background: #96D089;
}

#idMenuBar a {
  text-decoration: none;
  font-family: "Comic Sans MS",verdana,arial,helvetica,sans-serif;
}

.mnuSelected {
  font-family: "Comic Sans MS",verdana,arial,helvetica,sans-serif;
  color: #FDFF99;
  background: #FEB860;
  padding: 1px 2px;
}

#subTitle {
  color: #96D089;
  font-size: larger;
  text-align: center;
  padding: 0;
  margin: 0;
  font-style: italic;
  line-height: 1em;
}

/* --- */

.section {
  margin: 10px 0 4px 0;
}

#idLogo {
  position:absolute;
  top: 10px;
  right: 20px;
}
#idSun {
  float: right;
}

.fltLeft {
  position: relative;
  float: left;
  margin: 10px 10px 10px 6px;
  padding: 0;
}
.fltRight {
  position: relative;
  float: right;
  margin: 10px 6px 10px 10px;
  padding: 0;
}

.shadow {
  position: relative;
  padding: 0;
  background: #444;
}
.shadow a img {
  position: relative;
  margin: 0;
  padding: 0;
  left: -3px;
  top: -3px;
/*  align: left;*/
  vertical-align: top;
  border: none;
}
.shadow a, .shadow a:hover {
  display: block;
  margin: 0;
  padding: 0;
/*  align: left;*/
  vertical-align: top;
  border: none;
}

.picBorder {
  border-left: 1px solid #FEB860;
  border-top: 1px solid #FEB860;
  border-right: 1px solid #96D089;
  border-bottom: 1px solid #96D089;
}

.clrBoth {
  clear: both;
  margin: 0;
  padding: 0;
}

/* --- */

button {
  font-family: arial,helvetica,sans-serif;
}
.VCBtn { /* view cart button */
  font-size: smaller;
/*  cursor: pointer;*/
  color: #000;
  background-color: #A6FFFD;
  font-weight: bold;
/*  font-style: italic;*/
}
.ATCBtn { /* add to cart button */
  font-size: smaller;
/*  cursor: pointer;*/
  color: #000;
  background-color: #FDFF99;
/*
  background-image: url("images/new/logo_no_title_32x32.jpg");
  background-repeat: no-repeat;
*/
  font-weight: bold;
/*  font-style: italic;*/
}

.inpTxt {
  color:#000; background:#A6FFFD;
  font-family:'Courier New',monospace;
  font-size:12px;
  border:1px solid #FEB860;
}
.inpBtn {
  color:#000; background:#A6FFFD;
  font-size:10px;
  border:1px solid #FEB860;
  cursor:pointer;
}

/* --- */

#idHeader {
  /* Layout */
  position: relative;
  left: 4%;
  width: 92%;
  height: auto;
  margin: 0;
  /* Style */
  padding: 10px 0 10px 0;
  background: transparent;
}
#idMainColumn {
  /* Layout */
  position: absolute;
  left: 26%;  /* for 1-col, use 4% */
  top: 170px;
  width: 70%; /* for 1-col, use 86% */
  margin: 0;
  /* Style */
  padding: 0;
  background: transparent;
  background-image: url("images/seaweed_30x212.gif");
  background-repeat: repeat-y;
}

#idMainColumn h2, #idMainColumn div.section {
  margin-left: 50px;
}

#idSideColumn {
  /* Layout */
  position: absolute;
  left: 4%;
  top: 170px;
  width: 20%;
  margin: 0;
  /* Style */
  padding: 0;
  background: transparent;
  font-size: smaller;
}
#idMenuBar {
  /* Layout */
  /* Style */
  background: transparent;
  padding: 0;
  margin: 0;
  text-align: left;
}
#idFooter {
  /* Layout */
  visibility: hidden;
  position: absolute;
  width: 92%;
  height: auto;
  margin: 0;
  /* Style */
  padding: 20px 0 20px 0;
  background: transparent;
  font-size: smaller;
}
.smaller {
  font-size: smaller;
}
/*
Logo Colors
#61F154 - tree leaves
#FEB860 - tree trunk
#A6FFFD - sky
#96D089 - water
#FDFF99 - sand
#96D089 - seaweed
*/