/* CSS Document */

body
{
    background-color: #FFFFFF;
    margin: 40px auto 10px auto;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 12px;
    color: #666666;
    width: 997px;
}

h1, h2, h3, ul, p
{
    margin: 0px;
    padding: 0px;
}
li
{
    list-style: none;
}
.clear
{
    clear: both;
}
a, a:visited
{
    text-decoration: none;
    outline: none;
}
a img
{
    border: 0px;
}

/* Main Menu */
.topHeaderContainer
{
    background: url(../images/header-bg.gif) repeat-x top;
}
.menuContainer
{
    background: url(../images/header-left-border.gif) no-repeat left;
    display: block; !display:inline-block;}
.logo
{
    float: left;
    width: 170px;
    margin-top: 5px;
    margin-left: 35px;
}
.menuContainer ul
{
    float: right;
    width: 720px;
    height: 47px;
    padding-top: 27px;
    line-height: 23px;
    font-size: 12px;
    padding-right: 35px;
    background: url(../images/header-right-border.gif) no-repeat top right;
}
.menuContainer ul li
{
    float: right;
    margin-right: 2px;
    display: inline;
}
.menuContainer ul li a
{
    padding-left: 9px;
    height: 23px;
    color: #004063;
    display: block; !display:inline;}
.menuContainer ul li a b
{
    height: 23px;
    padding-right: 7px;
    display: inline-block;
    cursor: pointer;
    display: block;
    display: inline-block;
}
.menuContainer ul li a:hover, .menuContainer ul li.current a
{
    background: url(../images/manu-left-border.gif) no-repeat left top;
    color: #fff;
}
.menuContainer ul li a:hover b, .menuContainer ul li.current a b
{
    background: url(../images/manu-right-border.gif) no-repeat right top;
}

/* Content */
.mainContentContainer
{
    background: url(../images/content-bg.gif) repeat-y left;
    display: inline-block;
}
.rightColumnBg
{
    background: url(../images/right-column-bg.gif) repeat-y right;
}
.ContentTopstripe
{
    background: url(../images/blue-stripe-bg.gif) no-repeat top;
    display: inline-block;
}

/* Left Column Container */
.leftColumnContainer
{
    width: 634px;
    float: left;
    clear: left;
    padding-left: 7px;
}
.mainTitle
{
    color: #fff;
    font-size: 22px;
    padding: 10px;
}


/* right Column */
.rightColumnContainer
{
    width: 356px; /*padding-left:-11px;*/
    float: right;
    display: inline-block;
}
.rightColumnContainer blockquote
{
    padding-top: 5px;
    background-image: url(../images/openquote.gif);
    background-position: top left;
    background-repeat: no-repeat;
    text-indent: 21px;
    color: #fff;
    width: 265px;
    height: 50px;
    margin: 30px auto;
    margin-bottom: 5px;
    font-size: 14px;
    font-style: italic;
}
.rightColumnContainer blockquote span
{
    display: block;
    background-image: url(../images/closequote.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.quoteBy
{
    width: 200px;
    text-align: right;
    margin: 0px auto;
    font-weight: bold;
    color: #fff;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
}

/* Right Menu  Navigation */
#rightNavigationContainer
{
    margin: 26px 0px 16px -7px;
    width: 357px;
    position: relative;
}
#rightNavigationContainer li, #rightNavigationContainer li.current
{
    list-style: none;
    clear: both;
    _left: -7px;
}
#rightNavigationContainer li a, #rightNavigationContainer li.current a
{
    color: #004063;
    height: 90px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    padding-top: 6px;
    color: #004063;
}
#rightNavigationContainer li a:hover, #rightNavigationContainer li.current a
{
    background: url(../images/right-navigation-bg.gif) no-repeat top left;
    color: #747474;
    display: inline-block;
}
#rightNavigationContainer li a img
{
    float: left;
    margin: 0px 5px 5px 0px;
    border: #ffffff 1px solid;
}
#rightNavigationContainer li a span
{
    padding-top: 15px;
    color: #fff;
    display: block;
    font-weight: bold;
}
#rightNavigationContainer li a:hover span, #rightNavigationContainer li.current a span
{
    color: #333333;
}

/* Footer */
.footerContainer
{
    background: url(../images/footer-bg.gif) repeat-x top;
    font-size: 11px;
    font-weight: bold;
    color: #666666;
    clear: both;
    display: block; !display:inline-block;}
.copyRight
{
    background: url(../images/footer-left-border.gif) no-repeat top left;
    width: 300px;
    float: left;
    height: 42px;
    line-height: 42px;
    padding-left: 20px;
}
.gpNet
{
    background: url(../images/footer-right-border.gif) no-repeat top right;
    width: 300px;
    float: right;
    text-align: right;
    height: 42px;
    line-height: 42px;
    padding-right: 20px;
}
.footerContainer a, .footerContainer a:visited
{
    color: #004063;
    text-decoration: none;
    font-weight: bold;
}
.footerContainer a:hover
{
    color: #666;
}

/* Home Page */
.mainBannerHome
{
    border: 1px #999998 solid;
    margin-left: 10px;
}
.introText
{
    margin-left: 10px;
    margin-top: 20px;
    padding-right: 34px;
    text-align: justify;
    margin-bottom: 15px;
}
.introText b
{
    color: #034265;
    display: block;
}

/* Boats Pages */
.subMenuContainer
{
    background: url(../images/submenu-bg.gif) repeat-x top left;
    margin-top: 9px; !display:inline-block;}
.subMenuContainer li
{
    display: inline;
    float: left;
    background: url(../images/submenu-border.gif) no-repeat right;
}
.subMenuContainer li a
{
    width: 158px;
    display: block;
    text-align: center;
    color: #333333;
}
.subMenuContainer li a:hover, .subMenuContainer li.currentSub a
{
    background: url(../images/submenu-hover-bg.gif) repeat-x top left;
    color: #fff;
}
/* button icons */
.subMenuContainer li a b
{
    padding-top: 45px;
    height: 29px;
    background: url(../images/icon-boat.gif) no-repeat top;
    display: block;
    cursor: pointer;
}
.subMenuContainer li a:hover b, .subMenuContainer li.currentSub a b
{
    background-position: bottom;
}
.subMenuContainer li.gallery a b
{
    background-image: url(../images/icon-gallery.gif);
}
.subMenuContainer li.schedule a b
{
    background-image: url(../images/icon-schedule.gif);
}
.subMenuContainer li.technical a b
{
    background-image: url(../images/icon-technical.gif);
}
.subMenuContainer li.equipment a b
{
    background-image: url(../images/icon-equipment.gif);
}
.subMenuContainer li.pricelist a b
{
    background-image: url(../images/icon-pricelist.gif);
}
.subMenuContainer li.divesite a b
{
    background-image: url(../images/icon-divesite.gif);
}
.subMenuContainer li.specifications a b
{
    background-image: url(../images/icon-specifications.gif);
}
.subMenuContainer li.specifications a, .subMenuContainer li.divesite a
{
    width: 160px;
}

/* Itineraries*/
.itinerariesContainer
{
    border: 2px #999999 solid;
    border-width: 0px 1px 0px 0px;
    margin-top: 10px;
    background-color: #fff;
}
.itinerariesMap
{
    border: 2px #999999 solid;
    float: right;
}
a.itinerariesSites, a.SelectedSite
{
    height: 49px;
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: #999999;
    padding-left: 10px;
    padding-top: 17px;
}
a:hover.itinerariesSites, a.SelectedSite
{
    background: url(../images/submenu-hover-bg.gif) repeat-x top;
    color: #fff;
}
a.itinerariesSites span, a.SelectedSite span
{
    font-size: 12px;
    display: block;
    font-style: italic;
    cursor: pointer;
}
/* Details */
.itinerariesDetailsContainer
{
    background: url(../images/itenaries-separator.gif) repeat-x top;
    padding-top: 10px;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 20px;
    text-align: justify;
}
.itinerariesDetailsContainer h3
{
    color: #004063;
    font-size: 16px;
    margin-bottom: 15px;
}
.itinerariesDetailsContainer h3 span
{
    font-size: 12px;
}

/* Pop Ups */
.itinerariesPopUpContainer
{
    width: 414px;
    margin: auto;
}
.itinerariesPopUpBorder
{
    clear: both;
    background: #fefefe url(../images/pop-up/background.gif) repeat-x bottom;
    border: 5px #9c9c9c solid;
    width: 392px;
    padding-bottom: 10px;
    position: relative;
}
a.closeItinerariesPopUp
{
    width: 26px;
    height: 26px;
    display: block;
    float: right;
    background: url(../images/pop-up/close-btn-bg.png) no-repeat top;
    margin-top: -16px;
    margin-right: -14px;
    position: relative;
}
a.closeItinerariesPopUp span
{
    background: url(../images/pop-up/close.gif) no-repeat top;
    width: 14px;
    height: 12px;
    display: block;
    margin: 7px auto 0px;
    font-size: 10px;
}
a:hover.closeItinerariesPopUp span
{
    background-position: 0px -12px;
    cursor: pointer;
}

.ItinerariesSiteDetails
{
    width: 195px;
    margin: 0px 10px;
    float: left;
}
.ItinerariesSiteDetails h3
{
    background: url(../images/pop-up/site-icon.gif) no-repeat left;
    padding-left: 25px;
    margin: 10px 0px;
    font-size: 16px;
}
.mapKeyContainer
{
    width: 156px;
    float: right;
    padding-top: 10px;
}
.mapKeyContainer li
{
    background: url(../images/pop-up/icon-dive-type.gif) no-repeat top left;
    padding-left: 30px;
    margin-bottom: 5px;
    height: 31px;
}
.mapKeyContainer li span
{
    font-weight: bold;
}
.mapKeyContainer li .depth
{
    background-image: url(../images/pop-up/icon-depth.gif);
}
.mapKeyContainer li .visibility
{
    background-image: url(../images/pop-up/icon-visibility.gif);
}
.mapKeyContainer li .wreckLength
{
    background-image: url(../images/pop-up/icon-wreck-length.gif);
}
.mapKeyContainer li .wreckType
{
    background-image: url(../images/pop-up/icon-wreck-type.gif);
}

/* GuestBook PopUp */
.guestPopUpContainer
{
    width: 600px;
    background-color: #003f62;
    padding: 3px;
    margin: 0px auto;
}
.guestPopUpHeader
{
    background: url(../images/guest-pop-up-header.gif) repeat-x top;
    height: 40px;
    line-height: 40px;
}
.guestPopUpHeader h1
{
    width: 458px;
    float: left;
    color: #fff;
    line-height: 40px;
    padding-left: 5px;
    font-size: 20px;
}
.guestPopUpHeader a, a.closeGuestBookPopUp
{
    width: 24px;
    height: 26px;
    background: url(../images/guest-pop-up-close.gif) no-repeat top;
    display: block;
    float: right;
    margin: 6px;
}
.guestPopUpHeader a:hover, a:hover.closeGuestBookPopUp
{
    background-position: bottom;
}
.guestPopUpFormContainer
{
    color: #003F62;
    font-weight: bold;
    line-height: 22px;
    padding: 10px;
    border-top: 8px solid #1A5175;
}
.guestPopUpFormContainer label
{
    width: 100px;
    float: left;
    text-align: right;
    padding-right: 5px;
    line-height: 22px;
}
.guestPopUpFormContainer input, .guestPopUpFormContainer textarea
{
    width: 365px;
    height: 20px;
    border: #003f62;
}
.guestPopUpFormContainer textarea
{
    height: 150px;
    overflow: auto;
}
.inputSpaces
{
    height: 5px;
    line-height: 5px;
}
a.guestPopUpSubmit
{
    height: 25px;
    width: 70px;
    line-height: 25px;
    display: block;
    background: url(../images/guest-pop-up-header.gif) repeat-x bottom;
    color: #fff;
    text-align: center;
    margin-left: 414px;
    margin-bottom: 10px;
    font-weight: bold;
}
a:hover.guestPopUpSubmit
{
    letter-spacing: 1px;
    font-size: 12px;
}
.guestValidation
{
    width: 250px;
    float: left;
    color: #003F62;
}
.guestValidation ul
{
    margin: 5px 0px;
    padding: 0px 12px;
    padding-left: 115px;
}
.guestValidation ul li
{
    font-weight: bold;
    list-style: square;
}

/* Guest Book */
.guestBookIntroText
{
    width: 360px;
    float: left;
    color: #003366 !important;
    font-weight: bold;
}
a.signGuestBookBtn
{
    float: right;
    background: url(../images/guest-book-sign-btn.gif) no-repeat left top;
    line-height: 44px;
    color: #fff;
    margin-top: 10px;
    text-align: center;
}
a.signGuestBookBtn b
{
    background: url(../images/guest-book-sign-btn-brdr.gif) no-repeat right top;
    height: 44px;
    display: block;
    padding: 0px 15px;
    font-size: 16px;
    cursor: pointer;
}
a:hover.signGuestBookBtn
{
    color: #9C9C9C;
}
.guestRecordsNavigation
{
    text-align: right;
    padding: 3px 20px;
    color: #004063;
    font-weight: bold;
}
.guestRecordsNavigation a
{
    color: #004063;
    padding-right: 5px;
    margin-right: 5px;
    padding-left: 5px;
    border-right: 1px #004063 solid;
}
.guestRecordsNavigation a:hover
{
    color: #9C9C9C;
}
.guestRecordTopBorder
{
    background: url(../images/guest-book-record-bg.gif) repeat-x top;
}
.guestRecordTitle
{
    width: 410px;
    float: left;
    color: #004063 !important;
    font-weight: bold;
}
.guestRecordDate
{
    width: 150px;
    float: right;
    padding-right: 10px;
    color: #004063 !important;
    font-weight: bold;
}
a.guestRecordContacts
{
    background-color: #9C9C9C;
    float: right;
    color: #fff;
    padding: 0px 15px;
    height: 25px;
    line-height: 25px;
    font-weight: bold;
}
a:hover.guestRecordContacts
{
    color: #004063;
}


/* icons */
.mapKeyContainer li.depth
{
    background-image: url(../images/pop-up/icon-depth.gif);
}
.mapKeyContainer li.visibility
{
    background-image: url(../images/pop-up/icon-visibility.gif);
}
.mapKeyContainer li.wreckType
{
    background-image: url(../images/pop-up/icon-wreck-type.gif);
}
.mapKeyContainer li.wreckLength
{
    background-image: url(../images/pop-up/icon-wreck-length.gif);
}

/* Schedule */
.scheduleContainer
{
    background: url(../images/schedule-bg.gif) repeat-x bottom;
    margin: 10px 0px;
    padding-bottom: 10px;
}
.scheduleContainer h2
{
    padding: 10px;
    font-size: 14px;
}
.scheduleContainer table
{
    text-align: center;
}
.scheduleContainer table td
{
    border-right: #DADADA 1px solid;
    padding-bottom: 5px;
}
.scheduleContainer table td.noBorder
{
    border: none;
}
.scheduleContainer table tr.alternate
{
    background-color: #EFEFEF;
}
a.refreshSchedule
{
    width: 75px;
    height: 75px;
    display: block;
    background: url(../images/update-schedule.gif) no-repeat top;
}
a:hover.refreshSchedule
{
    background-position: bottom;
}



/* Error Page */
.showErrorDetails, .hideErrorDetails
{
    text-align: center;
    padding-top: 220px;
}
#divErrorDetails
{
    clear: both;
    padding-left: 140px;
    width: 400px;
    text-align: left;
}
.showErrorDetails #divErrorDetails
{
    display: block;
}
.hideErrorDetails #divErrorDetails
{
    display: none;
}

.showErrorDetails a.showErrorInfo, .hideErrorDetails a.showErrorInfo
{
    width: 80px;
    height: 17px;
    display: block;
    background: url(../images/error-page-more-btn.gif)no-repeat bottom;
}
.hideErrorDetails a.showErrorInfo
{
    background-position: top;
}


/* Booking Request */
.bookingBackground
{
    background: url(../images/pop-up/booking-bg.gif) repeat-y left;
}
.bookingTopBorder
{
    background: url(../images/pop-up/booking-top-brdr.gif) no-repeat top;
}
.bookingBottomBorder
{
    background: url(../images/pop-up/booking-bottom-brdr.gif) no-repeat bottom;
    padding: 10px;
}
.bookingBottomBorder h2
{
    padding: 10px 0px 10px 10px;
    color: #1A5175;
    border-bottom: 8px solid #1A5175;
}
.bookingInfo
{
    clear: both;
    padding: 10px;
}
.bookingInfo ul li
{
    display: block;
    float: none;
    background-image: none;
    color: #1A5175;
}
.bookingInfo ul li b
{
    display: block;
    float: left;
    padding-right: 10px;
    text-align: right;
    width: 99px;
}
.bookingFormContainer
{
    font-weight: bold;
    line-height: 18px;
}
.bookingFormContainer input, .bookingFormContainer select, .bookingFormContainer textarea
{
    border: 1px solid #E3E3E3;
    float: left;
    height: 18px;
    width: 150px;
}
.bookingFormContainer select
{
    height: auto;
}
.bookingFormContainer input.bookingButtons
{
    background: transparent url(../images/contact-button-bg.gif) no-repeat scroll center top;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 23px;
    margin-left: 10px;
    width: 81px;
}
.bookingFormContainer textarea
{
    height: 110px;
    overflow-y: auto;
    width: 403px;
}

/* Price List */
.ItemName
{
    text-align: right;
    padding-right: 40px;
    width: 258px;
}
.ItemPrice
{
    padding-left: 30px;
    font-weight: normal;
    border-right: 0px !important;
}
/* Equipment */
.equipmentContainer
{
    display: block;
    margin-bottom: 20px;
}
.equipmentContainer li
{
    /* margin:20px;*/
    padding: 20px;
    display: block;
    clear: both;
}
.equipmentContainer li img
{
    float: left;
    margin-right: 20px;
    border: #E3E5E7 1px solid;
}
.equipmentContainer li.alternateEquipment
{
    background-color: #E3E5E7;
}
.equipmentContainer li.alternateEquipment img
{
    border: #fff 1px solid;
}

/* Alerts */
.alertContainer, .loadingMessage, .successMessage
{
    background-color: #004063;
    width: 500px;
    line-height: 25px;
    border: 3px #fff solid;
    text-align: center;
    font-weight: bold;
    color: #fff;
    padding: 10px;
}
.loadingMessage span
{
    display: block;
    height: 29px;
    line-height: 29px;
    color: #fff;
    font-weight: bold;
}
.successMessage a
{
    display: block;
    margin: auto;
    width: 50px;
    border: 1px #E3E3E3 solid;
    background-color: #E3E3E3;
    line-height: 17px;
    color: #004063;
}

/* NewsLetter Subscribtion */
.newsLetterFormContainer
{
    clear: both;
    padding-left: 10px;
    border: #E3E3E3 1px solid;
    border-width: 1px 0px 0px 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 35px;
}
.newsLetterFormContainer h3
{
    padding-bottom: 9px;
}
.newsLetterFormContainer label
{
    width: 83px;
    padding-right: 10px;
    text-align: right;
    float: left;
    line-height: 16px;
    font-weight: bold;
}
.newsLetterFormContainer input
{
    width: 130px;
    float: left;
    border: #E3E3E3 1px solid;
    height: 16px;
    color: #666666;
}
.newsLetterFormContainer a.signup
{
    margin-left: 15px;
    width: 91px;
    height: 23px;
    color: #fff;
    display: block;
    text-align: center;
    background: url(../images/newsletter-subscribe-btn.gif) no-repeat top left;
    float: right;
    line-height: 23px;
    font-weight: bold;
}
.newsLetterFormContainer a.signup:hover
{
    background-position: bottom;
}
.newsLetterFormContainer a.unsubscribe
{
    float: right;
    color: #666;
    margin-right: 20px;
    font-size: 10px;
    text-decoration: underline;
}
.newsLetterFormContainer a:hover.unsubscribe
{
    color: #004063;
}

.fadingImages 
{
    padding-left:10px;
    
}

.bgRotator 
{
    background-color:#004063;
    width:585px;
    height:349px;
}

.bgRotator li img
{
    border: 1px solid #999998 !important;
}

/* =========== Shop =========== */
.ShopCategories { height: 209px; background:url(../images/shop/banner.jpg) no-repeat top left; }
.shopCategoriesBg { height:42px; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; padding:20px 0px 0px 20px; display:block; background-color:#fff; background-image:url(../images/shop/Category-bg.gif); }
.shopCategoriesBg p { width: 350px; float: left; font-size: 15px; font-weight: bold; }
.shopCategoriesBg select { float:left; }
.categoryDescription { padding:15px 20px 10px 20px; font-weight:bold; }
.shopItemsContainer { display:block; }
.shopItemsContainer li { margin-top:10px; border: 1px #d6d6d6 solid; border-width:0px 0px 1px 0px; }
.shopItemsContainer li p.itemDescription { width: 520px; padding-left:20px; padding-right:10px; float:left; display:block; background: url(../images/shop/list-separator.gif) no-repeat right; }
.shopItemsContainer li p.itemDescription img { float: left; margin: 0px 20px 3px 0px; border: 1px #d6d6d6 solid; width:72px; height:72px; }
.shopItemsContainer li p.itemDescription img.big { width:144px; height:144px; }
.shopItemsContainer li p.itemDescription span { display: block; font-size:14px; font-weight: bold; color: #034265; }
.shopItemPrice { width:80px; float: right; text-align: center; }
.shopItemPrice span { display: block; font-weight: bold; font-size:15px; padding-top:10px; }

a.buttonIconExpand, a.buttonIconMinimize { display: block; width: 28px; height: 23px; background: url(../images/shop/arrow-open.gif)no-repeat top left;
                margin: -20px 10px 0px 0px; float: right; }
a.buttonIconMinimize { background-image:url(../images/shop/arrow-close.gif); }
a:hover.buttonIconExpand, a:hover.buttonIconMinimize { background-position: bottom left; }