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

/*
Logo Colors
#61F154 - tree leaves
#FEB860 - tree trunk
#A6FFFD - sky
#96D089 - water
#FDFF99 - sand
#96D089 - seaweed
*/

* {
  margin: 0;
  padding: 0;
}

html, body {
  color: #000000;
  background: #FFFFFF;
  font-family: "Comic Sans MS",verdana,arial,helvetica,sans-serif;
}

h1 {
  font-size: 300%;
  font-weight: bold;
  margin: 0;
  padding: 10px 0 0 0;
  color: #96D089;
  text-align: left;
  line-height: 1em;
}                    
h2 {
  font-size: large;
  font-weight: bold;
  margin: 20px 0 0 0;
  padding: 0;
  color: #FEB860;
}
h3 {
  font-size: medium;
  font-weight: bold;
  margin: 20px 0 0 0;
  padding: 0;
  color: #96D089;
}

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

a {
  color: #FEB860;
  background: transparent;
  padding: 1px 2px;
}
a:hover {
  color: #FDFF99;
  background: #FEB860;
  padding: 1px 2px;
}

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

ol, ul {
  margin-left: 20px;
}

table.ItemTable, table.ItemTable tr {
  border-collapse: collapse;
  margin: .5em 0;
  padding: 0;
}
table.ItemTable th {
  font-weight: bold;
  margin: 0;
  padding: .2em .5em;
  border: 1px dotted #FEB860;
}
table.ItemTable td {
  font-weight: normal;
  margin: 0;
  padding: .2em .5em;
  border: 1px dotted #FEB860;
}
table.ItemTable td.c3 {
  text-align: right;
}

/* - */
/*
#idSideColumn p {
  color: #365f91;
  font-weight: normal;
}
#idSideColumn h3,
#idMainColumn h3 {
  color: #7030a0;
  font-weight: normal;
}
#idMainColumn h2 {
  color: #984806;
  font-weight: bold;
}
#idMainColumn p {
  color: #215868;
  font-weight: bold;
}
*/

/* - */

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

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

#idMenuBar a {
  text-decoration: none;
}

.mnuSelected {
  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;
  vertical-align: top;
  border: none;
}
.shadow a, .shadow a:hover {
  display: block;
  margin: 0;
  padding: 0;
  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 */
  color:#000000;
  background:#A6FFFD;
  border:1px solid #FEB860;
  cursor:pointer;
  font-size: 11px;
  font-weight: bold;
}
.ATCBtn { /* add to cart button */
  color:#000000;
  background:#A6FFFD;
  border:1px solid #FEB860;
  cursor:pointer;
  font-size: 11px;
  font-weight: bold;
}

.inpTxt {
  color:#000000;
  background:#A6FFFD;
  font-family:'Courier New',monospace;
  font-size:12px;
  border:1px solid #FEB860;
}
.inpBtn {
  color:#000000;
  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;
}

/* Viewport Elements
 z-indeces:
   99 - vp-sale
   98 - vp-base
*/
table.vport {
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}
table.vport tr {
  vertical-align: middle;
}
table.vport td {
  text-align: center;
  overflow: hidden;
}
table#vp-sale {
  z-index: 99;
}
table#vp-sale td {
  background-color: transparent;
}
table#vp-base {
  z-index: 98;
}
table#vp-base td {
  background-color: #476B8E;
  height: 100%;
  width: 100%;
/*  opacity: .2;*/
}

/* Sale */

#sale-r1 {
  height: 20%;
}
#sale-r2 {
  height:373px;
}
#sale-r3 {
  height: 20%;
}
#sale-r1c1 {
  width: 20%;
}
#sale-r2c2 {
  width: 728px;
  text-align: left;
}
#sale-r3c3 {
  width: 20%;
}
#sale-con {
  background-color: #FEB860;
  border: 2px solid #A9A9A9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  padding: 10px;
  margin: 0 auto;
  width: 700px;
}
#sale-ttl {
  position: relative;
  background-color: #FDFF99;
  font-weight: bold;
  font-size: larger;
  width: 100%;
/*  width: 700px;*/
}
#sale-ttl-l {
  padding: 2px 6px;
  text-align: center;
  width: 560px;
}
#sale-ttl-r {
  position: absolute;
  padding: 2px 6px;
  cursor: pointer;
  right: 0;
  top: 0;
}

#sale-scr {
  position: relative;
  background-color: #FFFFFF;
  height:373px;
  width: 100%;
}
#sale-txt-con {
  position: absolute;
  right: 0;
  top: 0;
  width: 138px;
  height:353px;
  padding: 20px 2px 0 2px;;
  background-color: #FFFFFF;
  text-align: center;
}
#days-remaining {
  font-weight: bold;
}
#eos-atc-btn {
  margin-top: 20px;
}
/*
sale pic: 560px × 373px
*/

.notice {
  color: #7FFFD4;
  font-weight: bold;
}
.red,
.SalePrice {
  color: #990000;
  font-weight: bold;
}
.SalePara {
  margin: 5px 0;
  text-align: center;
}
.SalePlus {
  font-size: 30px;
  margin: 0;
  line-height: 1em;
}
a#sale-link {
  color: #990000;
  background-color: #FFFFFF;
  font-weight: bold;
}
a#sale-link:hover {
  color: #FFFFFF;
  background-color: #990000;
  font-weight: bold;
}