body { margin: 0px; padding: 0; background: #000066; color: #000000; }

img { display: none; }

#header-outer { clear: both; width: 720px; height: 120px; background: #fff; color: #000; border-bottom: 1px solid #009966; }

#main-outer { clear: both; background: #fff; }

#left-outer { float: left; width: 154px; padding: 0px 0 10px 0; }
#left-inner { width: 100%; overflow: hidden; }

p.left-inner-text { text-align: center; margin-top: 10px; }

.left-inner-text a:link { color: #0066cc; text-decoration: underline; }
.left-inner-text a:visited { color: #666666; text-decoration: underline; }
.left-inner-text a:hover { color: #666666; text-decoration: underline; }
.left-inner-text a:active { color: #666666; text-decoration: underline; }

#left-inner-img { float: left; width: 154px; text-align: center; }
#left-inner-img img { margin-top: 15px; }

#content-outer { margin-left: 164px; padding: 10px; }
#content-inner { width: 100%; overflow: hidden; }

.element-content-outer { padding: 5px; }
.element-content-inner { }
.element-footer-options-outer { margin: 15px; }
.element-footer-options-inner { float: left; overflow: hidden; }

/* =============================== END CSS Containers =============================== */

/* ============================== START CSS Columns and Panels ============================== */

/* Columns Alpha */
.element-columns-alpha-outer { clear: both; }
.element-columns-alpha-inner { width: 100%; overflow: hidden; }

.element-column-left-alpha-outer { }
.element-column-left-alpha-inner { width: 100%; overflow: hidden; }
.element-column-left-alpha-content { }

.element-column-right-alpha-outer { }
.element-column-right-alpha-inner { width: 100%; overflow: hidden; }
.element-column-right-alpha-content { }

/* Panel Alpha */
.element-panel-alpha-outer { clear: both; margin-bottom: 10px; }
.element-panel-alpha-inner { width: 100%; overflow: hidden; }

.element-panel-alpha-icon-outer { }
.element-panel-alpha-icon-inner { }

.element-panel-alpha-header-outer { background: #009966; padding: 4px 5px 3px 8px; color: #ffffff; }
.element-panel-alpha-header-inner { }

.element-panel-alpha-body-outer { }
.element-panel-alpha-body-inner { }

.element-panel-alpha-body-content-outer { border: 1px solid #009966; padding: 5px; background: #e6fcf1; }
.element-panel-alpha-body-content-inner { width: 100%; overflow: hidden; }

div.element-panel-alpha-body-content-inner ul { padding-left: 1em; margin-left: 1em; list-style-type: square; }
div.element-panel-alpha-body-content-inner li { }

/* Panel Beta [ Set in this example to float left for portal effect */
.element-panel-beta-outer { clear: both; margin-bottom: 10px; float: left; }
.element-panel-beta-inner { width: 100%; overflow: hidden; }

.element-panel-beta-icon-outer { }
.element-panel-beta-icon-inner { }

.element-panel-beta-header-outer { background: #003399; padding: 4px 5px 3px 8px; color: #ffffff; }
.element-panel-beta-header-inner { }

.element-panel-beta-body-outer { }
.element-panel-beta-body-inner { }

.element-panel-beta-body-content-outer { border: 1px solid #003399; padding: 5px; background: #f7f7f7; }
.element-panel-beta-body-content-inner { width: 100%; overflow: hidden; }

div.element-panel-beta-body-content-inner ul { padding-left: 1em; margin-left: 1em; list-style-type: square; }
div.element-panel-beta-body-content-inner li { }

/* For further columns / panels; use Beta / Gamma */

/* Tab Panels */

.element-tabs-container-alpha-outer { }
.element-tab-container-alpha-inner { width: 100%; overflow: hidden; }
.element-tabs-menu-outer { margin-bottom: 10px; }
.element-tabs-menu-inner { width: 100%; overflow: hidden; }

.element-tabs-menu-tab { display: block; float: left; }

.element-tabs-menu-tab-alpha { width: 13%;}
.element-tabs-menu-tab-beta { width: 12%; }
.element-tabs-menu-tab-gamma { width: 16%; }
.element-tabs-menu-tab-delta { width: 12%; }
.element-tabs-menu-tab-epsilon { width: 13%; }
.element-tabs-menu-tab-zeta { width: 14%; }
.element-tabs-menu-tab-eta { width: 16%; }

a.element-tabs-menu-link:link, a.element-tabs-menu-link:visited { width: 100%; height: 44px; min-height: 44px; background: url("/EasySiteWeb/EasySite/StyleData/Raymarine_HP/Images/tab_new_out.png") repeat-x top right; color: #000; display: block; text-decoration: none; }
a.element-tabs-menu-link:hover, a.element-tabs-menu-link:active { background: url("/EasySiteWeb/EasySite/StyleData/Raymarine_HP/Images/tab_new_over.png") repeat-x top right; color: #000; display: block; text-decoration: underline !important; cursor: pointer; }

a.element-tabs-menu-link-selected:link, a.element-tabs-menu-link-selected:visited { width: 100%; height: 44px; min-height: 44px; background: url("/EasySiteWeb/EasySite/StyleData/Raymarine_HP/Images/tab_new_selected.png") repeat-x top right !important; color: #000; display: block; text-decoration: none; }
a.element-tabs-menu-link-selected:hover, a.element-tabs-menu-link-selected:active { background: url("/EasySiteWeb/EasySite/StyleData/Raymarine_HP/Images/tab_new_selected.png") repeat-x top right !important; color: #000; display: block; text-decoration: underline !important; cursor: pointer; }

.element-tabs-menu-tab-inner { display: block; padding: 0 5px 0 5px; }

span.element-tabs-menu-tab-inner { padding: 6px; }

.element-tabs-alpha {}
.element-tabs-beta {}
.element-tabs-gamma {}
.element-tabs-delta {}
.element-tabs-epsilon {}
.element-tabs-zeta {}
.element-tabs-eta {}
.element-tabs-theta {}

.element-tabs-alpha {}

.element-tabs-panel-inner { padding-left: 15px; }

/* Tab Page Navigation */
.el-tab-navigation-outer { padding-top: 50px; }

/* AZ Menu */
.AZLinkBar { color: #000000; font-size: 1em; padding-top: 10px; padding-bottom: 10px; }

/* =============================== END CSS Columns and Panels =============================== */

/* =============================== START CSS General Presentation =============================== */

/* Float Generics */
.fl, .float-left { float: left; }
.fr, .float-right { float: right; text-align: right; }

/* Generics */

hr { height: 1px; color: #ccc; background: #ccc; padding: 0; margin-top: 0.5em; margin-bottom: 0.5em; line-height: 1px; border: 0; }

strong { font-weight: bold; }
em { font-style: italic; }

form, ul, ol, p { margin: 0; margin: 0; }

ul { padding-left: 1.5em; margin-left: 1.5em; }
ul li { list-style-type: disc; }

ol { padding-left: 1.75em; margin-left: 1.75em; }
ol li { list-style-type: decimal; }

img, .noborder, .spacer { border: 0; }
.center, .Center { margin: auto; text-align: center; }
.invisible, .hide { display: none; }
fieldset.hide { border: 0; padding: 0; margin: 0; display: block; }
legend.hide { display: none; }

/* All Links */
a:link { color: #003399; text-decoration: underline; }
a:visited { color: #662266; text-decoration: underline; }
a:hover, a:active {	color: #333333; text-decoration: underline; }

/* Content Links Only */
.ContentEditor a:link { color: #0066cc; text-decoration: underline; }
.ContentEditor a:visited { color: #666666; text-decoration: underline; }
.ContentEditor a:hover, .ContentEditor a:active { color: #666666; text-decoration: underline; background: #fff; }

a.oImageLink:hover, a.oImageLink:active { background: none; }

/* Usability */
#usability-outer { clear: both; background: #fff; padding: 0px; font-size: 1.12em; color: #000;  }
#usability-inner { width: 100%; overflow: hidden; }
div.usability { float: left; width: 100%; }

map.usability { }
.usability ul { display: inline; padding: 0; margin: 0; }
.usability ul li { list-style-type: none;  display: inline; padding-right: 0px;  }
.usability a:link, .usability a:visited { text-decoration: underline; color: #0066cc; }
.usability a:hover, .usability a:active { text-decoration: underline; color: #666666; background: #fff; }
.usability-sep { padding-left: 0px; padding-right: 0px; }

.text-resizer-title { }
.text-larger { }
.text-normal { }
.text-smaller { }
			
/* Main Menu */
#menu-outer { clear: both; background: transparent; color: #000; margin-top: 10px; }

.main-menu ul li { list-style-type: none; display: block; float: left; text-align: center; padding-left: 5px; }
a.menu-link:link, a.menu-link:visited { color: #000; text-decoration: none; display: block; }

.SearchKeywords { width: 90%; float: left; margin: 0; border: 1px solid #000; background: #fff; padding-left: 2px; font-size: 0.9em; font-family: arial, helvetica, sans-serif; }
.SearchButton { color: #fff; background: #000066; border: 0px solid #cccccc;  margin: 0; font-size: 1.125em; padding: 0; cursor: pointer; float: right; font-weight: bold; }

a.NavigationCurrentLink:link, a.NavigationCurrentLink:visited { display: block; text-decoration: none; font-weight: bold; color: #006633; background: #fff; }

a.NavigationChildLink:link, a.NavigationChildLink:visited { display: block; text-decoration: none; color: #006633; background: #fff; }
a.NavigationChildLink:hover, a.NavigationChildLink:active { background: none; text-decoration: underline; color: #000066; background: #fff; }

a.NavigationParentLink:link, a.NavigationParentLink:visited { display: block; text-decoration: none; color: #006633; background: #fff; }
a.NavigationParentLink:hover, a.NavigationParentLink:active {  text-decoration: none; color: #000066; background: #fff; }

a.breadcrumb-link:link, a.breadcrumb-link:visited { color: #009966; text-decoration: none; background: #fff; padding-left: 12px; }