/************************* BANNER *******************/
#banner{width: 100%; max-width: 1600px; margin: 0px auto; overflow: hidden}
#banner IMG{width: 120%; height: auto; margin: 0px auto; margin-left: -10%; position: relative; overflow: hidden}


/************************* POPUP *******************/
#mask{display: none; width: 100%; position: absolute; left: 0px; top: 0px; z-index:99; filter: alpha(opacity=70); -moz-opacity: .7; -khtml-opacity: .7; opacity: .7; background: #000}
IMG.img-popup{width: 100%; height: auto; cursor: pointer; overflow: hidden}
P.img-popup-button{text-align: center; width: 100%; height: 24px; margin: -34px 0px 0px 0px; position: absolute; left: 0%; top: 100%}
IMG.img-popup-button{width: 24px; height: 24px; margin: 0px 7px 0px 7px; cursor: pointer}
IMG.popup-close{cursor: pointer; position: absolute; right: 10px; bottom: 12px}


/************************* NEW BOATS PAGE *******************/	
#new-boats-page{max-width: 1000px; margin: 0px auto; padding: 50px 0px 0px 0px}
P.new-boats{padding-bottom: 40px}
H2.find-yacht{margin-top: 50px; padding: 40px 0px 15px 0px; border-top: solid 1px #d0d0d0}

P.find-yacht{font-size: 14px; line-height: 14px; padding: 5px 0px 50px 0px}
P.request-brand-info{text-align: center; padding: 35px 0px 45px 0px; border-bottom: solid 1px #d0d0d0}

#new-boats-brands{margin: 0px 0px 20px 0px; padding: 50px 0px 45px 0px; border: solid 1px #d0d0d0; border-left: none; border-right: none}
#new-boats-brands A{display: block; background: #fff}

DIV.new-boats{text-align: center; width: calc(50% - 2px); margin: 0px 0px 4px 0px; float: left; position: relative; overflow: hidden}
DIV.new-boats-spacer{width: 4px; height: 50px; float: left}	
DIV.new-boats-spacer-2, DIV.new-boats-spacer-4{display: none}

DIV.new-boats A IMG{width: 100%; height: auto; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out}
DIV.new-boats:hover A IMG{filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6}

DIV.new-boats A P{color: #000; font-size: 34px; line-height: 34px; font-weight: bold; letter-spacing: -1px; text-align: center; width: 100%; padding: 20px 0px 20px 0px; position: absolute; left: 0px; top: 0px; background: url(../images/elan/bg-transparent.png) repeat-x left bottom}
DIV.new-boats A P SPAN{color: #303030; font-size: 14px; line-height: 14px; letter-spacing: 0px}	
		
		
/************************* NEW BOATS MENU *******************/
#new-boats-page A.menu{text-decoration: none; width: calc(50% - 5px); margin: 10px 0px 0px 0px; display: inline-block; background: #fff}
#new-boats-page A.menu IMG{font-size: 0px; line-height: 0px; width: 100%; height: auto; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out}
#new-boats-page A.menu:hover IMG{filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6}
#new-boats-page A.menu P{font-family: Arial, sans-serif; color: #404040; font-size: 16px; line-height: 16px; font-weight: bold; letter-spacing: -1px; text-align: center; padding: 12px 0px 13px 0px; background: #e0e0e0}

#new-boats-page DIV.menu-spacer{width: 10px; display: inline-block}


/************************* NEW BOATS VIDEO *******************/
.youtube-player{max-width: 100%; height: 0px; padding-bottom: 56.23%; position: relative; overflow: hidden; background: #000}
.youtube-player iframe{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 100; background: transparent}
.youtube-player img{width: 100%; max-width: 100%; height: auto; margin: auto; display: block; border: none; cursor: pointer; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; -webkit-transition: .4s all; -moz-transition: .4s all; transition: .4s all}
.youtube-player .play{width: 72px; height: 54px; margin-left: -36px; margin-top: -27px; cursor: pointer; position: absolute; left: 50%; top: 50%; background: url(../images/button-video.png) no-repeat}


/************************* YACHT LISTINGS PAGE: SUB-MENU + PAGINATION *******************/
#yacht-listings-page{padding: 50px 0px 45px 0px}

#sub-menu{margin: 0px 0px 40px 0px; padding: 0px 0px 0px 1px; border-bottom: solid 1px #d0d0d0; overflow: hidden}
#sub-menu LI{margin: 0px 0px 0px -1px; float: left}
#sub-menu LI A{color: #202020; font-size: 10px; line-height: 10px; text-transform: uppercase; text-decoration: none; font-weight: bold; padding: 10px 40px 8px 40px; display: block; border: solid 1px #d0d0d0; border-bottom: none; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; background: #f0f0f0}
#sub-menu LI A:hover{background: #e0e0e0}
#sub-menu LI.active A, #sub-menu LI.active A:hover{color: #fff; background: #606060}

P.page-nav{color: #000; font-size: 12px; line-height: 12px; text-transform: uppercase; letter-spacing: 1px; word-spacing: -1px; padding-top: 7px; float: left}
P.page-nav A{color: #000; font-size: 12px; line-height: 12px; text-decoration: none; margin: 0px 0px 0px 10px; padding: 2px 5px 2px 5px; border: solid 1px #d0d0d0; background: #ffffff}
P.page-nav A:hover, P.page-nav A.active{color: #fff; border: solid 1px #101010; background: #606060}
DIV.page-nav{margin: 15px 0px 0px 0px; padding: 10px 0px 0px 5px; border-top: solid 1px #d0d0d0}
DIV.page-nav P{float: none}


/************************* YACHT LISTINGS PAGE: SEARCH *******************/
#stock-search{height: 23px; margin: 10px 0px 25px 0px; padding: 9px 5px 9px 5px; border: solid 1px #d0d0d0; border-left: none; border-right: none; background: #fff}
#stock-search P.sort{float: right}

P.sort-button{padding-top: 4px}
A.sort-button{color: #000; font-size: 10px; line-height: 10px; text-transform: uppercase; text-decoration: none; font-weight: bold; margin: 0px 0px 0px -1px; padding: 4px 25px 4px 25px; border: solid 1px #d0d0d0 ;cursor: pointer; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out}
A.sort-button:hover{background: #e0e0e0}
A.sort-button-active, A.sort-button-active:hover{color: #fff; border: solid 1px #606060; background: #606060}
P.sort-text{color: #484848; font-size: 12px; line-height: 12px; font-weight: bold; padding: 6px 15px 0px 0px}


/************************* YACHT LISTINGS PAGE: PLACEHOLDERS *******************/
P.search-intro{padding: 20px 0px 40px 0px}

DIV.yacht-placeholder-outer{width: calc(33.3333% - 14px); margin: 0px 0px 21px 0px; display: inline-block; vertical-align: top}

DIV.yacht-placeholder-spacer{width: 21px; height: 50px; display: inline-block; vertical-align: top}
DIV.yacht-placeholder-spacer-3, DIV.yacht-placeholder-spacer-6, DIV.yacht-placeholder-spacer-9, DIV.yacht-placeholder-spacer-12{display: none}

A.yacht-placeholder{text-decoration: none; padding: 3px; border: solid 1px #d0d0d0; display: block}
A.yacht-placeholder IMG{line-height: 0px; width: 100%; height: auto; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out}	
A.yacht-placeholder:hover IMG{filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6}

DIV.yacht-placeholder-text{text-align: center; padding: 10px 8px 12px 8px; border-top: solid 1px #d0d0d0; background: #f0f0f0}
P.yacht-placeholder-text-intro{font-family: Arial, sans-serif; color: #484848; font-size: 16px; line-height: 22px; font-weight: bold; letter-spacing: -1px}
P.yacht-placeholder-text-main{color: #000; font-size: 12px; line-height: 12px; padding: 6px 0px 0px 0px}


/************************* SUPER YACHTS PAGE *******************/
#super-yachts-page{padding: 50px 0px 5px 0px}


/************************* YACHT DESCRIPTIONS PAGE *******************/
#yacht-descriptions-page{min-height: 0px; padding: 50px 0px 30px 0px}
#yacht-descriptions-header{margin: 0px 0px 45px 0px; padding: 0px 0px 40px 0px; border-bottom: solid 1px #d0d0d0}
#yacht-descriptions-header P{padding: 5px 0px 0px 0px}

#yacht-descriptions-left{width: 280px; margin: 0px -280px 0px 0px; padding: 0px 0px 15px 0px; float: left}
P.button-request-information A{color: #fff; font-size: 16px; line-height: 16px; text-decoration: none; padding: 9px 0px 8px 0px; display: block; border: solid 1px #101010; background: #686868}
P.button-request-information{text-align: center; margin-bottom: 20px}

#yacht-descriptions-left #admin-menu{margin-bottom: 25px}

#yacht-descriptions-left DIV.summary{color: #000; font-size: 12px; line-height: 15px; text-decoration: none; min-height: 0px; margin: 0px 0px -1px 0px; padding: 8px 10px 6px 10px; border: solid 1px #d0d0d0; clear: both; overflow: hidden; background: url(../images/bg-table-row.png) no-repeat center center}
#yacht-descriptions-left DIV.summary-even{background: #fff}
#yacht-descriptions-left P.left, #yacht-descriptions-left P.right{color: #000; font-size: 14px; line-height: 20px; width: 35%; margin: 0px 0px -1000px 0px; padding: 0px 0px 1000px 0px; float: left}
#yacht-descriptions-left P.right{width: 62%; float: right}
#yacht-descriptions-left DIV.summary-price P{color: #101010; font-size: 16px; line-height: 16px; font-weight: bold; letter-spacing: -1px}

#yacht-descriptions-left #features, #yacht-descriptions-left #additional-comments{margin-top: 25px}
#yacht-descriptions-left P.features-header, #yacht-descriptions-left P.comments-header{color: #101010; font-size: 16px; line-height: 16px; font-weight: bold; letter-spacing: -1px}
#yacht-descriptions-left P.comments, #yacht-descriptions-left P.comments A{color: #000; font-size: 14px; line-height: 20px}
#yacht-descriptions-left P.comments A{display: block}

#previously-viewed-content{margin: 25px 0px 0px 0px}
DIV.previously-viewed-content{margin: -1px 0px 0px 0px; border: solid 1px #d0d0d0; border-left: none; border-right: none; background: #fff}
DIV.previously-viewed-content-even{background: url(../images/bg-table-row.png) no-repeat center center}
DIV.previously-viewed-content P.description A{color: #181818; font-size: 12px; line-height: 16px; text-decoration: none; padding: 9px 10px 9px 24px; display: block; background: url(../images/bullet-black.png) no-repeat 8px 14px}
DIV.previously-viewed-content P.description A:hover{color: #fff; background: #202020 url(../images/bullet-white.png) no-repeat 8px 13px}

#yacht-descriptions-right{margin: 0px 0px 0px 300px; float: right}
#iframe-wrapper{width: 100%; height: 0px; margin: 0px 0px 15px 0px; padding-top: 25px; padding-bottom: 56.25%; position: relative}
IFRAME{width: 100%; height: 100%; position: absolute; left: 0px; top: 0px}

DIV.img-stock-yacht{width: 49%; margin: 0px 0px 15px 0px; float: right}
DIV.img-stock-yacht-odd{clear: both; float: left}

DIV.img-stock-yacht DIV{padding: 5px; border: solid 1px #d0d0d0; background: #fff}
DIV.img-stock-yacht DIV IMG{width: 100%; height: auto; cursor: pointer}


/************************* YACHT DESCRIPTIONS POPUP *******************/
#popup{display: none; width: 800px; height: auto; min-height: 250px; margin: 0px 0px 0px -410px; padding: 10px 10px 44px 10px; z-index: 100; position: absolute; top: -1000px; left: 50%; background: #fff url(../images/throbber.gif) no-repeat center center}


/************************* CHARTER PAGE *******************/
#charter-page{position: relative}
#charter-page UL{margin: 10px 0px 35px 0px; padding: 0px 100px 0px 101px; border-bottom: solid 1px #d0d0d0}
#charter-page UL LI{font-family: Arial, sans-serif; color: #000; font-size: 16px; line-height: 16px; text-align: center; width: calc(33.333% - 2px); margin: 0px 0px 0px -1px; padding: 7px 0px 7px 0px; border: solid 1px #d0d0d0; border-bottom: none; display: inline-block; cursor: pointer; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out}
#charter-page UL LI.active, #charter-page UL LI:hover{background: #f0f0f0}

DIV.charter-section-banner{margin: 5px 0px 0px 0px; overflow: hidden}
DIV.charter-section-banner-azimut{cursor: pointer}
DIV.charter-section-banner IMG{width: 100%; height: auto}

#charter-page H2{color: #808080; font-size: 40px; line-height: 40px; text-align: center}
	
	
/************************* CHARTER PAGE ITINERARIES SECTION *******************/
DIV.charter-section-banner-itineraries{margin: 0px 0px 25px 0px}

#charter-itineraries-buttons{text-align: center; margin: 15px auto 40px}
P.charter-itineraries-button, P.charter-itineraries-button SPAN{color: #fff; font-size: 16px; line-height: 16px}
P.charter-itineraries-button{text-align: center; width: 200px; margin: 0px 5px 0px 5px; padding: 7px 0px 7px 0px; display: inline-block; cursor: pointer; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; background: #54b0e0}
P.charter-itineraries-button-active, P.charter-itineraries-button:hover{background: #1070c0}	

DIV.charter-itineraries-suggestion{display: none}
#itineraries-half-day{display: block}
DIV.charter-itineraries-suggestion H2{padding-bottom: 30px}

DIV.dive-site{margin: 0px 0px -1px 0px; padding: 45px 35px 45px 35px; border: solid 1px #d0d0d0; border-left: none; border-right: none}
DIV.dive-site-top{margin-top: 10px}
DIV.dive-site-odd{background: #f0f8ff}

#itineraries-half-day DIV.dive-site, #itineraries-full-day DIV.dive-site{border-bottom: none}

DIV.dive-site-text, DIV.dive-site-image{width: 65%; display: inline-block; vertical-align: middle}
DIV.dive-site-image{width: 35%}
DIV.dive-site-image IMG{width: 100%; height: auto}

DIV.dive-site-text P{text-align: left; margin: 0px 0px 0px 35px; padding: 0px}
DIV.dive-site-even DIV.dive-site-text P{text-align: right; margin: 0px 35px 0px 0px}
DIV.dive-site-text P.intro{font-family: Arial, sans-serif; color: #303030; font-size: 20px; line-height: 26px; letter-spacing: -1px; padding: 0px 0px 15px 0px}
DIV.dive-site-text IMG{display: none}

DIV.charter-itineraries-map{max-width: 800px; margin: 35px auto 0px}
DIV.charter-itineraries-map IMG{width: 100%; height: auto}


/************************* CHARTER PAGE DINING SECTION *******************/
P.dining-intro-text{margin: 0px 0px 35px 0px; padding: 0px 0px 55px 0px; background: url(../charters/images/bg-divider.png) no-repeat center bottom}
	
#charter-dining-menu-buttons{text-align: center; margin: 0px 0px 35px 0px}
#charter-dining-lunch-button, #charter-dining-breakfast-button{width: 100px; height: 100px; display: inline-block; cursor: pointer}
#charter-dining-lunch-button{margin: 0px 7px 0px 0px}
#charter-dining-breakfast-button{margin: 0px 0px 0px 8px}
DIV.charter-dining-button{transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; background: #54b0e0}
DIV.charter-dining-button-active, DIV.charter-dining-button:hover{background: #1070c0}

DIV.charter-dining-menu{display: none; text-align: center}
#lunch-menu{display: block}

P.charter-dining-menu-header{color: #000; font-size: 20px; line-height: 20px; font-weight: bold; letter-spacing: -1px; padding: 0px 0px 15px 0px}
P.charter-dining-menu{color: #202020; font-size: 16px; line-height: 24px; padding: 0px 0px 10px 0px}
DIV.charter-dining-divider{height: 28px; margin: 20px 0px 30px 0px; background: url(../charters/images/bg-divider.png) no-repeat center center}
	
#charter-dining-photos{margin: 25px 0px 35px 0px}
#charter-dining-photos DIV.outer{width: 25%; display: inline-block}
#charter-dining-photos DIV.inner{margin: 0px 5px 0px 5px; border: solid 1px #d0d0d0}
#charter-dining-photos DIV.outer-1 DIV.inner{margin-left: 0px; margin-right: 5px}
#charter-dining-photos DIV.outer-4 DIV.inner{margin-left: 5px; margin-right: 0px}
#charter-dining-photos DIV.inner IMG{width: 100%; height: auto}	


/************************* CHARTER PAGE AZIMUT SECTION *******************/
#charter-azimut-section{display: none}

#charter-popup{display: none; width: 900px; height: auto; margin: 0px 0px 0px -460px; padding: 10px 10px 44px 10px; z-index: 100; position: absolute; top: -1000px; left: 50%; overflow: hidden; background: #fff url(../images/throbber.gif) no-repeat center center}
#charter-popup IMG.img-popup{width: 100%; height: auto}
#charter-popup P.azimut-photo-counter{color: #000; font-size: 14px; line-height: 14px; font-weight: bold; position: absolute; left: 10px; bottom: 15px}

P.charter-azimut-button{color: #fff; font-size: 16px; line-height: 16px; text-align: center; width: 200px; margin: 35px auto 35px; padding: 7px 0px 7px 0px; cursor: pointer; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; background: #54b0e0}
P.charter-azimut-button:hover{background: #1070c0}	

#charter-azimut-summary{margin: 0px 0px 50px 0px; padding: 20px 0px 20px 1px; border: solid 1px #d0d0d0; border-left: none; border-right: none}
#charter-azimut-summary DIV.summary{width: 20%; margin-left: -1px; border-right: solid 1px #d0d0d0; display: inline-block; vertical-align: top}
#charter-azimut-summary DIV.summary-5{border: none}
#charter-azimut-summary P{color: #000; text-align: center}
#charter-azimut-summary P.icon{padding:  0px 0px 10px 0px}
#charter-azimut-summary P.field{color: #202020; font-size: 14px; line-height: 14px; text-transform: uppercase}
#charter-azimut-summary P.value{color: #b0b0b0; font-size: 45px; line-height: 45px; font-weight: bold; letter-spacing: -3px; padding: 10px 3px 0px 0px}

#charter-azimut-amenities{margin: 10px auto 45px; padding: 0px 0px 60px 0px; border-bottom: solid 1px #d0d0d0}
DIV.charter-azimut-amenities{width: 50%; display: inline-block; vertical-align: top}
DIV.charter-azimut-amenities P{color: #000; font-size: 14px; line-height: 20px; margin: 0px 0px -1px 0px; padding: 30px 15px 30px 80px; border: solid 1px #d0d0d0; border-left: none; border-right: none}
DIV.charter-azimut-amenities-left P{margin-right: 20px}
DIV.charter-azimut-amenities-right P{margin-left: 20px}	
	
DIV.charter-azimut-amenities P.fridge{background: #f0f8ff url(../charters/images/icon-fridge.png) no-repeat 10px center}
DIV.charter-azimut-amenities P.tea{background: url(../charters/images/icon-tea.png) no-repeat 10px center}
DIV.charter-azimut-amenities p.microwave{background: #f0f8ff url(../charters/images/icon-microwave.png) no-repeat 10px center}
DIV.charter-azimut-amenities P.cooking{background: #f0f8ff url(../charters/images/icon-cooking.png) no-repeat 10px center}
DIV.charter-azimut-amenities P.dinghy{background: url(../charters/images/icon-dinghy.png) no-repeat 10px center}
DIV.charter-azimut-amenities P.snorkel{background: #f0f8ff url(../charters/images/icon-snorkel.png) no-repeat 10px center}

#charter-azimut-specs{text-align: center; margin: 10px 0px 0px 0px}
#charter-azimut-specs-left, #charter-azimut-specs-right{width: 50%; display: inline-block; vertical-align: top}
	
DIV.charter-azimut-specs{margin-bottom: -1px; position: relative}
DIV.charter-azimut-specs P.charter-azimut-specs-left{background: #fff}
DIV.charter-azimut-specs:nth-child(odd) P.charter-azimut-specs-left{background: #f0f8ff}
P.charter-azimut-specs-left, P.charter-azimut-specs-right{color: #000; font-size: 14px; line-height: 14px}
P.charter-azimut-specs-left{text-align: left; padding: 12px 12px 10px 12px; border: solid 1px #d0d0d0} 
P.charter-azimut-specs-right{text-align: right; position: absolute; right: 12px; top: 12px}
	
#charter-azimut-specs-left P.charter-azimut-specs-left{margin-right: 20px}
#charter-azimut-specs-left P.charter-azimut-specs-right{right: 32px}
#charter-azimut-specs-right P.charter-azimut-specs-left{margin-left: 20px}	

P.charter-azimut-plan-header{color: #282828; font-size: 18px; line-height: 18px; letter-spacing: -1px; padding: 50px 0px 15px 0px}	
DIV.charter-azimut-plan{text-align: center; border: solid 1px #d0d0d0}
DIV.charter-azimut-plan IMG{width: 100%; height: auto}
	
	
/************************* CHARTER PAGE RESERVATIONS SECTION *******************/
#charter-reservations-section{display: none; padding: 0px 50px 0px 50px}

TABLE.charter-prices{width: 100%; margin: 10px 0px 0px 0px}
TABLE.charter-prices TH{color: #fff; font-size: 18px; line-height: 18px; font-weight: bold; letter-spacing: -1px; padding: 12px 10px 12px 10px; border: solid 4px #fff; border-top: none; border-right: none}

TABLE.charter-prices TR TH.col-1{border-left: none}
TABLE.charter-prices TR TH{background: #2c98d8}	
	
TABLE.charter-prices TD{color: #000; font-size: 25px; line-height: 25px; letter-spacing: -1px; text-align: center; padding: 12px 15px 12px 15px; border: solid 4px #fff; border-top: none; border-right: none}	
TABLE.charter-prices TD.col-1{border-left: none}

TABLE.charter-prices TD P.season{color: #404040; font-size: 18px; line-height: 18px; font-weight: bold; letter-spacing: -1px; text-align: left; padding: 4px 0px 5px 0px}
TABLE.charter-prices TD P.season-dates{color: #000; font-size: 14px; line-height: 22px; text-align: left}
	
TABLE.charter-prices TR.row-1 TD, TABLE.charter-prices TR.row-3 TD{background: #f0f8ff}
TABLE.charter-prices TR.row-2 TD{background: #c0e8ff}

#charter-reservation-notes{margin: 40px auto 40px; padding: 30px 0px 35px 0px; border: solid 1px #d0d0d0; border-left: none; border-right: none}
#charter-reservation-notes P{text-align: left; padding: 0px; max-width: 500px; margin: 0px auto}

#charter-contact{padding: 15px 0px 0px 0px}

#charter-contact-personnel{width: 250px; display: inline-block; vertical-align: top}
DIV.charter-contact-personnel DIV{padding: 20px; border: solid 1px #d0d0d0; background: #f0f8ff}
DIV.charter-contact-personnel-right{margin-top: 25px}
DIV.charter-contact-personnel P.header{color: #000; font-size: 14px; line-height: 14px; font-weight: bold}
DIV.charter-contact-personnel IMG{width: 100%; height: auto; margin: 20px auto}
DIV.charter-contact-personnel P.mobile{color: #000; font-size: 14px; line-height: 20px}

#charter-contact-form{width: calc(100% - 250px); display: inline-block; vertical-align: top}
#charter-contact-form-inner{margin-left: 45px}
#charter-contact-form P.input{color: #000; font-size: 14px; line-height: 14px; font-weight: bold; padding: 25px 0px 5px 0px}
#charter-contact-form P.input-date-charter{padding-top: 0px}
#charter-contact-form INPUT{color: #000; font-size: 16px; line-height: 16px; width: 98%; padding: 5px 0px 5px 0px; border: solid 1px #d0d0d0}

#charter-type{margin-top: 5px}
DIV.charter-type{width: 25%; height: 30px; display: inline-block}
DIV.charter-type P, DIV.charter-type DIV.option{display: inline-block; vertical-align: middle}
DIV.charter-type DIV.option{width: 28px; height: 28px; margin: 0px 10px 0px 0px; border: solid 1px #c0c0c0; cursor: pointer; transition: border .3s ease-in-out; -moz-transition: border .3s ease-in-out; -webkit-transition: border .3s ease-in-out; background: #fff}
DIV.charter-type DIV.option:hover{border: solid 1px #888}
DIV.charter-type DIV.option-active, DIV.charter-type DIV.option-active:hover{background: #fff url(../charters/images/bg-tick.png) no-repeat center center}	
DIV.charter-type P{color: #000; font-size: 14px; line-height: 14px}

#charter-duration{display: none}
#charter-duration P.input{margin-bottom: -5px; padding-bottom: 0px}
DIV.charter-duration{width: 55px; margin-top: 15px; float: left}
DIV.charter-duration P.option{color: #000; font-size: 14px; line-height: 1px; text-align: center; margin: 0px 15px 0px 0px; padding: 15px 0px 15px 0px; border: solid 1px #c0c0c0; cursor: pointer; transition: border .3s ease-in-out; -moz-transition: border .3s ease-in-out; -webkit-transition: border .3s ease-in-out; background: #fff}
DIV.charter-duration P.option:hover{border: solid 1px #888}
DIV.charter-duration P.option-active, DIV.charter-duration P.option-active:hover{color: #fff; border: solid 1px #ffa010; background: #ffa010}	

#charter-throbber{width: 100px; height: 100px; margin: 25px 0px 0px 30px; display: none}
#charter-contact-form IMG.charter-submit{width: 160px; height: 29px; margin: 25px 0px 0px 0px; cursor: pointer}
#charter-contact-success{padding: 25px 0px 5px 0px; display: none}


/************************* CALENDAR *******************/
#calendar{width: 100%; background: #fff}

DIV.calendar-month{padding: 5px; border: solid 1px #d0d0d0; display: none}
DIV.calendar-month-active{display: block}

DIV.calendar-header{padding: 9px 0px 13px 0px; position: relative; border-bottom: solid 1px #d0d0d0}
P.calendar-header{color: #000; font-size: 14px; line-height: 14px; font-weight: bold; text-align: center}
IMG.button-calendar-up, IMG.button-calendar-down{position: absolute; right: 5px; top: 6px; cursor: pointer}
IMG.button-calendar-down{left: 5px}

P.calendar-day{color: #000; font-size: 14px; line-height: 14px; text-align: center; width: 14.28%; padding: 10px 0px 10px 0px; float: left}
DIV.calendar-day{width: 14.28%; float: left}
DIV.calendar-day P{color: #000; font-size: 12px; line-height: 12px; text-align: center; height: 12px; padding: 15px 0px 15px 0px; border: solid 2px #fff; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; background: #c8f0ff}
DIV.calendar-day P.booked{background: #58c0ff url(../charters/images/icon-booked.png) no-repeat center center} 
DIV.calendar-day P.available{cursor: pointer} 
DIV.calendar-day P.available:hover{color: #fff; background: #1070c0}
DIV.calendar-day P.selected, DIV.calendar-day P.selected:hover{color: #fff; background: #ffa010}


/************************* ABOUT US PAGE *******************/
#about-page{}
#about-page P.intro{padding: 0px 0px 45px 0px}

DIV.about-staff{padding: 60px 0px 60px 0px; border-top: solid 1px #d0d0d0}
DIV.about-left, DIV.about-right{display: inline-block; vertical-align: top}
DIV.about-left{width: 362px}
DIV.about-left IMG{width: 350px; height: 350px; margin-top: 5px; padding: 5px; border: solid 1px #d0d0d0}
DIV.about-right{width: calc(100% - 362px)}	
DIV.about-right IMG{display: none}	
DIV.about-right-odd H2, DIV.about-right-odd P{padding-left: 50px}
DIV.about-right-even H2, DIV.about-right-even P{text-align: right; padding-right: 50px} 
DIV.about-right P.about-phone{color: #606060; font-size: 20px; line-height: 20px; font-weight: bold; letter-spacing: -1px; padding-top: 15px}


/************************* CONTACT PAGE *******************/
#contact-page{min-height: 0px}
#contact-left{width: 290px; padding-top: 5px; float: left}
#side-nav{margin-top: 10px; background: #fff}
A.side-nav{font-family: Arial, sans-serif; color: #404040; font-size: 12px; line-height: 12px; text-decoration: none; font-weight: bold; margin: -1px 0px 0px 0px; padding: 15px 0px 14px 10px; border: solid 1px #d0d0d0; border-left: none; border-right: none; display: block; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; background: url(../images/bg-table-row.png) no-repeat center center}
A.side-nav-odd{background: #fff}
A.side-nav:hover{background: url(../images/bg-table-row-dark.png) no-repeat center center}	

#contact-right{margin: 0px 0px 0px 330px; padding: 0px 0px 5px 40px; background: url(../images/bg-divider.png) repeat-y 0px 0px}	

FORM.contact-table{margin: 15px 0px 0px 0px; padding: 25px 25px 15px 25px; border: solid 1px #d0d0d0; background: #f6f6f6}
FORM.contact-table DIV.contact-left{width: 30%; padding: 7px 0px 10px 0px; clear: both; float: left}
FORM.contact-table DIV.contact-right{width: 68%; padding: 0px 0px 15px 0px; float: right}

FORM.contact-table DIV.contact-left P.label{font-family: Arial, sans-serif; color: #303030; font-size: 12px; line-height: 15px; text-align: right; font-weight: bold; padding: 0px 15px 0px 10px}

FORM.contact-table INPUT, FORM.contact-table TEXTAREA, FORM.contact-table SELECT{color: #000; font-size: 14px; line-height: 14px; width: 98%; padding: 5px 0px 5px 5px; border: solid 1px #b8b8b8; background: #fff}
FORM.contact-table TEXTAREA{line-height: 20px; height: 150px}
FORM.contact-table SELECT{width: 160px; padding-left: 2px}
FORM.contact-table OPTION{color: #000; font-size: 14px; line-height: 14px}

FORM.contact-table INPUT.spam{width: 154px}
FORM.contact-table INPUT.submit{width: 160px; height: 29px; margin-top: 10px; cursor: pointer; border: none; background: url(../images/button-submit.png)}

P.success{color: #888; font-size: 18px; line-height: 22px; letter-spacing: -1px; padding: 5px 0px 300px 0px}