﻿* { margin: 0; padding: 0; }
body { background: url(/images/BG_fullscreenBoat.jpg) top center no-repeat #00293f; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0; }
h1, h2, h3, h4, h5, p, li, ul { margin: 0 0 10px 0; }
h1 { font-size: 26px; }
h2 { font-size: 16px; font-weight: bold; }
h3 { font-size: 14px; }
a:link, a:visited, a:active, a:hover { color: #027a7a; text-decoration: none; }
a:hover { text-decoration: underline; }
p.clear { clear: both; margin: 0; padding: 0; }
div.halfColLeft, div.halfColRight { width: 317px; }
div.halfColLeft { float: left; margin-right: 15px; }
div.halfColRight { float: right; margin-left: 15px; }
img { border: none; }

/*-----------------------------------------------------------------------------------
                                    Master Page
-------------------------------------------------------------------------------------*/

/* div.logo { border: none; float: left; margin-top: -30px; padding: 0 10px 10px 15px; padding: 20px 0; text-align: center; width: 190px; } */
h3.phone { clear: left; float: left; text-align: center; }
.partSearch {width: 190px; padding: 0 0 10px 0; margin: 0;}
.partSearch input {border: none;margin-top: 5px; background: White; float: left;}
.partSearch input.searchField {border: 2px inset Gray; height: 25px; margin-right: 4px;}
.partSearch input.go {border: 2px outset Gray; height: 29px;}
/* .AutoCompleteHighlight { background-color: Yellow; color: Black; } */
#AllContent { margin-left: auto; margin-right: auto; padding: 0 10px; width: 940px; }
div.topNavWrapper { background: url(/images/BG_blue75.png) top left repeat; width: 100%; }
div.topNav { display: block; margin: 0 auto; position: relative; text-align: center; width: 960px; }
div.topNav ul { display: block; margin: 0 auto; padding: 0 0 0 210px; }
div.topNav ul li { list-style-type: none; margin: 0; float: left; }
div.topNav ul li a { float: left; font-weight: bold; padding: 10px 15px; }
div.topNav ul li a:link, div.topNav ul li a:visited, div.topNav ul li a:active { color: White; }
div.topNav ul li a:hover { background: #00293f; }
.rightContent { background: url(/images/BG_white85.png) top left repeat; float: right; margin: 0 0 20px 0; min-height: 375px; padding: 20px 30px 30px 30px; width: 665px; }
#LeftNav { background: url(/images/BG_blue75.png) top left repeat; color: #84d7d5; float: left; padding: 0 5px 45px 5px; text-align: left; width: 200px; }
#LeftNav img { margin: -24px 0 10px 9px; }
#LeftNav a { color: White; float: left; font-size: 13px; text-decoration: none; }
.leftNavItem { font-weight: bold; }
.leftNavItem a:hover { background: #001f2f; color: #84D7D5; }
.leftNavItem a { padding: 5px; }
#Header { color: Black; float: right; min-height: 50px;  text-align: left; width: 725px; }
#Header h1, #Header h2 { background: url(/images/BG_white85.png) top left repeat; padding: 5px 10px; }
#Header h1 { float: left; font-size: 29px; margin: 120px 0 5px 0; text-transform: uppercase;}
#Header h2 { clear: left; font-size: 14px; margin: 0 0 10px 0; width: 420px;}
#Footer { clear: both; color: #a8a8a8; padding-bottom: 20px; text-align: center; width: 1000px; }
#Footer a:link, #Footer a:visited, #Footer a:active, #Footer a:hover { color: #dcdcdc; text-decoration: none; }
#Footer a:hover { color: White; text-decoration: underline; }

/*-----------------------------------------------------------------------------------
                                    Default
-------------------------------------------------------------------------------------*/
div.landing { background: url(/images/BG_landing.jpg) top left no-repeat; border-bottom: solid 2px White; height: 200px; margin-bottom: 15px; padding: 15px 0 15px 15px; width: 100%; }
div.landing img { float: right; height: 225px; margin: -25px 25px 0 20px; }
div.landing h1, div.landing p { background: url(/images/BG_blue75.png) top left repeat; color: White; font-weight: bold; margin-bottom: 0; padding: 7px; }
div.landing h1 { width: 430px; }
div.landing p { width: 300px; }
.subLanding div { color: white; float: left; margin-right: 22px; width: 310px; }
.subLanding h2 { text-decoration: underline; }
div.ZBABox { background: White; border: outset 4px #027a7a; padding: 10px 0; text-align: center; width: 309px; }
.ZBABox img { border: none; margin-bottom: 10px; }
.ZBABox h1 { color: #00a1ed; margin: 10px 0 0 0; }

/*-----------------------------------------------------------------------------------
                                    Video
-------------------------------------------------------------------------------------*/
.video { padding: 10px 0; }
.video div { float: right; margin: 0; }
.video h1, .video h2, .video h4 { float: left; margin: 0 20px 10px 0; text-align: center; width: 310px; }
.video h1 { padding: 20px 0 10px 0; }

/*-----------------------------------------------------------------------------------
                                    FAQ
-------------------------------------------------------------------------------------*/
.FAQ p, .FAQ h4 { margin: 0 0 10px 10px; }
h2.trigger { background: url(/images/h2TriggerA.gif) #027a7a left top no-repeat; color: white; margin-bottom: 10px; padding: 5px 0 5px 25px; }
h2.active { background-image: url(/images/h2TriggerB.gif); }
h2.trigger { cursor: pointer; }
h2.trigger a { text-decoration: none; }
h2.trigger span { font-size: 12px; }
h3.clickToExpand { margin-top: 25px; }
.stackedAnodes { float: left; margin: 0 10px 10px 0; }
.toggle_container { padding: 15px; width: 605px; }

/*-----------------------------------------------------------------------------------
                                    Retailers
-------------------------------------------------------------------------------------*/
#Retailers { border-bottom: solid 1px black; clear: both; float: left; padding: 10px 0; width: 100%; }
#Retailers a:link,
#Retailers a:visited { color: #346d8c; font-weight: bold; }
#Retailers p { margin-top: 0; }
#Retailers div, #Retailers p { float: left; padding-bottom: 0; width: 210px; }
#Retailers img { border: none; float: left; }

/*-----------------------------------------------------------------------------------
                                    Products
-------------------------------------------------------------------------------------*/
#CatalogCategories { margin: 20px auto 0 auto; min-height: 227px; overflow: auto; padding: 0; text-align: center; width: 600px; }


/*#TradeShow { background: url(/images/WhiteTPBack.png); padding: 10px; }
#TradeShow h2 { color: Black; }
#TradeShow a:link, #TradeShow a:visited, #TradeShow a:active, #TradeShow a:hover { color: #e6e6e6; }
 #ZincKit { background: url(/images/WhiteTPBack.png); border: outset 3px Black; padding: 10px; }
#ZincKit h1 { color: #273b66; text-transform: uppercase; }
#ZincKit h2, .ZBABox h2 { color: Black; }
#ZincKit a:link, #ZincKit a:visited, #ZincKit a:active, #ZincKit a:hover { color: Black; font-size: 12pt; font-weight: bold; }
#MainContent { background-image: url(/images/content_background.jpg); background-repeat: repeat-y; } 
#divExpandSection { clear: both; min-height: 375px; overflow: auto; text-align: left; width: 1000px; }*/
