@import url("../../../../css/base.css");

/* Global Styles
--------------------------------------------------------*/
body {background: #003365}
#PageSubTable {width: 960px}
#ContentCell {background: #fff; padding: 20px}

/* Form Element Styles */
#Form2 input, #Form2 select {font: 12px Arial, Helvetica, sans-serif; color: #00274D; line-height: normal}

/* Form Page Styles */
.col2 .c1 {border-right: 1px dashed #DBAF00}
#Form2 input, #Form2 select {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #00274D; background: #fff}

/* Error Messages */
table.formtbl .ErrorMessages {width: 5px}

/* Instructions Box */
#Instruction1_InstructCell {}

/* Content Tables */
.ContentTableHeader, .ContentTable, .ContentTableHorizontal {color: #fff; background: #0052A0}
table.optionsbox {border: 1px solid #0052A0}

/* Type Styles
--------------------------------------------------------*/

/* Global Font Style */
#TopBannerCell, #TopSubBannerCell, #LeftColumnCell,
#RightColumnCell, #FooterCell, #ContentCell, .Content,
#BreadCrumbs1_BreadCrumbs1, .Instructions {font: 12px Arial, Helvetica, sans-serif}

/* Instructions */
.Instructions {color: #00274D}

/* Error Messages */
.Messages, .ErrorMessages {font-size: 14px; font-weight: bold; color: #c00}

/* Page Headlines = h1 */
.Headings, #ContentCell h1 {font-size: 16px; font-weight: bold; color: #00274D; border-bottom: 1px solid #DBAF00; padding-bottom: 5px; margin-bottom: 15px}

/* Sub Headlines = h2 */
.subHeadings, #ContentCell h2, .Content h2 {font-size: 14px; font-weight: bold; color: #00274D; margin-bottom: 15px}
#ContentCell h2.divide {padding-top: 15px; border-top: 1px dashed #DBAF00}

/* Sub Headlines 2 = h3 */
#ContentCell h3 {font-size: 12px; font-weight: bold; color: #00274D; margin: 0}

/* Body Copy */
.Content {line-height: 18px; color: #023467}
#ContentCell p {font-size: 12px; margin: 0 0 15px 0; line-height: 18px; color: #023467}

/* Static Page List Styles */
.static #ContentCell li {margin: 0}
.static #ContentCell li ul {margin: 0 0 15px 0; padding: 0; list-style: none}

/* Help Page Back To Top Link */
#ContentCell p.top {text-align: right}
#ContentCell p.top a {padding-left: 20px; background: url(images/design/c-top.gif) no-repeat 0 50%}

#ContentCell .formtbl td.input p {margin-top: 15px}

/* Body Link Styles */
.Content a, #Instruction1_InstructCell a  {color: #00274D; text-decoration: underline; font-weight: bold}
.Content a:hover, #Instruction1_InstructCell a:hover  {color: #00274D; text-decoration: none}

/* Sailing Schedule Styles */
#ContentCell table#table6,
#ContentCell table#table7,
#ContentCell table#table8{float:left; padding:0 5px 0 5px;}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {}
#TopBannerCell h1 {background: transparent url(images/design/bn-logo-bg.jpg) no-repeat 0 0; width: 960px; height: 116px; display: block; text-indent: -9999px}
#TopBannerCell h1 a {width: 960px; height: 116px; display: block}
#TopBannerCell h2 {background: transparent url(images/design/bn-online_store.gif) no-repeat 0 0; height: 30px; width: 180px; display: block; text-indent: -9999px; position: absolute; top: 118px; margin-left: 397px}
#TopBannerCell h2 a {height: 30px; width: 180px; display: block}

/* TopBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {background: url(images/design/bn-sub-bg.jpg) no-repeat 0 0; height: 34px; font-size: 12px; font-weight: bold; color: #fff}
#TopSubBannerCell a {color: #fff; text-decoration: none}
#TopSubBannerCell a:hover {text-decoration: underline}
#TopSubBannerCell .search {float: left; width: auto; margin: 4px 0 0 14px}
#TopSubBannerCell .search li {float: left}
#TopSubBannerCell .search li img {_margin-top: 1px; margin-left: 5px}
#TopSubBannerCell .search input {border: 1px solid #d0a909; width: 120px; height: 23px; font: Arial, Helvetica, sans-serif; color: #023467; font-weight: bold; padding: 3px 0 0 3px}
#TopSubBannerCell .cart {text-transform: lowercase; float: right; width: auto; background: #0052A0; border: 1px solid #D0A909; padding: 7px 10px; margin-right: 5px}
#TopSubBannerCell .cart span.divide {margin: 0 3px}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {width: 18%; _width: 19%; background: #fff url(images/design/lc-tile.gif) repeat-y left}
#LeftColumnNav1_custommenu {width: 181px; line-height: 20px; color: #fff; font-size: 14px; font-weight: bold}
#LeftColumnNav1_custommenu a {color: #fff; text-decoration: none}
#LeftColumnNav1_custommenu a:hover {color: #d6ad04}
#LeftColumnNav1_custommenu .nav-wrap {background: #023467; margin: 14px; border: 1px solid #D6AD04; padding: 1px}
#LeftColumnNav1_custommenu .nav-wrap .inner {width: 165px; float: left}
#LeftColumnNav1_custommenu .nav-wrap ul li:first-child {padding-left:5px}
.navigator {background: #023467; font-weight: bold; font-size: 14px; line-height: 20px; cursor: hand; cursor: pointer}

/* These classes are used to define the appearance of each menu item */
.categorybox {padding-left: 5px}
.overcategorybox {padding-left: 5px; color: #D6AD04}
.selectedcategorybox {padding-left: 5px; background: #0352A3}
.overselectedcategorybox {padding-left: 5px; background: #0352A3}

.navigator .subcategorybox {font-weight: normal}
.navigator .oversubcategorybox {font-weight: normal}
.navigator .selectedsubcategorybox {font-weight: normal; background: #0352A3}
.navigator .overselectedsubcategorybox {font-weight: normal; background: #0352A3}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {background: url(images/design/ft-shad-tile.gif) repeat-x top; font-size: 12px; color: #fff; padding: 7px 0 20px 0}
#FooterCell a {color: #fff; text-decoration: none; margin: 0 5px}
#FooterCell a:hover {text-decoration: underline}
#FooterCell p {text-align: center; line-height: 18px}
#FooterCell .nav {margin-top: 4px}
#FooterCell .copy {}

/* Store Home Page Styles
--------------------------------------------------------*/
.default #ContentCell {padding-bottom: 40px}
.df-welcome {background: url(images/design/df-capt-text.gif) no-repeat bottom right; padding-bottom: 15px; float: left; width: 100%}
.feat-wrap {clear: both; width: 100%; margin: 40px 0 0 0; float: left}
.feat-wrap ul {margin: 0 10px 0 0; padding: 0; list-style: none; width: auto; float: left}
.feat-wrap .name a {border: 1px solid #D3B125; background: #0052A0; padding: 3px 3px 3px 5px; font-weight: bold; display: block; color: #fff; font-size: 12px; text-decoration: none}
.feat-wrap .name a:hover {background: #003365; color: #fff}
.feat-wrap .description {display: none}

/* Detail Page Styles
-------------------------------------------------------*/

/* Detail Template 1 */
#ProductDetail11_Swatches_Table1 {padding-right: 10px}
#ProductDetail11_trPrice, #ProductDetail11_trCustomPrice, #ProductDetail11_trSavings {font-size: 13px; font-weight: bold}
tr#ProductDetail11_trDescription td {border-top: 1px dashed #DBAF00}
tr#ProductDetail11_trCategory td {padding-bottom: 10px}
tr#ProductDetail11_trEMailFriend td.button {text-align: left}

/* Detail Template 2 */
tr#ProductDetail21_trDescription td {border-top: 1px dashed #DBAF00}
#ProductDetail21_trPrice, #ProductDetail21_trCustomPrice, #ProductDetail21_trSavings {font-size: 13px; font-weight: bold}

/* Search Result Page Styles
------------------------------------------------------*/
.search-resultWrap {width:225px; margin:0 10px;}

/* My Account Page Styles
------------------------------------------------------*/
#ContentCell p.PageNavigation {text-align: center; border: 1px solid #D3B125; background: #0052A0; padding: 5px}
#ContentCell p.PageNavigation a {color: #fff}
.PageNavigation span {margin: 0 10px; color: #fff}

/* News Styles
------------------------------------------------------*/
.newsdiv {text-align:center;vertical-align:middle;color:#023467;}
.newsdiv img {margin:0 20px 15px 20px;}