a, a:active, a:focus {outline: 0;} #pageContainer {width:965px;height:auto;text-align:left;} body {background:#e3e4df;margin:0 auto;padding:0;font:12px Arial, Geneva, Helvetica, sans-serif;text-align:center;} div.headerContainer{display:block;margin-bottom:2px;} #templateContainer {clear:both;width:968px;height:auto;text-align:left;margin:-2px 0 1px 0;overflow: hidden;} .layoutContainer {padding: 0 15px;} .clear{clear:both;} .lfloat{float:left;} .rfloat{float:right;} .ftrseo{width:935px;_width:965px;padding:15px;text-align:center;color:#666666;font-size:10px;margin:0 auto;} .dtdLn{clear:both;width:100%;height:2px;margin:3px 0;_margin:0 0 -10px 0;background: url("//cdn.boattrader.com/img/tol-design/btol/dotted-sep.gif?") 0 0 repeat-x;} .gdBx{border:1px solid #a2a2a2;background: url("//cdn.boattrader.com/img/tol-design/btol/gradient-200px-tile.jpg?") repeat-x;padding:5px;} .gdBx1,.gdBx2,.gdBx3,.gdBxShrt{border:1px solid #a2a2a2;background-color:#ffffff;padding:10px;} .gdBx1{background: url("//cdn.boattrader.com/img/tol-design/btol/gradient-200px-tile.jpg?") repeat-x;} .gdBx2{background: url("//cdn.boattrader.com/img/tol-design/btol/gradient-285px-tile.jpg?") repeat-x;} .gdBx3{background: url("//cdn.boattrader.com/img/tol-design/btol/gradient-300px-tile.gif?") repeat-x;} .gdBxShrt{background: url("//cdn.boattrader.com/img/tol-design/btol/gradient-40px-tile.jpg?") repeat-x;} div.brdCrmb,div.brdCrmb a,div.brdCrmb a:visited{font-size:11px;text-transform:capitalize;} div.brdCrmb{border-bottom:2px solid #A2A2A2;padding:12px;} .rmAdPdg{margin-top:20px;} .videoHome a, .videoHome a:link, .videoHome a:visited{margin:-34px 0 0 40px;} .videoGallery a, .videoGallery a:link, .videoGallery a:visited {margin:-38px 0 0 38px;_margin:-40px 0 0 38px;} .videoListing a, .videoListing a:link, .videoListing a:visited{margin:-33px 0 0 110px;_margin:-36px 0 0 107px;} .videoDlrSrch a, .videoDlrSrch a:link, .videoDlrSearch a:visited{margin:-30px 0 0 20px;_margin:-33px 0 0 18px;} .videoHome a, .videoHome a:link, .videoHome a:visited, .videoGallery a, .videoGallery a:link, .videoGallery a:visited, .videoListing a, .videoListing a:link, .videoListing a:visited, .videoDlrSrch a, .videoDlrSrch a:link, .videoDlrSrch a:visited {background:url("//cdn.boattrader.com/img/tol-design/btol/sr-video-thumb-icon.png?") 0 0 no-repeat;} .videoHome a:hover, .videoHome a:active, .videoGallery a:hover, .videoGallery a:active, .videoListing a:hover, .videoListing a:active, .videoDlrSrch a:hover, .videoDlrSrch a:active {background:url("//cdn.boattrader.com/img/tol-design/btol/sr-video-thumb-icon-over.png?") 0 0 no-repeat;} .videoHome a, .videoHome a:link, .videoHome a:visited, .videoHome a:hover, .videoHome a:active, .videoGallery a, .videoGallery a:link, .videoGallery a:visited, .videoGallery a:hover, .videoGallery a:active, .videoListing a, .videoListing a:link, .videoListing a:visited, .videoListing a:hover, .videoListing a:active, .videoDlrSrch a, .videoDlrSrch a:link, .videoDlrSrch a:visited, .videoDlrSrch a:hover, .videoDlrSrch a:active{width:25px;height:25px;position:absolute;z-index:1000;} .mdAd{margin-bottom:10px;} a.videoLinkLst img, a.videoLinkLst:visited img{border: solid #000 0px;} td.vdoIcn img{float:left;} td.vdoIcn span{float:left;margin-top:5px;} a.videoLinkGal, a.videoLinkGal:visited{position:absolute;_position:static;margin:-88px 0 0 44px;_margin:-90px 0 0 114px;background: url("//cdn.boattrader.com/img/tol-design/btol/sr-video-thumb-icon.png?") 0 0 no-repeat;text-align:right;padding:3px 5px 0 0;z-index:100;} a.videoLinkGal:hover{background: url("//cdn.boattrader.com/img/tol-design/btol/sr-video-thumb-icon-over.png?") 0 0 no-repeat;} a.videoLinkGal, a.videoLinkGal:visited{width:25px;height:24px;} a.videoLinkGal img, a.videoLinkGal:visited img{border: solid #000 0px;} a.videoLinkJ, a.videoLinkJ:visited, a.videoLinkS, a.videoLinkS:visited, a.videoLinkF, a.videoLinkF:visited{display:block;position:absolute;margin:-28px 0 0 113px;background: url("//cdn.boattrader.com/img/tol-design/btol/sr-video-thumb-icon.png?") 0 0 no-repeat;text-align:right;padding:3px 5px 0 0;} a.videoLinkJ, a.videoLinkJ:visited{margin:-26px 0 0 192px;} a.videoLinkF, a.videoLinkF:visited{margin:-26px 0 0 113px;} a.videoLinkJ:hover, a.videoLinkS:hover, a.videoLinkF:hover{background: url("//cdn.boattrader.com/img/tol-design/btol/sr-video-thumb-icon-over.png?") 0 0 no-repeat;cursor:pointer;} a.videoLinkJ, a.videoLinkJ:visited, a.videoLinkS, a.videoLinkS:visited,a.videoLinkF, a.videoLinkF:visited{width:25px;height:24px;} a.videoLinkJ img, a.videoLinkJ:visited img, a.videoLinkS img, a.videoLinkS:visited img, a.videoLinkF img, a.videoLinkF:visited img{border: solid #000 0px;} a.brochureLink, a.brochureLink:visited{display:block;position:absolute;margin:-28px 0 0 83px;background: url("//cdn.boattrader.com/img/tol-design/btol/clip-sr-icon-off.png?") 0 0 no-repeat;text-align:right;padding:3px 5px 0 0;} a.brochureLink:hover{background: url("//cdn.boattrader.com/img/tol-design/btol/clip-sr-icon-on.png?") 0 0 no-repeat;cursor:pointer;} a.brochureLink, a.brochureLink:visited{width:25px;height:24px;} a.brochureLink img, a.brochureLink:visited img{border: solid #000 0px;} a.brochureLinkJ, a.brochureLinkJ:visited{display:block;position:absolute;margin:-28px 0 0 167px;background: url("//cdn.boattrader.com/img/tol-design/btol/clip-sr-icon-off.png?") 0 0 no-repeat;text-align:right;padding:3px 5px 0 0;} a.brochureLinkJ:hover{background: url("//cdn.boattrader.com/img/tol-design/btol/clip-sr-icon-on.png?") 0 0 no-repeat;cursor:pointer;} a.brochureLinkJ, a.brochureLinkJ:visited{width:25px;height:24px;} a.brochureLinkJ img, a.brochureLinkJ:visited img{border: solid #000 0px;} table.galTbl{width:800px;font-size:12px;margin-top:-30px;margin-bottom:-30px;_margin-top:-19px;_margin-bottom:-40px;} table.galTbl tr.hdrClr{color:#7B7B7B;} table.galTbl tr.highlight{background-color:#FFFFCC;cursor:pointer;} table.galTbl tr td{border-top:dotted #A2A2A2 1px;border-right:dotted #A2A2A2 1px;padding:3px 0 3px 2px;} table.galTbl tr td.end{border-right:dotted #A2A2A2 0px;color:#A2A2A2;} table.galTbl tr td.cntr{text-align:center;} table.galTbl tr td.bld{font-weight:700;} table.galTbl tr td.lst{border-top:dotted #000 1px;border-right:dotted #A2A2A2 0px;} a.videoClipGal:hover, a.videoClipGal:active, a.videoClipListing:hover, a.videoClipListing:active, a.videoClipHome:hover, a.videoClipHome:active, a.videoClipFeatGal:hover, a.videoClipFeatGal:active, a.videoClipFeatListing:hover, a.videoClipFeatListing:active, a.videoClipBrowseGal:hover, a.videoClipBrowseGal:active, a.videoClipBrowseListing:hover, a.videoClipBrowseListing:active, a.videoClipGal2:hover, a.videoClipGal2:active, a.videoClipHome2:hover, a.videoClipHome2:active, a.videoClipFeatGal2:hover, a.videoClipFeatGal2:active, a.videoClipFeatListing2:hover, a.videoClipFeatListing2:active, a.videoClipBrowseListing2:hover, a.videoClipBrowseListing2:active, a.videoClipBrowseGal:hover, a.videoClipBrowseGal:active, a.videoClipBrowseGal2:hover, a.videoClipBrowseGal2:active, a.videoClipListing2:hover, a.videoClipListing2:active, {background: url("//cdn.boattrader.com/img/tol-design/btol/clip-sr-icon-on.png?") 0 0 no-repeat;} a.videoClipGal, a.videoClipGal:visited, a.videoClipListing, a.videoClipListing:visited, a.videoClipHome, a.videoClipHome:link, a.videoClipHome:visited, a.videoClipFeatGal, a.videoClipFeatGal:link, a.videoClipFeatGal:visited, a.videoClipFeatListing, a.videoClipFeatListing:link, a.videoClipFeatListing:visited, a.videoClipBrowseGal, a.videoClipBrowseGal:link, a.videoClipBrowseGal:visited, a.videoClipBrowseListing, a.videoClipBrowseListing:link, a.videoClipBrowseListing:visited, a.videoClipGal2, a.videoClipGal2:link, a.videoClipGal2:visited, a.videoClipHome2, a.videoClipHome2:link, a.videoClipHome2:visited, a.videoLinkHome, a.videoLinkHome:link, a.videoLinkHome:visited, a.videoLinkFeatGal, a.videoLinkFeatGal:link, a.videoLinkFeatGal:visited, a.videoClipFeatGal2, a.videoClipFeatGal2:link, a.videoClipFeatGal2:visited, a.videoListing, a.videoListing:link, a.videoListing:visited, a.videoClipFeatListing2, a.videoClipFeatListing2:link, a.videoClipFeatListing2:visited, a.videoClipBrowseListing2, a.videoClipBrowseListing2:link, a.videoClipBrowseListing2:visited, a.videoLinkBrowseGal, a.videoLinkBrowseGal:link, a.videoLinkBrowseGal:visited, a.videoClipBrowseGal, a.videoClipBrowseGal:link, a.videoClipBrowseGal:visited, a.videoClipBrowseGal2, a.videoClipBrowseGal2:link, a.videoClipBrowseGal2:visited, a.videoLinkLst, a.videoLinkLst:link, a.videoLinkLst:visited, a.videoClipListing2, a.videoClipListing2:link, a.videoClipListing2:visited {width:25px;height:24px;} a.videoClipGal, a.videoClipGal:link, a.videoClipGal:visited, a.videoClipListing, a.videoClipListing:link, a.videoClipListing:visited, a.videoClipHome, a.videoClipHome:link, a.videoClipHome:visited, a.videoClipFeatGal, a.videoClipFeatGal:link, a.videoClipFeatGal:visited, a.videoClipFeatListing, a.videoClipFeatListing:link, a.videoClipFeatListing:visited, a.videoClipBrowseGal, a.videoClipBrowseGal:link, a.videoClipBrowseGal:visited, a.videoClipBrowseListing, a.videoClipBrowseListing:link, a.videoClipBrowseListing:visited, a.videoClipGal2, a.videoClipGal2:link, a.videoClipGal2:visited, a.videoClipHome2, a.videoClipHome2:link, a.videoClipHome2:visited, a.videoClipFeatGal2, a.videoClipFeatGal2:link, a.videoClipFeatGal2:visited, a.videoClipFeatListing2, a.videoClipFeatListing2:link, a.videoClipFeatListing2:visited, a.videoClipBrowseListing2, a.videoClipBrowseListing2:link, a.videoClipBrowseListing2:visited, a.videoClipBrowseGal, a.videoClipBrowseGal:link, a.videoClipBrowseGal:visited, a.videoClipBrowseGal2, a.videoClipBrowseGal2:link, a.videoClipBrowseGal2:visited, a.videoClipListing2, a.videoClipListing2:link, a.videoClipListing2:visited {position:absolute;background: url("//cdn.boattrader.com/img/tol-design/btol/clip-sr-icon-off.png?") 0 0 no-repeat;z-index:1000;} a.videoClipGal, a.videoClipGal:link, a.videoClipGal:visited{margin:-88px 0 0 42px;_margin:-86px 0 0 42px;} a.videoClipListing, a.videoClipListing:link, a.videoClipListing:visited{margin:90px 0 0 -503px;_margin:89px 0 0 -503px;} a.videoClipHome, a.videoClipHome:link, a.videoClipHome:visited{margin:80px 0 0 -27px;_margin:79px 0 0 -30px;} a.videoClipFeatGal, a.videoClipFeatGal:link, a.videoClipFeatGal:visited{margin:84px 0 0 -29px;} a.videoClipFeatListing, a.videoClipFeatListing:link, a.videoClipFeatListing:visited{margin:78px 0 0 -29px;_margin:80px 0 0 -31px;} a.videoClipBrowseGal, a.videoClipBrowseGal:link, a.videoClipBrowseGal:visited{margin:-35px 0 0 90px;_margin:-36px 0 0 90px;} a.videoClipBrowseListing, a.videoClipBrowseListing:link, a.videoClipBrowseListing:visited{margin:80px 0 0 -28px;} a.videoClipGal2, a.videoClipGal2:link, a.videoClipGal2:visited{margin:-88px 0 0 18px;_margin:-86px 0 0 87px;} a.videoClipHome2, a.videoClipHome2:link, a.videoClipHome2:visited{margin:80px 0 0 -53px;_margin:80px 0 0 -56px;} a.videoLinkHome, a.videoLinkHome:link, a.videoLinkHome:visited{margin:80px 0 0 -28px;_margin:80px 0 0 -30px;} a.videoLinkFeatGal, a.videoLinkFeatGal:link, a.videoLinkFeatGal:visited{margin:84px 0 0 -29px;} a.videoClipFeatGal2, a.videoClipFeatGal2:link, a.videoClipFeatGal2:visited{margin:84px 0 0 -54px;} a.videoListing, a.videoListing:link, a.videoListing:visited{margin:80px 0 0 -26px;_margin:80px 0 0 -29px;} a.videoClipFeatListing2, a.videoClipFeatListing2:link, a.videoClipFeatListing2:visited{margin:80px 0 0 -54px;} a.videoClipBrowseListing2, a.videoClipBrowseListing2:link, a.videoClipBrowseListing2:visited{margin:80px 0 0 -54px;} a.videoLinkBrowseGal, a.videoLinkBrowseGal:link, a.videoLinkBrowseGal:visited{margin:84px 0 0 -29px;_margin:-34px 0 0 47px;} a.videoClipBrowseGal, a.videoClipBrowseGal:link, a.videoClipBrowseGal:visited{margin:84px 0 0 -29px;_margin:-33px 0 0 47px;} a.videoClipBrowseGal2, a.videoClipBrowseGal2:link, a.videoClipBrowseGal2:visited{margin:84px 0 0 -54px;_margin:-33px 0 0 20px;} a.videoLinkLst, a.videoLinkLst:link, a.videoLinkLst:visited{margin:88px 0 0 -502px;} a.videoClipListing2, a.videoClipListing2:link, a.videoClipListing2:visited{margin:88px 0 0 -526px;} a.videoLinkHome, a.videoLinkHome:link, a.videoLinkHome:visited, a.videoLinkFeatGal, a.videoLinkFeatGal:link, a.videoLinkFeatGal:visited, a.videoListing, a.videoListing:link, a.videoListing:visited, a.videoLinkBrowseGal, a.videoLinkBrowseGal:link, a.videoLinkFeatGal:visited, a.videoLinkLst, a.videoLinkLst:link, a.videoLinkLst:visited {position:absolute;background: url("//cdn.boattrader.com/img/tol-design/btol/sr-video-thumb-icon.png?") 0 0 no-repeat;z-index:1000;} a.videoLinkHome:hover, a.videoLinkHome:active, a.videoLinkFeatGal:hover, a.videoLinkFeatGal:active, a.videoListing:hover, a.videoListing:active, a.videoLinkBrowseGal:hover, a.videoLinkBrowseGal:active, a.videoLinkLst:hover, a.videoLinkLst:active {background: url("//cdn.boattrader.com/img/tol-design/btol/sr-video-thumb-icon-over.png?") 0 0 no-repeat;} /* layout 1 in Safari Hack Section - bottom of page */ body {font-size:15px;font-family:Helvetica,Arial,sans-serif;line-height: 1.3em;} .bold{font-weight:700;} h1{font-size:22px;line-height:24px;margin:0;padding-bottom:3px;} h1 span,h2 span,h3 span,h4 span,h5 span{color:#143E91;} h1.bgRtHdr {margin:10px 0;} h1.hdrA,h1.hdrA20,h1.hdrA100,h2.hdrA100,h3.hdrA100{background:url("//cdn.boattrader.com/img/tol-design/btol/dotted-sep.gif?") 0 bottom repeat-x;} h1.hdrA{margin:10px 7px 0 0;} h1.hdrA20{margin:10px 7px 0 0;padding:0 0 7px 0;} h1.hdrA100{margin:10px 0 7px 0;padding:0 0 7px 0;} h1.hdrB{margin:5px 5px 0 0;padding:0 0 7px 0;} h2.hdrA100{margin:0 0 7px 0;padding:0 0 7px 0;} h2.undln{width:100%;border-bottom:1px #000000 dotted;line-height:14px;} h2.undHdr2 {font-size:18px;line-height:27px;background:url("//cdn.boattrader.com/img/tol-design/btol/dotted-sep.gif?") 0 26px repeat-x;} h2.small{font-size:14px;#434343;} h2{font-size:21px;line-height:20px;margin:0;} h3{font-size:16px;line-height:18px;margin:0;} h3.hdrA100{margin:0 0 5px 0;padding:0 0 7px 0;} h4{font-size:14px;line-height:12px;margin:0;} h5{font-size:12px;margin:0;} p.sbHdr{text-transform:uppercase;font-weight:700;margin:0 7px 0 0;} p.sbHdrL{font-weight:700;margin:0 7px 0 0;} p{font-size:12px;line-height:16px;font-weight:normal;} p.undln{width:100%;border-bottom:1px #000000 dotted;line-height:14px;} p.tM0{margin-top:0px;} sup {font-size: 50%;} sup.tbs {font-size: 90%;position:relative;top:4px;font-weight:normal;} .hdrRtA{color:#143E91;margin:15px 10px 0 0;} .light{color:#143E91;} .lightbold{color:#143E91;font-weight:700;} a:link, a:visited {color:#139af5;font-size:12px;text-decoration:none;} a:hover {color:#139af5;} img {border:none;} h5.undrLnSub{margin-top:-5px;} .err,.red{color:#ff0000;} .footerDominion,.dominionList li.fraudIconDominion,.mainNav,.mainNav li,.mainNav li.parts, .mainNav li.partsactive,.subNav li.subNavViewAll,.subNav li.subNavViewAll ul li div.viewDomLogo, .subNav li.subNavViewAll ul li a.fraudLink, .subNav li.subNavViewAll ul li a.fraudLink:visited{background:url("http://cdn.boattrader.com/img/tol-design/btol/main-sprite.gif?") 0 0 no-repeat;} .page,.footer_seo,.footer_realm,.footer_dominion,.templateContainer{width:100%;} .page{margin:0 auto;text-align:left;position:relative; margin-top: 0px; padding-top: 0px;} .topNavRMAd{margin:0 auto;width:1008px;background:#fff url("http://cdn.boattrader.com/img/tol-design/btol/background-repeat.gif?") 0 0 repeat-y;} .templateContainer{margin-top:140px;width:970px;padding: 5px 18px 5px 19px; background:#fff url("http://cdn.boattrader.com/img/tol-design/btol/background-repeat.gif?") 0 0 repeat-y;} .adChoicesContainer{width:77px; height:16px} .adChoicesContainer a{margin-right:2px;} .adChoicesContainer img{margin-left:2px;} .footer_realm{width:1008px;padding:0;} .footer_dominion{width:1008px;padding:0;} .footer_seo{position:absolute;width:1008px;padding:0;height:95px;bottom:0;margin-bottom:-95px;} .footer_seo h1{padding:0 34px;font-size:12px;} .footer_seo p{padding:0 34px;margin:5px 0 15px 0;font-size:12px;font-weight:300;line-height:15px;} .footerRealmLinks{margin:-2px 0 0 0;padding:20px 19px 0 19px;background:url("http://cdn.boattrader.com/img/tol-design/btol/background-footer.gif?") 0 0 no-repeat;} .footerRealmList{clear:both;list-style-type:none;margin:0;padding:3px 0;} .footerRealmList li{float:left;padding:3px 0;} .footerRealmList li.title{width:160px;} .footerRealmList li a, .footerRealmList li a:visited{text-decoration:none;} .footerRealmList li a:hover{text-decoration:underline;} .footerDominion{ background-image: none; background-color: rgb(240, 241, 236); border-bottom-color: rgb(217, 218, 214); border-bottom-style: solid; border-top-color: rgb(217, 218, 214); border-top-style: solid; border-bottom-width: 1px; border-top-width: 1px; margin-bottom: 20px; margin-top: 20px; padding: 10px; } .copyrightText{float:left;margin:0;padding:0;font-size:11px;} .dominionList{float:right;list-style-type:none;margin:0;padding:0;} .dominionList li{float:left;} .dominionList li a, .dominionList li:visited{text-decoration:none;font-size:11px;} .dominionList li a:hover{text-decoration:underline;} .dominionList li.fraudIconDominion{width:25px;height:15px;background-position:0 -437px;background-repeat:no-repeat;} .footerSeo{padding:0 34px;} .footerSeoContent{padding:0;margin:5px 0 15px 0;font-size:12px;font-weight:300;line-height:15px;} .mainNav{margin:20px 0 0 0;padding:0;list-style-type:none;height:30px;padding-left:60px;background-position:0 -5px;background-repeat:repeat-x;} .mainNav li{float:left;width:113px;height:24px;margin:0;padding:6px 0 0 0;background-position:0 -156px;text-align:center;} .mainNav li a, .mainNav li a:visited{display:block;color:#fff;font-weight:700;text-decoration:none;width:auto;height:24px;} .mainNav li a:hover{color:#fff;} .mainNav li.active{background-position: 0 -211px;} .mainNav li.parts{width:193px;background-position:-145px -156px;border-right:solid 1px #fff;} .mainNav li.partsactive{width:195px;border-bottom:solid 1px #143E91;background-position:-145px -209px;border-right:solid 1px #fff;} .subNav{width:100%;clear:both;margin:0;padding:3px 0 0 0;list-style-type:none;height:28px;background:#143E91;} .subNav li{float:left; padding:0 8px 0 18px;position:relative;height:25px;} .subNav li a, .subNav li a:visited{font-size:12px;color:#fff;font-weight:700;text-decoration:none;height:25px;padding:2px 4px;} .subNav li a:hover{color:#fff;} .subNav li:hover a{background:#246ED9;-moz-border-radius: 5px;-webkit-border-radius: 5px;} .subNav li ul{display:none;position:absolute;list-style-type:none;margin:0;padding:0 10px 10px 5px;width:auto;background:#143E91;top:23px;} .subNav li ul li{clear:both;margin:2px 0 -4px 0;padding:0;width:150px;} .subNav li:hover ul {display:block;} .subNav li ul li a, .subNav li ul li a:visited{color:#fff;text-decoration:underline;background:#143E91;} .subNav li ul li a:hover{text-decoration:none;} .subNav li:hover ul li a{background:#143E91;} .subNav li.subNavViewAll{float:right;width:120px;height:32px;padding:0;margin:-2px 0 0 0;background-position:-370px -213px;} .subNav li.subNavViewAll ul{width:650px;height:170px;background:#fff url("http://cdn.boattrader.com/img/tol-design/btol/gradient-300px-tile.gif?") 0 0 repeat-x;top:30px;_top:28px;left:-554px;border:solid 2px #a2a2a2;padding:10px 0 0 20px;} .subNav li.subNavViewAll ul li{width:650px;} .subNav li.subNavViewAll ul li a, .subNav li.subNavViewAll ul li a:visited{color:#4865bf;background-color:transparent;font-weight:300;} .subNav li.subNavViewAll ul li a:hover{color:#434343;} .subNav li.subNavViewAll ul li div.viewAllTolLinks{float:left;margin:10px 20px 0 0;} .subNav li.subNavViewAll ul li div.viewAllTolLinks a, .subNav li.subNavViewAll ul li div.viewAllTolLinks a:visited{display:block;float:left;margin:0;padding:0 0 0 3px;height:20px;overflow:hidden;} .subNav li.subNavViewAll ul li div.viewDomLogo{float:right;width:155px;height:28px;background-position:0 -280px;margin:-25px 20px 0 0;} .subNav li.subNavViewAll ul li a.fraudLink, .subNav li.subNavViewAll ul li a.fraudLink:visited{display:block;background-position:0 -435px;height:20px;padding-left:20px;} #bnrAd{width:728px;margin:0 auto;} .headerContainer div{text-align:left;} .tolLogo {margin-bottom:0px;display:block;height:50px;} .nichesites{float:left;margin:0 0 0 10px;text-transform:uppercase;font-size:10px;} .nichesites a,.nichesites a:visited{text-decoration:none;background: url("http://cdn.boattrader.com/img/tol-design/btol/main-sprite.gif?") 0 0 no-repeat;width:34px;padding:32px 3px 0 3px;display:block;float:left;font-size:10px;color:#000000;} .nichesites a.nichesite1,.nichesites a.nichesite1:visited{background-position:-22px -328px;padding:32px 0 0 3px;} .nichesites a.nichesite2,.nichesites a.nichesite2:visited{background-position:-98px -328px;padding:32px 0 0 4px;margin-left:3px;} .nichesites a.nichesite3,.nichesites a.nichesite3:visited{background-position:-54px -328px;padding:32px 6px 0 4px;} .mytLogoCntr{float:right;text-align:right;padding: 0 0 4px 0;} .mytLogoCntr a {line-height:19px;_line-height:17px;margin: 0 3px;} a.mytHdr, span.mytHdr{background:url("http://cdn.boattrader.com/img/tol-design/btol/btol-mytrader-btn.gif?") top left no-repeat;padding:0 0 3px 85px;line-height:22px;} div.mytHdrln2{text-align:right;} div.mytHdrln2 span{color:#a2a2a2;} a#tol_logo,a#whatsthis,#navTabs,div.footerNav,#navTabs ul li#selectedFrst a,#navTabs a,div.ftrCpy{background:url("http://cdn.boattrader.com/img/tol-design/btol/btolnavsprite.gif?") 0 0 no-repeat;} #navTabs ul li#selected a{background:url("http://cdn.boattrader.com/img/tol-design/btol/btolnavsprite.gif?") 0 0 no-repeat;} a#tol_logo{background-position:0 -128px;display:block;width:260px;height:50px;border-right:1px #a2a2a2 solid;float:left;} a#whatsthis{background-position:0 -277px;display:block;line-height:25px;width:80px;padding:0 0 0 90px;margin-top:-13px;_margin-top:0;} a#viewall{background-position:0 -323px;display:block;width:105px;height:25px;margin-bottom:0px;} a#viewall_lnk, a:visited#viewall_lnk{display:block;} div.ftrCpy{background-position:290px -255px;padding-left:105px;display:block;line-height:20px;margin:0 auto;text-align:center;} /* added kcw 2009.01.27 fraud project*/ p.ftrPara{margin:0 0 15px 0;} /**/ .viewDomLogo{float:right;width:155px;height:28px;background:url("http://cdn.boattrader.com/img/tol-design/btol/dom-logo.jpg?") 0 0 no-repeat;margin-top:-20px} .fraudLink{background:url('http://cdn.boattrader.com/img/tol-design/btol/fraud-icon-sml.gif?') 0 0 no-repeat;padding-left:16px;display:block; width: 150px;} #navTabs a{background-position:0 -181px;height:29px;line-height:26px;font-size:14px;text-decoration:none;color:#cbcbcb;font-weight:700;text-align:center;} #navTabs ul{display:block;list-style-type:none;margin:0;padding:0 0 0 40px;width:811px;height:25px;} #navTabs ul li{display:inline;} #navTabs ul li a{display:block;float:left;width:104px;height:26px;_height:29px;margin-top:0px;padding:3px 5px 0 5px;vertical-align:bottom;} #navTabs ul li#selected a{background-position:0 -217px;height:25px;margin-top:0;padding-top:5px;color:#ffffff;} #navTabs ul li#selectedFrst a{color:#ffffff;background-position:0 -217px;_background-position:0 -216px;height:25px;margin-top:0;padding-top:5px;border-left:solid #ffffff 1px;} #navTabs ul li.frst a{font-size:14px;text-decoration:none;color:#cbcbcb;font-weight:700;text-align:center;background:url("http://cdn.boattrader.com/img/tol-design/btol/btolnavsprite.gif?") ;background-position:0 -182px;border-left:solid #ffffff 1px;} #subTabs a{font-size:12px;text-decoration:none;color:#ffffff;height:25px;line-height:25px;} #subTabs ul li{display:inline;position:relative;margin:0px 30px 0 0;_margin:0 15px 0 15px;font-weight:700;height:25px;line-height:25px;} #subTabs ul li:hover ul, #subTabs ul li.over ul{display:inline;position:absolute;list-style-type:none;top:18px;_top:20px;left:0;width:165px;_width:165px;height:auto;padding:10px 0 10px 0;font-size:12px;font-weight:700;line-height:16px;_line-height:20px;border:0px solid #cacaca;background: url("http://cdn.boattrader.com/img/tol-design/btol/drop-down-gradient.gif?") repeat-x;z-index:100;} #subTabs ul li ul {display:none;} #subTabs ul li ul li{display:block;height:17px;line-height:17px;_height:16px;_line-height:16px;_height:20px;_line-height:20px;margin:0 0 -15px 0;_margin:0 0 0 -15px;color:#4865BF;z-index:100;background:transparent;} #subTabs ul li ul li:hover{height:17px;line-height:17px;_height:16px;_line-height:16px;_height:20px;_line-height:20px;margin:0 0 -15px 0;_margin:0 0 0 -15px;color:#ffffff;z-index:100;background:transparent;} #subTabs ul li ul li a{_width:165px;height:16px;line-height:16px;_height:20px;_line-height:20px;margin:0 0 -15px 0;_margin:0;text-decoration:underline;color:#4865BF;background:transparent;} #subTabs ul li ul li a:hover{_width:165px;height:16px;line-height:16px;_height:20px;_line-height:20px;margin:0 0 -15px 0;_margin:0;color:#000000;background:transparent;} #subTabs ul li#slct ul li a{background:transparent;} a.viewall_lnk, a:visited.viewall_lnk{display:block;_display:inline;margin-bottom:1px;_margin-bottom:-3px;height:27px;overflow:hidden;} #subTabs ul li:hover ul.resources, #subTabs ul li.over ul.resources{display:inline;position:absolute;list-style-type:none;top:18px;_top:20px;left:0;width:330px;height:auto;padding:10px 0 10px 0;font-size:12px;font-weight:700;line-height:16px;_line-height:20px;border:0px solid #cacaca;background: url("http://cdn.boattrader.com/img/tol-design/btol/drop-down-gradient.gif?") repeat-x;z-index:100;} #subTabs ul li ul.resources {display:none;} #subTabs ul li ul.resources li{width:165px;float:left; margin:0px; display:block;height:17px;line-height:17px;} .viewAllNone{display:none;} .viewAllShow{display:block;width:680px;padding:5px 5px 15px 15px;font-size:11px;margin:-5px 0 0 -598px;position:absolute;border:solid #a2a2a2 2px;background:#ffffff url("http://cdn.boattrader.com/img/tol-design/btol/gradient-288px-tile.jpg?") repeat-x;z-index:100;} h3.viewAllH{font-weight:700;margin:10px 0 10px -5px;} .viewAllHdr{font-size:18px;font-weight:bold;} .viewAllHeader {font-size:14px;font-weight:bold;margin:0 0 5px 0;} ul#view {list-style-type:none;padding:0;margin:0;} .viewBx1{float:left;width:170px;margin-left:-5px;margin-top:10px;margin-bottom:0;} .viewBx2{float:left;width:160px;margin-top:10px;margin-bottom:0;} .ftrCtnr {width:965px;height:75px;margin: 0 auto;padding:0 0 10px;font-size: 10px;color:#434343;clear:both;text-align:center;} .ftrCtnr a{color:#000000;padding:0 3px;font-size:10px;} .ftrCtnr img{vertical-align:middle;} div.footerNav {clear:both;width:965px;height:34px;background-position:0 -89px;margin:0 auto;line-height:18px;text-align:center;} .footerNav a:link, .footerNav a:visited {font-size:12px;color:#ffffff;text-decoration:underline;font-weight:normal;border-right:1px #ffffff solid;line-height:32px;padding:0 10px;} .footerNav a:hover {text-decoration:none;} .footerNav img{vertical-align:top;} div.footerNav a.end,div.footerNav a.end:visited{border-right-width:0;} div.footerNav2 {clear:both;width:965px;height:34px;margin:0 auto;line-height:18px;text-align:center;margin-top:-7px;_margin-top:-8px;margin-bottom:4px;_margin-bottom:5px;} .footerNav2 a:link, .footerNav2 a:visited {font-size:11px;color:#666666;text-decoration:underline;font-weight:normal;border-right:1px #666666 solid;line-height:32px;padding:0 10px;} .footerNav2 a:hover {text-decoration:none;} .footerNav2 img{vertical-align:top;} div.footerNav2 a.end, div.footerNav2 a.end:visited{border-right-width:0;} div.footerNav2 a.sec, div.footerNav2 a.sec:visited{background-image: url("http://cdn.boattrader.com/img/tol-design/btol/fraud-icon-sml.gif?"); background-repeat:no-repeat; padding-left:20px;} :root { --color-neutral: #E0E0E0; --color-neutral-2: #FCFCFC; --color-neutral-3: #EDEDED; --color-neutral-4: #9E9E9E; --color-neutral-5: #FFFFFF; --color-primary: #2566B0; --color-primary-2: #255CA3; --color-secondary: #0F4D77; --color-secondary-2: #07324F; } .content.nav-slide { background: #fff none repeat scroll 0 0; margin-top: 50px; position: relative; overflow: hidden; } header.main { background-color: var(--color-neutral-2) !important; height: 50px; left: 0; position: fixed; text-align: center; top: 0; width: 100%; z-index: 100; display: flex; justify-content: center; align-items: center; } header.main .logo { margin-top: 15px; width: 162px; } header.main.nav-slide.form-focus { display: block; position: absolute; } #main-nav { background-color: var(--color-neutral-2) !important; display: none; left: 0; min-height: 100%; opacity: 0.7; position: fixed; top: 0; width: 260px; font-family: 'Montserrat', sans-serif; box-shadow: 0px 0.1px 11px 2px rgba(68, 89, 88, 0.11); } .menu-item { background-color: var(--color-neutral-2) !important; color: var(--color-secondary-2 !important); } #main-nav ul { list-style: outside none none; margin: 15px 0 0; padding: 12px 12px 0; } #main-nav ul li { color: #6a7c89; font-size: 11px; } #main-nav ul a { color: var(--color-secondary-2) !important; display: block; font-size: 15px; font-weight: 300; padding: 4px 0; } #main-nav ul a:hover { text-decoration: underline; } #main-nav ul.mytrader { background-color: #032239; height: 26px; margin: 0 0 10px; padding-bottom: 12px; } #main-nav ul.mytrader li { float: left; margin-right: 10px; } #main-nav ul.mytrader li.signup a { background-color: #e47e30; } #main-nav ul.mytrader li.signup a:hover { background-color: #eea236; } #main-nav ul.mytrader li.login { margin-right: 0; } #main-nav ul.mytrader li.login a { background-color: #084c79; } #main-nav ul.mytrader li.login a:hover { background-color: #065e9a; } #main-nav ul.mytrader a { border-radius: 3px; font-size: 12px; font-weight: 700; line-height: 1em; padding: 7px; white-space: nowrap; } #main-nav ul.mytrader .mytrader { padding-top: 2px; width: 100px; } #main-nav ul.top-nav li ul { margin: 0; padding: 0 15px; } button.navbar-toggle, button.navbar-toggle:active { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: none !important; border-radius: 6px; cursor: pointer; height: 33px; left: 8px; padding: 0; position: absolute; top: 10px !important; width: 35px; } button.navbar-toggle .icon-bar, button.navbar-toggle:active .icon-bar { border-radius: 4px; display: block; height: 2px; width: 18px; background-color: var(--color-secondary-2); margin-bottom: 4px; } button.navbar-toggle .sr-only, button.navbar-toggle:active .sr-only { display: none; } body.nav-open #boat-trader { overflow-x: hidden; width: 100%; } body.nav-open #main-nav { display: block; overflow-y: scroll; max-height: 100%; } footer ul { font-size: 0.875em; line-height: 1.3em; list-style: outside none none; margin: 0 0 30px; padding: 0; font-family: 'Montserrat', sans-serif; } footer ul li.header { font-size: 1.125em; font-weight: 700; line-height: 1em; margin: 0 0 10px; } footer ul a { display: block; font-weight: normal; padding: 3px 0; } footer ul a .adchoices-icon { padding-left: 4px; vertical-align: middle; width: 14px; } footer nav.footer-links { overflow: hidden; } footer nav.footer-disclaimers { border-top: 1px solid #dee2e3; margin: 0; padding: 20px 12px 12px; text-align: center; } footer nav.footer-disclaimers ul { padding: 15px 0; } footer nav.footer-disclaimers .copyright-info { font-size: 0.875em; } footer a, footer a:link, footer a:active, footer a:visited { color: #139af5; text-decoration: none; } footer a:hover { color: #139af5; text-decoration: underline; } #teconsent { margin-top: -7px; } .truste_border_none.truste_cursor_pointer { width: 150px; margin-bottom: -6px; } body.no-script .content main { top: 0; } body.no-script #main-nav { display: block; height: auto; opacity: 1; padding-bottom: 12px; position: relative; top: 50px; width: 100%; } body.no-script button.navbar-toggle { display: none; } @media screen and (min-width: 970px) { .content.nav-slide { margin-top: 0; } header.main { height: 80px; left: 0 !important; position: absolute; text-align: left; top: 0; width: 210px !important; } header.main .logo { margin: 30px 0 0 15px; width: 150px; } #main-nav { background-color: #0f4d77; display: block; min-height: 80px; opacity: 1 !important; position: relative; width: auto; } #main-nav ul { float: left; margin: 0; padding: 0; } #main-nav ul a { font-weight: 500; } #main-nav ul li { float: left; line-height: 1.1em; margin-right: 15px; } #main-nav ul li:hover { background: var(--color-neutral-2) !important; } #main-nav ul li.sub-header { color: rgba(255, 255, 255, 0.5); float: none; font-size: 10px; font-weight: 500; margin: 25px 0 0; text-transform: uppercase; } #main-nav ul.mytrader { background-color: #07324f; float: right; height: 80px; margin: 0; padding: 0 52px; text-align: center; width: 220px; } #main-nav ul.mytrader li { display: block; float: left; margin: 0 auto; padding: 27px 0 0 15px; } #main-nav ul.mytrader li:hover a { text-decoration: none; } #main-nav ul.mytrader li.mytraderimg { padding: 30px 0 0; } #main-nav ul.mytrader .mytrader { display: block; height: 18px; vertical-align: middle; width: 80px; } #main-nav .mid-nav { float: right; } #main-nav ul { margin-right: 20px; } #main-nav > ul.top-nav { left: 233px; margin: 0; padding: 0; position: absolute; top: 30px; z-index: 200; } #main-nav > ul.top-nav li a { color: rgba(255, 255, 255, 0.75); font-weight: 700; } #main-nav > ul.top-nav li ul { background-color: #0f4d77; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px; box-shadow: 0 5px 15px rgba(34, 34, 34, 0.5); margin: 10px 0 0 -50%; padding: 0; position: absolute; top: 100%; transition: all 0.2s ease 0.7s; visibility: hidden; white-space: nowrap; } #main-nav > ul.top-nav li ul::before { border-color: #0f4d77 transparent; border-style: solid; border-width: 0 9px 12px; content: ""; display: block; left: 10px; position: absolute; top: -12px; width: 0; } #main-nav > ul.top-nav li ul li { border-top: 1px solid rgba(255, 255, 255, 0.1); float: none; margin: 0; padding: 7px 30px; text-align: center; } #main-nav > ul.top-nav li ul li:first-child { border: medium none; } #main-nav > ul.top-nav li ul li a { color: #fff; font-size: 1.1em; font-weight: normal; } #main-nav > ul.top-nav li:hover ul { transition: all 0s ease 0s; visibility: visible; } button.navbar-toggle, button.navbar-toggle:active { display: none; } body.no-script #main-nav { padding-bottom: 0; top: auto; width: auto; } } @media screen and (min-width: 1360px) { .content.nav-slide { border-left: 15px solid #ecf0f1; border-right: 15px solid #ecf0f1; } #main-nav { border-right: 15px solid var(--color-neutral-2) !important; } header.main { border-left: 15px solid var(--color-neutral-2) !important; } } footer { padding: 30px 12px 12px; clear: both; } footer .logo { display: block; height: 27px; margin: 3px 0 10px; width: 206px; } @media screen and (min-width: 500px) { footer ul { float: left; margin-right: 1%; width: 24%; } footer nav.footer-disclaimers { margin: 0; } footer nav.footer-disclaimers ul { margin: 0; width: 100%; } footer nav.footer-disclaimers ul li { display: inline-block; margin-left: 10px; } } @media screen and (min-width: 970px) { footer nav.footer-links { margin: -40px 0 0 310px; padding: 0; } } @media screen and (min-width: 1360px) { footer nav.footer-disclaimers { overflow: hidden; } footer nav.footer-disclaimers .copyright-info { float: left; width: auto; } footer nav.footer-disclaimers ul { float: right; padding: 0; width: auto; } } .sub-nav ul.nav li.dropdown:hover ul.dropdown-menu { background-color: var(--color-primary) !important; border-radius: 0 0 6px 6px; display: block; position: absolute; top: 26px; } .nav-left.services, .nav-left.financing, .nav-left.find, .nav-left.research, .nav-left.sell-accordian, .selectdiv:after { position: relative; } #main-nav,.bt-inc-release #main-nav,.page #main-nav { display: block; border: none; background: var(--color-neutral-2) !important; filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#0f4d77", endColorstr="#0c3f65", GradientType=1); min-height: 62px; } .page-container #main-nav ul { width: 100%; } .nav-left.find { margin-left: 341px; } .bt-inc-release header.main .logo,.page header.main .logo,header.main .logo { margin: 0px; } #main-nav ul a:hover,.bt-inc-release #main-nav ul a:hover,.page .second-nav ul a:hover,.second-nav ul a:hover { text-decoration: none; } .nav-left { float: left; } #main-nav ul li.nav-right,.bt-inc-release #main-nav ul li.nav-right,.page #main-nav ul li.nav-right { float: right; } .bt-inc-release header.main,.page header.main,header.main { height: 62px; } #main-nav ul.dropList,.bt-inc-release #main-nav ul.dropList,.page #main-nav ul.dropList { transition: 0s; position: absolute; top: 51px; margin: 10px 0 0; padding: 0; background: var(--color-neutral-2) !important; filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#0c3f65", endColorstr="#0f4d77", GradientType=0); border: 1px solid rgba(255, 255, 255, .1); box-shadow: 0 5px 15px rgba(34, 34, 34, .5); border-radius: 4px; float: left; list-style: none; z-index: 1; left: 0; width: 220px; } #main-nav ul.dropList:before,.bt-inc-release #main-nav ul.dropList:before,.page #main-nav ul.dropList:before { content: url(//cdn.boattrader.com/img/tol-design/btol/bt-inc-release/dropped-arrow.png); position: absolute; top: -12px; left: 10px; border-width: 0 9px 12px; border-style: solid; border-color: #0f4d77 transparent; display: none; width: 0; } ul.dropList li { margin: 0; float: none; line-height: 1.1em; color: #6a7c89; border-top: 1px solid rgba(255, 255, 255, .07); width: 100%; } ul.dropList li a { font-size: 14px; } .page ul.researchList li:nth-child(6),ul.dropList li:nth-child(1),ul.researchList li:nth-child(2),ul.researchList li:nth-child(6) { border: none; } #main-nav ul li.titles,.bt-inc-release #main-nav ul li.titles,.page #main-nav ul li.titles { color: var(--color-primary) !important; border-top: none; padding: 10px 0 5px 20px; } #main-nav ul.dropList li a:hover,.bt-inc-release #main-nav ul.dropList li a:hover,.page #main-nav ul.dropList li a:hover { text-decoration: underline; } #main-nav ul li .dropList,.bt-inc-release #main-nav ul li .dropList,.page #main-nav ul li .dropList { float: left; left: 0; opacity: 0; position: absolute; visibility: hidden; z-index: 1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #main-nav ul li:hover .dropList,.bt-inc-release #main-nav ul li:hover .dropList,.page #main-nav ul li:hover .dropList { opacity: 1; visibility: visible; background: var(--color-neutral-2); } .visible-xs { display: none; } @media (min-width:970px) { #main-nav ul li { cursor: pointer; } ul li.nav:hover { background-color: transparent; } ul li.nav-right:hover { background-color: transparent; } #main-nav ul li.nav a,.bt-inc-release #main-nav ul li.nav a,.page #main-nav ul li.nav a { padding: 23px 20px 26px 21px; } #main-nav ul li.nav-left a,.bt-inc-release #main-nav ul li.nav-left a,.page #main-nav ul li.nav-left a { padding: 23px 20px 26px 35px; } #main-nav,.bt-inc-release #main-nav,.page #main-nav { z-index: 12; } #main-nav ul li,.bt-inc-release #main-nav ul li,.page #main-nav ul li { margin-right: 5px; } .bt-inc-release header.main,.page header.main,header.main { background: 0 0; } .page #main-nav ul { width: 100%; } .page-container #main-nav ul { position: absolute; } #main-nav ul.dropList li a,.bt-inc-release #main-nav ul.dropList li a,.page #main-nav ul.dropList li a { padding: 4px 0 !important; display: block !important; font-size: 14px !important; margin: 8px 12px !important; } } @media (min-width:970px) and (max-width:1000px) { #main-nav ul li,.bt-inc-release #main-nav ul li,.page #main-nav ul li { margin-right: 5px; } .bt-inc-release header.main,.page header.main,header.main { background: 0 0; } .page #main-nav ul { width: 100%; } } @media (max-width:969px) { .bt-inc-release.bt-banner .arc-banner { margin-top: 51px; } .bt-inc-release header.main,.page header.main,header.main { background: var(--color-neutral-2) !important; width: 100%; min-height: 51px; height: 51px; } .hidden-xs { display: none; } .visible-xs { display: block; } .nav-left.find { margin-left: 0; } ul li.nav { padding: 0; width: 100%; } #main-nav ul li .dropList,.bt-inc-release #main-nav ul li .dropList,.page #main-nav ul li .dropList { visibility: visible; opacity: 1; position: relative; border: none; box-shadow: none; width: 100%; background: 0 0; top: 0; margin-top: 0; margin-bottom: 15px; } #main-nav,.bt-inc-release #main-nav,.page #main-nav { opacity: 1; background: var(--color-neutral-2) !important; min-height: 100%; box-shadow: 0px 0.1px 11px 2px rgba(68, 89, 88, 0.11); } #main-nav ul.dropList:before,.bt-inc-release #main-nav ul.dropList:before,.page #main-nav ul.dropList:before { content: none; } ul.dropList li { border: none; margin-top: 0; margin-left: 20px; } .nav-left { margin-top: 10px; } #main-nav ul,.bt-inc-release #main-nav ul,.page #main-nav ul { margin-top: 0; padding-top: 0; margin-left: -15px; } #main-nav ul li.nav-left a,#main-nav ul li.nav-right a,.bt-inc-release #main-nav ul li.nav-left a,.bt-inc-release #main-nav ul li.nav-right a,.page #main-nav ul li.nav-left a,.page #main-nav ul li.nav-right a,.page .second-nav ul li.nav-left a,.page .second-nav ul li.nav-right a,.second-nav ul li.nav-left a,.second-nav ul li.nav-right a { padding-top: 4px; margin-left: 24px; padding-bottom: 9px; } .nav.nav-right.visible-xs.login,.nav.nav-right.visible-xs.signup,.page .nav.nav-right.visible-xs.login { width: 49%; background: #032239; float: left; margin-left: 0; margin-bottom: 20px; } .bt-inc-release #main-nav ul li.nav.nav-right.visible-xs.login a,.bt-inc-release #main-nav ul li.nav.nav-right.visible-xs.signup a,ul li.nav.nav-right.visible-xs.login a,ul li.nav.nav-right.visible-xs.signup a { padding-bottom: 19px; padding-top: 14px; padding-left: 2px; } .nav.nav-right.visible-xs.signup { border-right: 1px solid rgba(255, 255, 255, .3); } .bt-inc-release header.main .logo,.page header.main .logo,header.main .logo { position: relative; top: -5px; } } .third-party-branding-header .bt-inc-release #main-nav ul li.nav-right { margin-right: 150px; } .new-mytrader-app app-header #main-nav header.main { display: none; } .user a span { font-size: 11px; display: block; } .user a img { float: left; display: block; margin-right: 8px; } #main-nav ul li.nav.user a { padding: 5px 20px 19px 0px; } #main-nav ul li.nav.user .userList li a { margin: 7px 35px; padding: 4px 0; } .bt-inc-release #main-nav ul li.user,.page #main-nav ul li.user { width: 243px; margin-right: 20px; position: relative; } #main-nav .user ul.dropList::before,.bt-inc-release #main-nav .user ul.dropList::before,.page #main-nav ul.dropList::before { border-color: #0f4d77 transparent; border-style: solid; border-width: 0 9px 12px; content: url(//cdn.boattrader.com/img/tol-design/btol/bt-inc-release/dropped-arrow.png); display: none; position: absolute; left: 10px; top: -12px; width: 0; } #main-nav .user .user-name { float: left; background-color: var(--color-neutral-2) !important; color: var(--color-secondary-2) !important; } .bt-inc-release #main-nav ul.dropList.userList { width: 242px; } .user.hidden,.nav-right.hidden { display: none; } #main-nav ul li.nav.user .userList li:last-of-type { text-align: center; background-color: #0a3b62; } /*-- ANA-1099 --*/ @media screen and (max-width: 969px) { header.main { border-bottom: 1px solid var(--color-neutral) !important; } #main-nav > ul { margin: 0; padding: 0; } #main-nav > ul > li > div { font-weight: bold !important; margin: 10px 0 5px 15px !important; color: var(--color-secondary-2) !important; font-size: 15px !important; cursor: default !important; } #main-nav > ul > li.nav-left { width: 100% !important; max-width: none; margin: 0 !important; border-bottom: 1px solid var(--color-neutral) !important; padding: 5px 0 15px; } #main-nav .user-menu { background: none; } // hide main-nav till fixed #main-nav { overscroll-behavior: contain; background: var(--color-neutral-2) !important; visibility: hidden; } .user-menu .user-menu-button { color: var(--color-secondary-2) !important; font-size: 16px; } .user-menu .user-name { color: var(--color-secondary-2) !important; } .user-menu:hover .user-name { background-color: var(--color-neutral-2) !important; } .user-menu .menu-item { color: var(--color-secondary-2) !important; } .user-menu .menu-items .sign-out-button { color: var(--color-secondary-2) !important; background-color: var(--color-neutral-2) !important; } .sell-accordian { display: none; } body.nav-open { overflow: hidden; } body.nav-open .bt-ana-1099.page nav#main-nav { left: 0; } body.nav-open .bt-ana-1099.page > .main { left: 260px; } body.nav-open .bt-ana-1099.page > .content > .nav-cover { background: rgba(0,0,0,.75); display: block; } .bt-ana-1099.page nav#main-nav { overscroll-behavior: contain; z-index: 10; display: block; left: -260px; transition: left 300ms ease; } .bt-ana-1099.page #main-nav:after { content: none; } .bt-ana-1099.page > .main { left: 0; transition: left 300ms ease; } .bt-ana-1099.page > .content { z-index: 1; } .bt-ana-1099.page > .content > .nav-cover { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0); display: none; z-index: 100; transition: background 300ms ease; } .bt-ana-1099.page #main-nav > ul { margin: 0; padding: 20px 0; } .bt-ana-1099.page #main-nav > ul > li { float: none; width: auto; margin: 0; max-width: none !important; } .bt-ana-1099.page #main-nav > ul > li.nav-right.user { float: none; } .bt-ana-1099.page #main-nav > ul > li > ul.dropList { margin: 0 0 0 30px; float: none; width: auto; overflow: hidden; height: auto; } .bt-ana-1099.page #main-nav > ul > li > ul.dropList > li { line-height: initial; margin: 0; } .bt-ana-1099.page #main-nav > ul > li > ul.dropList > li.titles { display: none; } .bt-ana-1099.page #main-nav > ul > li > div.closed + ul { height: 0; } .bt-ana-1099.page #main-nav > ul > li a, .bt-ana-1099.page #main-nav > ul > li.login a { padding: 0; margin: 0; } .bt-ana-1099.page #main-nav ul li.nav.user .userList li a { padding: 3px 0; margin: 0; } .bt-ana-1099.page #main-nav > ul > li a.hidden-xs { display: none; } .bt-ana-1099.page #main-nav > ul > li > div:after { content: none; } .bt-ana-1099.page #main-nav > ul > li > div { font-weight: bold; margin: 25px 0 5px 0; color: #fff; font-size: 15px; cursor: default; } .bt-ana-1099.page #main-nav > ul > li.nav.user .userList li:last-of-type { text-align: inherit; background-color: initial; } .bt-ana-1099.page #main-nav > ul > li > ul > li > a { padding: 3px 0; line-height: 22px; margin: 0; } .bt-ana-1099.page #main-nav > ul > li > div > img { padding: 8px 8px; margin-right: 10px; transition: transform 100ms ease; box-sizing: content-box; pointer-events: none; position: absolute; right: 20px; transform: scaleY(-1); } .bt-ana-1099.page #main-nav > ul > li > div.closed > img { transform: rotate(0deg); } .bt-ana-1099.page #main-nav > ul > li.user > a { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin: 0 0 5px 0; padding: 0; } .bt-ana-1099.page #main-nav > ul > li.user > a:after { content: none; } .bt-ana-1099.page #main-nav > ul > li.user > a > img { float: none; margin: -4px 10px 0 0; display: block; } .bt-ana-1099.page #main-nav > ul > li.user > a > div { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; flex-grow: 1; } .bt-ana-1099.page #main-nav > ul > li.user > a > div > span { line-height: 11px; margin-bottom: 4px; } .bt-ana-1099.page #main-nav > ul > li.user > a > div > .user-name { float: none; width: 170px; line-height: 15px; font-weight: bold; background-color: var(--color-neutral-2) !important; color: var(--color-secondary-2) !important; } .bt-ana-1099.page #main-nav > ul > li.no-user.login:not(.hidden) { width: calc(50% - 15px); background: none; margin: 0; display: inline-block; text-align: center; float: none; } .bt-ana-1099.page #main-nav > ul > li.no-user.login:not(.hidden).hidden-xs { display: none; } .bt-ana-1099.page #main-nav > ul > li.no-user.login + .login { margin-left: 15px; } .bt-ana-1099.page #main-nav > ul > li.sell, .bt-ana-1099.page #main-nav > ul > li.buy { width: calc(100% - 15px); margin-top: 10px; text-align: center; float: none; } .bt-ana-1099.page #main-nav > ul > li.sell > a { background: none !important; padding: 0 !important; height: 30px !important; line-height: 30px !important; width: 92% !important; border: 1px solid var(--color-primary) !important; border-radius: 15px !important; font-weight: bold !important; font-size: 16px !important; margin: 0 15px !important; color: #2566B0 !important; } .bt-ana-1099.page #main-nav > ul > li.buy > a { padding: 5px 0; margin: 0; } .bt-ana-1099.page #main-nav > ul > li.buy { margin-top: 10px; } } #modal-root .user-modal-content .tabs .tab-list-item { color: #333; } @media screen and (max-width: 740px) { #teconsent { margin-top: -3px; } .truste_border_none.truste_cursor_pointer { width: 150px; margin-bottom: -6px; } } @media screen and (max-width: 969px) { #userflow-widget { float: none !important; margin-bottom: 0px !important; overflow: auto; padding-left: 15px; border-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--color-neutral); } } @media screen and (min-width: 970px) { .user-name:after { content: url(//cdn.boattrader.com/img/tol-design/btol/bt-inc-release/dropdown-arrow.svg) !important; } #main-nav .menu-items { margin-top: -3px !important; box-shadow: 0 5px 15px rgb(34 34 34 / 50%) !important; background: var(--color-neutral-2) !important; } .menu-items .sign-out-button { text-align: center !important; font-size: 14px !important; padding-left: 0px !important; color: var(--color-secondary-2) !important; background: var(--color-neutral-2) !important; width: 122px !important; margin: 0 0 5px 5px !important; } #userflow-widget .user-menu .user-menu-button { padding: 22px 17px 24px 18px; } #userflow-widget .menu-items .menu-item { font-weight: 500; padding: 7px 35px; border-top: 1px solid hsla(0,0%,100%,.07); font-size: 14px; line-height: 1.1em; background-color: var(--color-neutral-2); color: var(--color-secondary-2); } #main-nav ul li.nav-left.find { margin-left: 190px; } #main-nav ul li { border: none !important; } .user-menu { background: var(--color-neutral-2) !important; color: var(--color-secondary-2) !important; padding: 22px 17px 26px 18px !important; padding: 0px !important; position: absolute; right: 0; } } @media screen and (min-width: 1120px) { #main-nav ul li.nav-left.find { margin-left: 300px; } } @media screen and (max-width: 1225px) { #main-nav ul li.nav-left.find { margin-left: 260px; width: 58px; } #main-nav ul li.nav-left.sell-accordian { width: 105px; } #main-nav ul li.nav-left.financing { width: 117px; margin-right: 17px; } #main-nav ul li.nav-left.services { width: 84px; } #main-nav ul li.nav-left { max-width: 120px; margin-right: 23px; } #main-nav ul li.nav-left > a{ padding-left: 0; padding-right: 0 !important; text-align: left; } } .user-menu .user-menu-button { color: var(--color-secondary-2) !important; font-size: 16px !important; background-color: var(--color-neutral-2) !important; } .user-menu .user-name { color: var(--color-secondary-2) !important; } .user-menu:hover .user-name { background-color: var(--color-neutral-2) !important; } .user-menu .menu-item { color: var(--color-secondary-2) !important; } .user-menu .menu-items .sign-out-button { color: var(--color-secondary-2) !important; background-color: var(--color-neutral-2) !important; } @media screen and (max-width: 1225px) { #main-nav ul li.nav-left.find { margin-left: 185px; margin-right: 0px; min-width: 90px; } #main-nav ul li.nav-left.sell-accordian { width: 128px; } #main-nav ul li.nav-left.financing { margin-right: 0px; min-width: 117px; } #main-nav ul li.nav-left.services { min-width: 120px; } #main-nav ul li.nav-left { max-width: 149px; min-width: 115px; } #main-nav ul li.nav-left > a{ padding-left: 0; padding-right: 0; text-align: left; } } .paaFreeAd{clear:both;position:absolute;width:70px;height:38px;margin:0 0 0 197px;_margin:-12px 0 0 195px;overflow:hidden;} .nav-left.find,.nav-left.research,.selectdiv:after { position: relative; } #main-nav,.bt-inc-release #main-nav,.page #main-nav { display: block; border: none; background: #0f4d77; background: -moz-linear-gradient(left, #0f4d77 0, #0f4d77 53%, #0c3f65 100%); background: -webkit-linear-gradient(left, #0f4d77 0, #0f4d77 53%, #0c3f65 100%); background: linear-gradient(to right, #0f4d77 0, #0f4d77 53%, #0c3f65 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#0f4d77", endColorstr="#0c3f65", GradientType=1); min-height: 62px; } .page-container #main-nav ul { width: 100%; } .nav-left.find { margin-left: 341px; } .bt-inc-release header.main .logo,.page header.main .logo,header.main .logo { margin: 21px 0 0 14px; } #main-nav ul a:hover,.bt-inc-release #main-nav ul a:hover,.page .second-nav ul a:hover,.second-nav ul a:hover { text-decoration: none; } .nav-left { float: left; } #main-nav ul li.nav-right,.bt-inc-release #main-nav ul li.nav-right,.page #main-nav ul li.nav-right { float: right; } .bt-inc-release header.main,.page header.main,header.main { height: 62px; } .selectdiv:after { content: url(//cdn.boattrader.com/img/tol-design/btol/bt-inc-release/dropdown-arrow.svg); color: #139af5; right: 11px; height: 34px; padding: 0 0 0 21px; pointer-events: none; } #main-nav ul.dropList,.bt-inc-release #main-nav ul.dropList,.page #main-nav ul.dropList { transition: 0s; position: absolute; top: 51px; margin: 10px 0 0; padding: 0; background: #0c3f65; background: -moz-linear-gradient(top, #0c3f65 0, #0f4d77 100%); background: -webkit-linear-gradient(top, #0c3f65 0, #0f4d77 100%); background: linear-gradient(to bottom, #0c3f65 0, #0f4d77 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#0c3f65", endColorstr="#0f4d77", GradientType=0); border: 1px solid rgba(255, 255, 255, .1); box-shadow: 0 5px 15px rgba(34, 34, 34, .5); border-radius: 4px; float: left; list-style: none; z-index: 1; left: 0; width: 220px; } #main-nav ul.dropList:before,.bt-inc-release #main-nav ul.dropList:before,.page #main-nav ul.dropList:before { content: ""; position: absolute; top: -12px; left: 10px; border-width: 0 9px 12px; border-style: solid; border-color: #0f4d77 transparent; display: block; width: 0; } ul.dropList li { margin: 0; float: none; line-height: 1.1em; color: #6a7c89; border-top: 1px solid rgba(255, 255, 255, .07); width: 100%; } .page ul.researchList li:nth-child(6),ul.dropList li:nth-child(1),ul.researchList li:nth-child(2),ul.researchList li:nth-child(6) { border: none; } #main-nav ul li.titles,.bt-inc-release #main-nav ul li.titles,.page #main-nav ul li.titles { color: #139af5; border-top: none; padding: 10px 0 5px 20px; } #main-nav ul.dropList li a:hover,.bt-inc-release #main-nav ul.dropList li a:hover,.page #main-nav ul.dropList li a:hover { text-decoration: underline; } #main-nav ul li .dropList,.bt-inc-release #main-nav ul li .dropList,.page #main-nav ul li .dropList { float: left; left: 0; opacity: 0; position: absolute; visibility: hidden; z-index: 1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #main-nav ul li:hover .dropList,.bt-inc-release #main-nav ul li:hover .dropList,.page #main-nav ul li:hover .dropList { opacity: 1; visibility: visible; } .visible-xs { display: none; } @media (min-width:970px) { ul li.nav:hover { background-color: #0a3b62; } ul li.nav-right:hover { background-color: #0a3150; } #main-nav ul li.nav a,.bt-inc-release #main-nav ul li.nav a,.page #main-nav ul li.nav a { padding: 23px 17px 26px 18px; } #main-nav ul li.nav-left a,.bt-inc-release #main-nav ul li.nav-left a,.page #main-nav ul li.nav-left a { padding: 23px 20px 26px 24px; } #main-nav,.bt-inc-release #main-nav,.page #main-nav { z-index: 12; } #main-nav ul li,.bt-inc-release #main-nav ul li,.page #main-nav ul li { margin-right: 5px; } .bt-inc-release header.main,.page header.main,header.main { background: 0 0; } .page #main-nav ul { width: 100%; } .page-container #main-nav ul { position: absolute; } #main-nav ul.dropList li a,.bt-inc-release #main-nav ul.dropList li a,.page #main-nav ul.dropList li a { padding: 4px 0; display: block; font-size: 1.1em; margin: 7px 35px; } } @media (min-width:970px) and (max-width:1000px) { #main-nav ul li,.bt-inc-release #main-nav ul li,.page #main-nav ul li { margin-right: 5px; } .bt-inc-release header.main,.page header.main,header.main { background: 0 0; } .page #main-nav ul { width: 100%; } } @media (min-width:970px) and (max-width:1100px) { .nav-left.find { margin-left: 210px; } } @media (max-width:969px) { .bt-inc-release.bt-banner .arc-banner { margin-top: 51px; } .bt-inc-release header.main,.page header.main,header.main { background: #orange; width: 100%; min-height: 51px; height: 51px; } .hidden-xs { display: none; } .visible-xs { display: block; } .nav-left.find { margin-left: 0; } ul li.nav { padding: 0; width: 100%; } #main-nav ul li .dropList,.bt-inc-release #main-nav ul li .dropList,.page #main-nav ul li .dropList { visibility: visible; opacity: 1; position: relative; border: none; box-shadow: none; width: 100%; background: 0 0; top: 0; margin-top: 0; margin-bottom: 15px; } #main-nav,.bt-inc-release #main-nav,.page #main-nav { opacity: 1; background: orange; min-height: 100%; } #main-nav ul.dropList:before,.bt-inc-release #main-nav ul.dropList:before,.page #main-nav ul.dropList:before { content: none; } ul.dropList li { border: none; margin-top: 0; margin-left: 20px; } .nav-left { margin-top: 10px; } #main-nav ul,.bt-inc-release #main-nav ul,.page #main-nav ul { margin-top: 0; padding-top: 0; margin-left: -15px; } #main-nav ul li.nav-left a,#main-nav ul li.nav-right a,.bt-inc-release #main-nav ul li.nav-left a,.bt-inc-release #main-nav ul li.nav-right a,.page #main-nav ul li.nav-left a,.page #main-nav ul li.nav-right a,.page .second-nav ul li.nav-left a,.page .second-nav ul li.nav-right a,.second-nav ul li.nav-left a,.second-nav ul li.nav-right a { padding-top: 4px; margin-left: 24px; padding-bottom: 9px; } .nav.nav-right.visible-xs.login,.nav.nav-right.visible-xs.signup,.page .nav.nav-right.visible-xs.login { width: 49%; background: #032239; float: left; margin-left: 0; margin-bottom: 20px; } .bt-inc-release #main-nav ul li.nav.nav-right.visible-xs.login a,.bt-inc-release #main-nav ul li.nav.nav-right.visible-xs.signup a,ul li.nav.nav-right.visible-xs.login a,ul li.nav.nav-right.visible-xs.signup a { padding-bottom: 19px; padding-top: 14px; padding-left: 2px; } .nav.nav-right.visible-xs.signup { border-right: 1px solid rgba(255, 255, 255, .3); } .bt-inc-release header.main .logo,.page header.main .logo,header.main .logo { position: relative; top: -5px; } } .third-party-branding-header .bt-inc-release #main-nav ul li.nav-right { margin-right: 150px; } .new-mytrader-app app-header #main-nav header.main { display: none; } .user a span { font-size: 11px; display: block; } .user a img { float: left; display: block; margin-right: 8px; } #main-nav ul li.nav.user a { padding: 18px 20px 19px 0px; } #main-nav ul li.nav.user .userList li a { margin: 7px 35px; padding: 4px 0; } .bt-inc-release #main-nav ul li.user,.page #main-nav ul li.user { width: 243px; margin-right: 20px; position: relative; } #main-nav .user ul.dropList::before,.bt-inc-release #main-nav .user ul.dropList::before,.page #main-nav ul.dropList::before { border-color: #0f4d77 transparent; border-style: solid; border-width: 0 9px 12px; content: ""; display: block; position: absolute; left: 10px; top: -12px; width: 0; } #main-nav .user .user-name { float: left; } .bt-inc-release #main-nav ul.dropList.userList { width: 242px; } .user.hidden,.nav-right.hidden { display: none; } #main-nav ul li.nav.user .userList li:last-of-type { text-align: center; background-color: #0a3b62; } #main-nav .user ul.dropList::before,.bt-inc-release #main-nav .user ul.dropList::before,.page #main-nav ul.dropList::before { display:none; } .siteLt{float:left;width:275px;margin:10px 0;_margin:10px 0;} .siteRt{float:left;margin:10px 0;_margin:10px 0;} span.tstNm{float:right;font-weight:700;margin-right:40px;} a#tstTpLnk, a#tstTpLnk:visited{margin-top:-5px;} .siteLt ul, .siteRt ul{list-style-type:none;margin:0;padding:0;} .siteLt ul li, .siteRt ul li{margin:5px 0 5px 20px;color:#143E91;} .siteLt ul li.hdr, .siteRt ul li.hdr{font-weight:700;margin-left:0px;font-size:22px;color:#000000;} .siteLt ul li.sub, .siteRt ul li.sub{margin-left:35px;} /* layout 1 */ #lrgLft{width:auto;float:left;text-align:left;padding:0 12px;_overflow:hidden;} #smlRt{width:310px;_width:325px;float:right;padding:20px 0 -10px 10px;_padding:3px 0 0 10px;border-left:solid #a2a2a2 2px;text-align:right;} #smlRt img{margin-top:2px;_margin-top:0;margin-right:0;} /* layout 4 */ #bigLft{width:645px;padding:0 0 10px 0;} #lyoutMid{width:629px;float:left;padding:10px 10px;border-left:solid #A2A2A2 2px;text-align:left;} /* layout 1 */ #lrgLft{width:100%;float:left;text-align:left;padding:0 310px 0 12px;overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #smlRt{width:310px;_width:325px;position:absolute;top:0;right:0;padding:20px 0 -10px 10px;_padding:3px 0 0 10px;border-left:solid #a2a2a2 2px;text-align:center;} #smlRt img{margin-top:2px;_margin-top:0;margin-right:0;} /* layout 4 */ #bigLft{width:640px;_width:645px;padding:0 5px 10px 0;_padding:10px 5px 10px 0;} #lyoutMid{width:635px;_width:653px;float:left;padding:10px 10px;border-left:solid #A2A2A2 2px;text-align:left;overflow:hidden;} #password form {width:350px;} #password fieldset{margin-top:15px;} #password fieldset label{width:145px;float:left;} #password fieldset input{width:200px;} .forgotPass {float:right;} @media screen and (max-width: 959px) { #smlRt{display:none;} #lrgLft{padding:0 12px;} }