html {
  margin: 0;
  padding: 0;
  height: 100%;}

body {
  margin: 3px 0 0 0;
  background: #fff;
  font: 0.8em Verdana, "Trebuchet MS", Helvetica, sans-serif;
  color:#000;}

#wrapper {
  width: 930px;
  margin: 0 auto;
  padding: 0;
  min-height: 100%;
  overflow: hidden;
  background: #fff;}
  
.topheader {
  font-size: 80%; 
  background: #fff; 
  color: #4275E1; 
  margin: 0;}

#container {
  width: 760px;
  float: left;
  overflow: hidden;}

#divleft {
  width: 167px;
  float: left;
  padding-right: 3px;
  background: rgb(248,248,248);
  min-height: 100%;
  overflow: hidden;}

#divmiddle {
  width: 540px;
  float: left;
  padding-right: 10px;
  background: #fff;
  margin-top: 0;
  margin-left: 10px;
  padding-bottom: 30px;
  color: #000;  
  height: 100%;}

#divright {
  width: 170px;
  float: right;
  overflow: hidden;}

/* LEFT COLUMN */

.pskip {
  color: rgb(220,220,220);
  margin-top: 15px;
  margin-bottom: 0;
  padding-left: 5px;
  padding-bottom: 2px;
  font-size: 85%;}

.pimg {
  margin-top: 10px;
  text-align: center;}

.pimg img {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 170px;}

.address, .telephone {
  padding-left: 5px;
  color: rgb(220,220,220);
  font-size: 85%;}

.address {
  margin-top: 40px;}

#divleft .specialtitle, #divleft .specialtext {
  margin-left: 10px;
  color: #ffff00;}

#divleft .specialtitle {
  margin-top: 40px;}

#divleft .specialtext {
  margin-right: 10px;}

/* LEFT NAVIGATION */

#ul-nav {
  margin: 0;
  padding: 0;
  list-style-type: none;}

#ul-nav li a, .sitemap a {
  display: block;
  font-size: 110%;
  font-family: "Trebuchet MS";
  padding: 6px 10px 6px 0;
  background: url(images/menu.gif) no-repeat center right;
  color: #000;
  text-decoration: none;
  text-align: right;}

#ul-nav li a:hover, .sitemap a:hover {
  background: url(images/menu1.gif) no-repeat center right;
  color: #709E9B;
  text-decoration: none;}

.libottom {
  border-bottom: 1px solid #4275E1;}

.li-title {
  text-align: center;
  color: #fff;
  background: #4275E1;
  width: 170px;
  font-size: 110%;
  font-weight: bold;}

/* HEADER */

#header {
  width: 930px;
  position: absolute; 
  top: 5px; 
  left: 50%; 
  margin-left: -465px;}

#headLeft {
  width: 760px;
  float: left;
  height: 110px;
  background: url(images/newbg.jpg) no-repeat bottom left;}

#headLeft h3 {
  font-size: 14px;
  margin: 0;
  padding-top: 3px;
  text-align: right;
  margin-right: 10px;
  color: #3C70E0;}

#headLeft h1 {
  text-align: right;
  margin-right: 10px;
  font-weight: normal;
  color: #000; 
  margin-top: 2px;
  font-size: 26px;}
  
#headLeft h1 span {
  color: #2E3192; 
  font-weight: bold;}
  
#headLeft h1 .span50 {
  font-size: 50%;}
  
#headLeft h1 .span50 a {
 text-decoration: none;
 color: #2E3192;}
 
#headLeft h1 .span50 a:hover {
 text-decoration: underline;
 color: #4275E1;}

#headRight {
  width: 170px;
  float: left;
  height: 110px;
  background: #fff url(images/srchcorner.gif) no-repeat top left;
  margin-bottom: 3px;}

#site-search {
  margin-bottom: 0;
  padding: 0;
  /*margin-top: -10px; IE6 won't put to top of page*/
  padding-top: 0;}

.psitesearch {
  margin-bottom: 0;
  margin-top: 10px;
  border: 0;
  background: none;
  color: #fff;}

.psitesearch label {
  margin-left: 8px;}

#fullsearch {
  width: 120px;
  margin-left: 8px;}

#submitsearch {
  width: 30px;}

.p-opening {
  clear: right;
  margin: 15px 10px 0 10px;
  padding-top: 5px;
  color: #fff;}

.p-opening1 {
  margin-top: 10px;
  border: 0;
  background: none;
  color: #fff;
  border-top: 1px solid #fff;}

.p-opening a {
  width: 140px;
  text-decoration: none;
  color: #fff;
  display: block;
  background: url(images/cart.gif) no-repeat top right;}

#divLogin {
  clear: left;
  width: 930px;
  margin-top: 3px;
  border-top: 1px solid #4275E1;
  border-bottom: 1px solid #4275E1;
  overflow: hidden;
  background: #4275E1; color: #fff;}

#divLogin h2 {
  float: left;
  width: 400px;
  margin: 0;
  font-size: 130%;
  font-family: "Trebuchet MS";
  text-indent: 3px;}

#frmLogin {
  color: #666;
  text-align: right;
  float: right;
  width: 500px;
  font-size: 95%;
  margin: 1px 0 0 0;
  padding: 0 3px 0 0;
  color: #fff;}

#frmLogin input, #frmLogin label {
  font-size: 90%;}

#divheader .pcontact {
  font-size: 85%;
  margin-top: 75px;
  margin-bottom: 0;
  text-indent: 80px;
  color: #2FA2A2;
  letter-spacing: 0.3em;}

/*Question Hover */
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none;}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-5em; left:-16em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left;
    font-size: 10px;
	padding: 5px;}

/* MAIN BODY */

#divposition {
  margin-left: 10px;}

#divmiddle h2 {
  color:#000;
  font-size:130%;
  font-family: "Trebuchet MS";
  font-weight: 500;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 0;
  width: 540px;
  border-bottom: 2px solid #2FA2A2;}

#divmiddle h3 {
  font-size:140%;
  font-family: "Trebuchet MS";
  font-weight: 500;
  margin-left: 10px;}

.bodytext {
  padding-left: 15px;
  line-height: 1.5em;
  margin-top: 10px;}
  
.bodytext a {
  color: rgb(90,90,90);}

/* Right Column */

#reminder h5, #divright .rTitle {
  border-bottom: 2px solid #4275E1;
  color:#000;
  font-size:130%;
  font-family: "Trebuchet MS";
  font-weight:500;
  line-height:30px;
  margin-bottom: 5px;
  margin-top: 5px;
  background: #fff;}

#div-hints {
  background: #fff;
  overflow: hidden;}

.phints-left {
  clear: left;
  float: left;
  width: 20px;
  margin-top: 5px;
  margin-bottom: 3px;
  padding: 0;
  font-size: 90%;}

.phints-right {
  float: left;
  width: 130px;
  margin-top: 5px;
  margin-bottom: 3px;}

.phints-right a {
  text-decoration: none;
  color: #666;}

.phints-right a:hover {
  text-decoration: underline;}

#aquamonde {
  background: #5283E5;}

#aquamonde img {
  border: 0;}

#aquamonde a, #aquamonde a:visited {
  text-decoration: none;
  color: #fff;}

#divtrade {
  background: #5A8BE7;
  color: #fff;
  border-bottom: 10px solid #2FA3A3;}

.trade1, .trade2, .trade3 {
  font-size: 90%;}

.trade1 {
  border-top: 5px double #fff;
  padding: 5px 5px 0 5px;}

.trade2 {
  padding: 0 8px 0 8px;}

.trade3 {
  border-bottom: 3px double #fff;
  padding: 0 8px 10px 8px;}

.trade3 a{
  color: #fff;}

.innerdiv {
  margin-top: 10px;}

.innerdiv p {
  margin-top: 3px;
  text-align: center;
  color: #fff;
  padding-top: 3px;
  padding-bottom: 10px;
  font-size: 85%;}

#wand .w1 {
  text-align: center;}

#wand .w2 {
  font-size: 85%;
  color: #666;
  text-align: justify;}

#wand form {
  text-align: center;}

#wand form span {
  font-size: 110%;}

#wand form .buybtn {
  background: #4275E1;}
  
#divDelivery {
  border: 2px solid #4275E1; 
  padding: 5px; 
  margin-top: 10px;}
  
.pdivDelivery1 {
  background: url(images/truck.png) no-repeat bottom right; 
  font-size: 120%; 
  font-family: 'Trebuchet MS'; 
  height: 30px; 
  margin: 0;}
  
.pdivDelivery1 a, .pdivDelivery1 a:visited {
  text-decoration: none; 
  color: #000;}
  
.pdivDelivery2 {
  text-align: center; 
  margin: 0; 
  color: #28A9E0;}
  
.pdivDelivery2 a, .pdivDelivery2 a:visited {  
  text-decoration: none; 
  color: #28A9E0;}
  
.pdivDelivery3 {
  margin: 3px 0 3px 0; 
  color: #000; 
  text-align: center;
  font-size: 85%;}
  
.pdivDelivery3 a, .pdivDelivery3 a:visited {
  text-decoration: none; 
  color: #818181;}
  
.divUpdates {
  border: 2px solid #4275E1; 
  margin-top: 10px;}
  
.divUpdates h4 {
  margin: 0; 
  text-align: center;}
  
 .divUpdates h4 a, .divUpdates h4 a:visited { 
  color: #000; 
  text-decoration: none;}
  
.pdivupdate1,.pdivupdate2 {
  padding: 5px; 
  margin: 0;}
  
.pdivupdate2 {
  background: #4275E1; 
  text-align: center;}
  
.pdivupdate2 a, .pdivupdate2 a:visited {
  color: #fff; 
  text-decoration: none;}
  
#reminder ul {
  margin: 0; 
  padding: 0 0 0 20px; 
  list-style-type: square; 
  list-style-position: outside;
  font-size: 85%;}

/* FOOTER */

#clear {clear: both;}

#footer {
  clear: both;
  padding-top: 5px;
  padding-bottom: 30px;
  margin-top: 20px;
  border-top: 3px double #D0EAEB;
  overflow: hidden;}

#footer ul {
  margin: 0;
  padding: 0;}

#footer ul li {
  margin-left: 20px;
  font-size: 90%;}

.leftlist, .innerlist {
  float: left;}

.rightlist {
  float: right;
  text-align: right;}

.leftlist, .innerlist, .rightlist {
  margin-top: 5px;
  list-style: none;
  color: #9e9e9e;
  font-size: 90%;}

.leftlist a, .innerlist a, .rightlist a, .leftlist a:visited, .innerlist a:visited, .rightlist a:visited {
  text-decoration: none;
  color: #9e9e9e;}

/* CLUB FORM */

#div-club {
  padding-left: 5px;
  padding-right: 5px;
  border-top: 10px solid #4275E1;
  border-bottom: 10px solid #4275E1;
  margin-left: 5px;
  margin: 20px auto;
  background: #4275E1;}

#frmClub fieldset {
  padding: 0 0 0 5px;
  border: 0;}

#frmClub legend {
  color: #fff;
  font-family: "Trebuchet MS";
  font-size: 115%;}

#frmClub .top-p {
  font-size: 85%;
  margin-top: 0;
  margin-bottom: 5px;
  color: #fff;}

#frmClub .bot-p {
  margin-top: 5px;
  margin-bottom: 2px;
  text-align: right;}

#frmClub label {
  color: #fff;
  font-size: 85%;}

#frmClub .entry {
  width: 145px;
  font-size: 90%;
  margin-top: 2px;
  margin-bottom: 3px;
  background: rgb(240,240,240);}

#frmClub .submit {
  width: 50px;
  background: #5E8EE8;
  border-top: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
  border-right: 1px solid #2C61DC;
  border-bottom: 1px solid #2C61DC;
  color: #fff;
  cursor: pointer;}

#frmClub .submit:hover {
  border-top: 1px solid #2C61DC;
  border-left: 1px solid #2C61DC;
  border-right: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
}

#frmClub .bot-p span {
  font-size: 80%;}

#frmClub .bot-p a, #frmClub .bot-p a:visited {
  text-decoration: none;
  color: #fff;}

#frmClub .bot-p a:hover {
  text-decoration: underline;}

img {
  border: 0;}

#divTerm {
  margin-left: 20px;
  margin-right: 20px;}

#divTerm h4 {
  color: #000;}
  
#questiongif {
  cursor: pointer;}
  
.w3c {
	margin-top: 0; 
	margin-left: 20px;}
  
#bookmarkDiv {
  margin: 10px 0 0 0;}
  
.pbookmark {
  margin: 0; 
  text-align: center; 
  padding-top: 10px; 
  background: url(images/bookmark.gif) no-repeat top left; 
  width: 170px; 
  height: 40px; 
  font-size: 110%; 
  font-weight: bold;}
  
.pbookmark a, .pbookmark a:visited {
  display: block; 
  color: #fff; 
  text-decoration: none;}