/* ratesStyle.css

Author: Travis Fischer
Contact: fisch0920@gmail.com
Began: 7/12/07
Last Update: 7/19/07

*/

/* -------
 * Collage
 * ------- */

#collage {
   background: url(../Images/Rates/collage.jpg) no-repeat;
   width: 614px;
   height: 340px;
   margin: 0 auto;
   display: none;
   position: relative;
}

#collage a {
   border: none;
   position: absolute;
}

#collage a i { visibility: hidden; }

#collage a img { visibility: hidden; position: absolute; }
#collage a:hover img { visibility: visible; }

a#jetboatS { top: 125px; left: 3px; width: 146px; height: 116px; }
a#baylinerS { top: 29px; left: 122px; width: 321px; height: 119px; }
a#deck { top: 5px; left: 356px; width: 256px; height: 85px; }
a#wave { top: 160px; left: 122px; width: 322px; height: 172px; }

#collage a:hover {
   background: url(../Images/Rates/transparent.png);
   border: 1px solid #fff;
   margin: -1px 0 0 -1px;
}


/* -----------
 * Information
 * ----------- */

.infoTop {
   position: relative;
   top:0;left:0;
   width: 688px;
   height: 94px;
   background: url(../Images/Rates/infoTop.gif) transparent no-repeat;
   margin: 0 auto;
}

.infoSides {
   width: 688px;
   background: url(../Images/Rates/infoSides.jpg) repeat-y;
   margin: 0 auto;
}

.info {
   padding: 6px 16px;
}

.infoBottom {
   width: 688px;
   height: 94px;
   background: url(../Images/Rates/infoBottom.gif) transparent no-repeat;
   margin: 0 auto;
}

#content { padding: 0; }

#initialInfo {
   text-align: center;
   font-size: 120%;
   margin: 0 0 .7em;
   display: none;
}

.imageFrame {
   width: 395px;
   height: 280px;
   z-index: 88;
}

.imageFrame div {
   width: 100%;
   height: 100%;
   background: url(../Images/Rates/imageFrame.png) no-repeat;
}

.imageContent, .imageContentHover {
   float: left;
   width: 395px;
   height: 280px;
   z-index: 50;
   background: url(../Images/Rates/Jetboat/0.jpg) no-repeat 22px 22px;
   position: relative;
   margin-right: 6px;
}

a.enlargeImage {
   width: 386px;
   height: 269px;
   top: 6px;
   left: 4px;
   z-index: 90;
}

.imageContentHover a, .imageContentHover a:visited, .imageContent a, .imageContent a:visited {
   border: none;/*1px solid #ff0000; testing*/
   position: absolute;
}

a.leftArrow {
   visibility: hidden;
   z-index: 99;
   top: 120px;
   width: 26px;
   height: 62px;
   left: 10px;
}

a.rightArrow {
   visibility: hidden;
   z-index: 99;
   top: 120px;
   width: 26px;
   height: 62px;
   right: 10px;
}

a.leftArrow div {
   width: 100%; height: 100%;
   background: url(../Images/Rates/leftArrow.png) no-repeat;
}

a.rightArrow div {
   width: 100%; height: 100%;
   background: url(../Images/Rates/rightArrow.png) no-repeat;
}

a.leftArrow:hover div {
   background: url(../Images/Rates/leftArrowHover.png) no-repeat;
}

a.rightArrow:hover div {
   background: url(../Images/Rates/rightArrowHover.png) no-repeat;
}

.imageContent:hover a.leftArrow, .imageContent:hover a.rightArrow {
   visibility: visible;
}

.infoHeader {
   position: relative;
   top: 25px;
   margin: 0 auto 20px;
   height: 70px;
   /*border: 1px solid #ff0000;*/
}

.description {
   text-indent: 1.5em;
   z-index: 99;
   padding: 10px 0 0;
   text-align: justify;
}


.infoTable {
   margin-left: 5px;
}
.ratesTable {
   width: 395px;
   float: left;
}

.specialRate {
   color: #283D52;/*#416385;*/
   font-style: italic;
   font-size: 110% !important;
}

.infoNotes {
   width: 100%;
   margin: 1.5em 0 -15px;
}

#WaverunnerInfo .infoNotes {
   margin-top: 1em;
}

ul.infoNotesList {
   padding-left: 1em;
   list-style: none;
   line-height: 1.25em;
}

ul.infoNotesList li {
   background: url(../Images/bullet.gif) left center no-repeat;
   padding-left: 8px;
}


#collapsedView {
   display: none;
}

/* ----------------
 * Machine-Specific
 * ---------------- */

#JetboatInfo .infoHeader {
   background: url(../Images/Rates/Jetboat/infoHeader.jpg);
   width: 371px;
}

#JetboatInfo .infoNotes { margin-top: .5em; }

#BaylinerInfo .infoHeader {
   background: url(../Images/Rates/Bayliner/infoHeader.jpg);
   width: 429px;
}

#BaylinerInfo .imageContent { background-image: url(../Images/Rates/Bayliner/0.jpg); }

#WaverunnerInfo .infoHeader {
   background: url(../Images/Rates/Waverunner/infoHeader.jpg);
   width: 297px;
}

#WaverunnerInfo .imageContent { background-image: url(../Images/Rates/Waverunner/0.jpg); }

#WaverunnerInfo .infoTable {
   float: left;
   width: 395px;
   margin: 8px 5px 0 0;
}

#WaverunnerInfo .ratesTable {
   float: none;
   width: auto;
}

#DeckboatInfo .infoHeader {
   background: url(../Images/Rates/Deckboat/infoHeader.jpg);
   width: 449px;
}

#DeckboatInfo .imageContent { background-image: url(../Images/Rates/Deckboat/0.jpg); }

.dummyLinks, a.dummy { display: none; margin: 0; padding: 0; }

#content .center a { border: none; }

#videoContainer {
   text-align: center;
   margin: 1em auto 0;
}

.video {
   display: none;
}

a.showVideo, a.hideVideo {
   padding-left: 14px;
   background: url(../Images/FAQ/expandAll.gif) no-repeat left 50%;
   text-align: center;
   border: none;
   font-size: 110%;
   font-weight: bold;
}

a.hideVideo {
   background-image: url(../Images/FAQ/collapseAll.gif);
   margin-bottom: .7em;
}