/* Styles that KO-Sailing staff DO NOT use in the cms */ * { font-family:Arial, Helvetica, sans-serif} body { margin:0px; background:#003580; padding:0;} a { color:#003271; text-decoration:none; font-weight:bold } a:hover { color:#cc3333;} INPUT.TEXT{ font-size:11pt; font-weight:bold; background-color:336699; border-color:336699; border-style:inset; border-width:2px; color:FFFFFF; } /* override for tinymce body.mceContentBody { background: #ffffff; color: #000000; } */ /******* HEADER *******/ #header_container { background:url(images/bg.jpg) top repeat-x; margin:0; padding:0; width:100%; height:100px; } #header { margin:0 auto; padding:0; width:780px; position:relative } #navigation_two { font-size:9px; color:#a0d8ef; background:url(images/Header.jpg) top repeat-x; margin:0; padding:0; width:100%; height:100px; position:absolute; } /******* LITTLE UPPER RIGHT MENU *******/ .upper_right_menu { font-size:9px; color:#a0d8ef; text-align:right; width:780px;} .upper_right_menu a{ font-size:9px; color:#a0d8ef; text-decoration:none} .upper_right_menu a:hover{ color:#FFFF99} #header_image {display:block} /******* UPPER MENU *******/ .topNav { display:none; } #home a{ background:url(images/navigation/home.jpg) top left no-repeat; position:absolute; top:31px; left:22px; width:57px; height:26px } #homeSelected a{ background:url(images/navigation/home_o.jpg) top left no-repeat; position:absolute; top:31px; left:22px; width:57px; height:26px } #boats a{ background:url(images/navigation/boats.jpg) top left no-repeat; position:absolute; top:31px; left:91px; width:58px; height:26px } #boatsSelected a{ background:url(images/navigation/boats_o.jpg) top left no-repeat; position:absolute; top:31px; left:91px; width:58px; height:26px } #kayaks a{ background:url(images/navigation/kayaks.jpg) top left no-repeat; position:absolute; top:31px; left:165px; width:69px; height:26px } #kayaksSelected a{ background:url(images/navigation/kayaks_o.jpg) top left no-repeat; position:absolute; top:31px; left:165px; width:69px; height:26px } #windsurf a{ background:url(images/navigation/windsurf.jpg) top left no-repeat; position:absolute; top:31px; left:243px; width:90px; height:26px } #windsurfSelected a{ background:url(images/navigation/windsurf_o.jpg) top left no-repeat; position:absolute; top:31px; left:243px; width:90px; height:26px } #parts a{ background:url(images/navigation/parts.jpg) top left no-repeat; position:absolute; top:31px; left:445px; width:58px; height:26px } #partsSelected a{ background:url(images/navigation/parts_o.jpg) top left no-repeat; position:absolute; top:31px; left:445px; width:58px; height:26px } #gear a{ background:url(images/navigation/gear.jpg) top left no-repeat; position:absolute; top:31px; left:526px; width:56px; height:26px } #gearSelected a{ background:url(images/navigation/gear_o.jpg) top left no-repeat; position:absolute; top:31px; left:526px; width:56px; height:26px } #gift_ideas a{ background:url(images/navigation/gift_ideas.jpg) top left no-repeat; position:absolute; top:31px; left:598px; width:96px; height:26px } #gift_ideasSelected a{ background:url(images/navigation/gift_ideas_o.jpg) top left no-repeat; position:absolute; top:31px; left:598px; width:96px; height:26px } #sale a{ background:url(images/navigation/sale.jpg) top left no-repeat; position:absolute; top:31px;left: 707px; width:56px; height:26px} #saleSelected a{ background:url(images/navigation/sale_o.jpg) top left no-repeat; position:absolute; top:31px;left: 707px; width:56px; height:26px} #home a:hover{ background:url(images/navigation/home_o.jpg) top left no-repeat} #homeSelected a:hover{ background:url(images/navigation/home_o.jpg) top left no-repeat} #boats a:hover{ background:url(images/navigation/boats_o.jpg) top left no-repeat} #boatsSelected a:hover{ background:url(images/navigation/boats_o.jpg) top left no-repeat} #kayaks a:hover{ background:url(images/navigation/kayaks_o.jpg) top left no-repeat} #kayaksSelected a:hover{ background:url(images/navigation/kayaks_o.jpg) top left no-repeat} #windsurf a:hover{ background:url(images/navigation/windsurf_o.jpg) top left no-repeat} #windsurfSelected a:hover{ background:url(images/navigation/windsurf_o.jpg) top left no-repeat} #parts a:hover{ background:url(images/navigation/parts_o.jpg) top left no-repeat} #partsSelected a:hover{ background:url(images/navigation/parts_o.jpg) top left no-repeat} #gear a:hover{ background:url(images/navigation/gear_o.jpg) top left no-repeat} #gearSelected a:hover{ background:url(images/navigation/gear_o.jpg) top left no-repeat} #gift_ideas a:hover{ background:url(images/navigation/gift_ideas_o.jpg) top left no-repeat} #gift_ideasSelected a:hover{ background:url(images/navigation/gift_ideas_o.jpg) top left no-repeat} #sale a:hover{background:url(images/navigation/sale_o.jpg) top left no-repeat} #saleSelected a:hover{background:url(images/navigation/sale_o.jpg) top left no-repeat} /******* LOWER MENU *******/ #my_cart a { background:url(images/utilities/my_cart.jpg) top left no-repeat; width:71px; height:21px; position:absolute; top:67px; left:22px } #my_cartSelected a { background:url(images/utilities/my_cart_o.jpg) top left no-repeat; width:71px; height:21px; position:absolute; top:67px; left:22px } #community a { background:url(images/utilities/community.jpg) top left no-repeat; width:87px; height:21px; position:absolute; top:67px; left:106px } #communitySelected a { background:url(images/utilities/community_o.jpg) top left no-repeat; width:87px; height:21px; position:absolute; top:67px; left:106px } #regatta a{ background:url(images/utilities/regatta.jpg) top left no-repeat; width:115px; height:21px; position:absolute; top:67px; left:209px } #regattaSelected a{ background:url(images/utilities/regatta_o.jpg) top left no-repeat; width:115px; height:21px; position:absolute; top:67px; left:209px } #news a{ background:url(images/utilities/news.jpg) top left no-repeat; width:73px; height:21px; position:absolute; top:67px; left:445px } #newsSelected a{ background:url(images/utilities/news_o.jpg) top left no-repeat; width:73px; height:21px; position:absolute; top:67px; left:445px } #about a{ background:url(images/utilities/about.jpg) top left no-repeat; width:83px; height:21px; position:absolute; top:67px; left:557px } #aboutSelected a{ background:url(images/utilities/about_o.jpg) top left no-repeat; width:83px; height:21px; position:absolute; top:67px; left:557px } #contact a{ background:url(images/utilities/contact.jpg) top left no-repeat; width:81px; height:21px; position:absolute; top:67px; left:675px } #contactSelected a{ background:url(images/utilities/contact_o.jpg) top left no-repeat; width:81px; height:21px; position:absolute; top:67px; left:675px } #my_cart a:hover{ background:url(images/utilities/my_cart_o.jpg) top left no-repeat } #my_cartSelected a:hover{ background:url(images/utilities/my_cart_o.jpg) top left no-repeat } #community a:hover{ background:url(images/utilities/community_o.jpg) top left no-repeat } #communitySelected a:hover{ background:url(images/utilities/community_o.jpg) top left no-repeat } #regatta a:hover{ background:url(images/utilities/regatta_o.jpg) top left no-repeat } #regattaSelected a:hover{ background:url(images/utilities/regatta_o.jpg) top left no-repeat } #news a:hover{ background:url(images/utilities/news_o.jpg) top left no-repeat } #newsSelected a:hover{ background:url(images/utilities/news_o.jpg) top left no-repeat } #about a:hover{ background:url(images/utilities/about_o.jpg) top left no-repeat; } #aboutSelected a:hover{ background:url(images/utilities/about_o.jpg) top left no-repeat; } #contact a:hover{ background:url(images/utilities/contact_o.jpg) top left no-repeat } #contactSelected a:hover{ background:url(images/utilities/contact_o.jpg) top left no-repeat } /******* MAIN DISPLAY AREA *******/ /*#main_container{ background:url(images/bkgdfade.jpg) repeat-y center; background-color:#0085c7; margin:0; padding:0; width:100% }*/ #main_container { position:relative; width:100%; height:auto; margin-left:auto; margin-right:auto; background: #0085c7 url(images/KO-bg_main.gif) repeat-y center } #main { height:450px; margin:0 auto; padding:0; width:778px; color:#FFF; } .homeMain1 { float:left; width:445px; text-align:left; } .homeMain2 { float:right; text-align:left; font-size:12px; margin: 30px 16px 22px 0px; width:300px } .homeMain2 p { padding-left:12px; padding-right:22px } .homeMain2 a { color:#FFFFFF; text-decoration:none; } .homeMain2 a:hover { color:#205291; text-decoration:underline;} #features_top { background-color:#93c0ea; margin:0 auto; padding:0; width:778px; height:30px; color:#FFF; border-top:3px solid #fff } .features_top { float:left; width:258px; height:24px; border-right:2px solid #fff; text-align:center; padding-top:6px; font-size:13px} .features_top a { color:#003271; text-decoration:none; font-weight:bold } .features_top a:hover { color:#cc0000;} .features_top_right { float:left; width:258px; height:24px;text-align:center; padding-top:6px; font-size:13px} .features_top_right a { color:#003271; text-decoration:none; font-weight:bold } .features_top_right a:hover { color:#cc0000;} #features_bottom { background-color:#e3dddd; margin:0 auto; padding:0; width:778px; height:140px; color:#333; border-top:3px solid #fff } .features_bottom { float:left; width:244px; height:auto; font-size:11px; padding:5px 7px 5px 7px; text-align:left; line-height:12px} .features_bottom img { margin-right:6px; margin-top:2px } .features_bottom a { color:#003271; text-decoration:none; font-weight:bold } .features_bottom a:hover { color:#cc3333;} .features_bottom_right { float:left; width:258px; height:24px; text-align:center; padding-top:6px; font-size:11px} .features_bottom_right a { color:#003271; text-decoration:none; font-weight:bold } .features_bottom_right a:hover { color:#cc0000;} #identity { background-color:#0286c7; margin:0 auto; padding:0; height:77px; width:778px; background-image:url(images/identity_bg.gif) } .identityPhoto {float:left; border-right:3px solid #fff; width:175px} .identityHead {float:left; width:154px; margin-top:47px; margin-left:11px; } .identityHead2 {float:left; width:300px; margin-top:47px; margin-left:11px; } #identityFlash { float:right; width:434px; height:72px; background-color:#0286c7; } .breadCrumb { color:#fff; font-size:10px; float:right; text-align:right; padding:8px 22px 0px 0px} .breadCrumb a {color:#fff; text-decoration:none; padding-left:4px; padding-right:4px } .tanRowTD { background-color:#f5c48a; font-size:13px; font-weight:bold; color:#003580; padding:10px 0px 10px 22px; border-bottom:3px solid #fff; } #middle {background-color:#c1daf4; margin:0 auto; padding:0; height:auto; width:778px; border-top:3px solid #fff } .middleNavTD { background-color:#0085c7; border-right:3px solid #fff; width:175px; height:100%; padding-bottom:32px} .middleCategoryResultTD { margin:0px; background-color:#c1dbf4; } .contentTD h1 { font-size:12px; color:#0085c7; margin-bottom:-6px} .contentTD { font-size:12px; line-height:16px; padding:22px; background-color:#c1dbf4; } .tableHeadingsTD { background-color:#67aadf; color:#000; font-size:11px; padding:1px 3px 1px 3px; border-right:#c1dbf4 solid 1px; border-bottom:#c1dbf4 solid 1px;} .tableHeadingsTD2 { background-color:#67aadf; color:#000; font-size:11px; padding:1px 3px 1px 3px; border-bottom:#c1dbf4 solid 1px;} .tableItemsTD { background-color:#8cc2e8; color:#000; font-size:11px; padding:1px 3px 1px 3px; border-right:#c1dbf4 solid 1px; border-bottom:#c1dbf4 solid 1px;} .tableItemsTD2 { background-color:#8cc2e8; color:#000; font-size:11px; padding:1px 3px 1px 3px; border-bottom:#c1dbf4 solid 1px; } /* nav item */ .leftNav { font-weight:bold; color: #245496; height:21px; display:block; background-color:#a3c9ee; vertical-align:middle; font-size:11px; padding-top:6px;padding-left:16px; border-bottom:1px solid #d4e5f7 } .leftNav a { color: #245496; text-decoration:none;} .leftNav a:hover { color:#FF0000 } /* nav head on page*/ .leftNav1 { font-weight:bold; height:21px; display:block; background-color:#bdd8f3; font-size:12px; padding-top:8px; padding-left:11px; background-image:url(images/red-triangle.gif); background-position:left; background-repeat:no-repeat; color: #245496; border-bottom:1px solid #d4e5f7} .leftNav1 a { text-decoration:none; color: #245496} .leftNav1 a:hover { color:#FF0000 } /* hav head not on page */ .leftNav2 { font-weight:bold; height:21px; display:block; background-color:#a3c9ee; font-size:12px; padding-top:8px; padding-left:11px; color:#245496; border-bottom:1px solid #d4e5f7} .leftNav2 a { text-decoration:none; color: #245496} .leftNav2 a:hover { color:#FF0000 } /* current page lit */ .leftNav3 { font-weight:bold; color: #245496; height:21px; display:block; background-color:#bdd8f3; vertical-align:middle; font-size:11px; padding-top:6px;padding-left:16px; border-bottom:1px solid #d4e5f7; background-image:url(images/red-triangle.gif); background-position:left; background-repeat:no-repeat; } .leftNav3 a { color: #245496; text-decoration:none;} .leftNav3 a:hover { color:#FF0000 } .leftNavError { color: #EEEEEE; font-style:italic; font-size:9px;} .searchArea { font-size:11px; color:#fff; margin:22px 16px 0px 16px; font-weight:bold} .searchArea a { color: #bdd7f2; text-decoration:none;} .searchAreaText { color:#fff; font-size:9px; margin:0px 10px 0px 0px;} .jump1 { font-family: Arial; font-size: 9pt; width: 142px; margin-top:4px} .jump2 { font-family: Arial; font-size: 8pt; width: 85px;padding-left:3px; height:14px; padding: 2px 0px 2px 0px } .jump3 { font-family: Arial; font-size: 9pt; width: 122px; margin-top:4px} .calendarSelect { font-family: Arial; font-size: 9pt; } .calendarSubmit { font-family: Arial; font-size: 9pt; } table.listTable{margin-left:18px; margin-right:22px; width:97%; } .searchImput { font-family: Arial; font-size: 9pt; color: #ffffff; width: 115px; margin-top:4px; margin-bottom:6px} .middlePhotoTD { background-color:#f5c48a; width:372px; height:276px; border-right:3px solid #fff; text-align:center} .middlePhotoTD2 { background-color:#f5c48a; width:372px; height:276px; border-left:3px solid #fff; text-align:center} .middleCaptionTD { padding:16px 11px 18px 11px; font-size:11px;line-height:13px; border-right:3px solid #fff; text-align:center; background-color:#f5c48a;} .captionHead { color:#003581; font-size:13px; line-height:15px; font-style:italic; font-weight:bold} .middleContentTD { padding:16px 16px 16px 16px; font-size:12px; line-height:15px; width:192px} .middleContentTD a { color:#CC0000; text-decoration:none } .middleContentTD a:hover { text-decoration:underline} .middleCategoryNavTD { padding:16px 16px 16px 16px; font-size:12px; line-height:16px; width:192px} .middleCategoryNavTD li { margin-left:-11px; padding-bottom:6px} .middleCategoryNavTD a { text-decoration:none; color:#333333 } .middleCategoryNavTD a:hover { text-decoration:underline; color:#0072a8 } .resuultsHolderTD { width:600px; background-color:#fff; } .itemName { color:#003581; font-size:18px; font-weight:bold; background-color:#f5c48a; width:578px; height:auto; padding:8px 0px 3px 22px; border-bottom:3px solid #fff} /******* CALENDAR *******/ .selectMonth { background-color:#f5c48a; text-align:center; border-bottom:1px solid #fff; margin-bottom:3px} .month { color:#FF0000; font-size:14px; font-weight:bold; background-color:#f5c48a;border-bottom:1px solid #fff; text-align:center } .month a { font-size:11px; text-decoration:none; color:#003580;font-weight:300} .month a hover { color:#FF0000; text-decoration:underline } .days { width:85px; font-weight:bold; background-color:#f5dfb9; text-align:center; color:#003580; font-size:12px; border-right:1px solid #fff; border-bottom:1px solid #fff; padding: 3px 0px 3px 0px} .days2 { font-weight:bold; width:85px; background-color:#f5dfb9; text-align:center; color:#003580; font-size:12px; border-bottom:1px solid #fff;} .day { border-right:1px solid #fff; border-bottom:1px solid #fff; height:100px; padding:6px; vertical-align:top} .day2 { border-bottom:1px solid #fff; height:100px; padding:6px; vertical-align:top } .event { font-size:10px; display:block;} .event a { text-decoration:none; } .event a:hover { text-decoration:underline} .specialDay { color:#FF0000; font-size:10px; padding-top:14px; text-align:center; font-size:10px } .specialDay a{text-decoration:none; color:#FF0000; display:block } .specialDay a:hover { text-decoration:underline } .calendarResultTD { background-color:#c1daf4; font-size:11px; line-height:16px; padding:22px } .calendarResultTD h1 { font-size:12px; color:#0085c7 } .calendarResultPhoto {background-color:#c1daf4; font-size:11px; padding: 22px 22px 22px 0px; width:338px; text-align:right } .calendarResultPhoto a { text-decoration:none; } .calendar_return { font-size:10px; padding:0px 30px 6px 0px; background-color:#c1daf4; } .calendar_return a { color:#003580; text-decoration:none } .calendar_return a:hover { color:#FF6600} /******* PRODUCT RESULTS *******/ .ThumbTD { border-bottom:3px solid #fff; border-right:3px solid #fff; background-color:#bdd7f2; text-align:center; margin:0px;} .thumbCapt { border-bottom:3px solid #fff; border-right:3px solid #fff; background-color:#bdd7f2; text-align:left; padding:6px; color:#000; font-size:13px; vertical-align:top;} .thumbCapt a { color:#003581; text-decoration:none; font-weight:bold;} .thumbCapt a:hover { color:#cc3333; text-decoration:underline; } .thumbCapt2 { border-right:3px solid #fff; background-color:#bdd7f2; text-align:left; padding:6px; color:#000; font-size:13px; vertical-align:top;} .thumbCapt2 a {color:#003581; text-decoration:none; font-weight:bold; } .thumbCapt2 a:hover { color:#cc3333; text-decoration:underline; } .thumbCaptName { font-size:12px; font-style:italic; font-weight:bold; } .thumbCaptPrice { font-weight:bold;} .thumbCaptDescript { font-size:11px} .PopUps { background-color:#bdd7f2; text-align:left; padding:6px; color:#000; font-size:13px; vertical-align:top;} .PopUps a { color:#003581; text-decoration:none; font-weight:bold;} .PopUps a:hover { color:#cc3333; text-decoration:underline; } /******* Individual Product Result *******/ .product_pagination { font-weight:bold; text-align:right; background-color:#f5c48a; width:578px; padding:12px 0px 3px 19px; border-right:3px solid #fff; border-top:3px solid #fff} .offPage {color:#003581; font-size:9pt; text-decoration:none} .offPage:hover {color:#cb0400; font-size:9pt; text-decoration:none;} .onPage {color:#0085c7; font-size:9pt; text-decoration:underline;} .productLeftCol {width:291px; background-color:#f5dfb9; border-right:2px solid #fff;} .productRightcol { background-color:#c1daf4; padding:8px 22px 0px 8px } .prodDetail { color:#000; font-size:9px; text-align:right; padding-right:4px} .productDescription { text-align:left; font-size:11px; padding-bottom:11px} .prodHead { font-size:11px; color:#003580; line-height:16px; font-weight:bold } .estShippingTD {background-color:#edf4fc; border:1px solid #999; font-size:10px; padding:6px; color:#003580 } .productButtonBar { padding-top:11px; padding-bottom:6px } .productButtonBar img{ padding-left:3px; padding-right:3px} .suggest { padding:6px 0px 6px 0px; font-size:11px; color:#003580; font-weight:bold} .itemNumber { font-size:11px; color:#0085c7} .productbackNav { font-size:10px; background-color:#c1daf4; } .productbackNav a { color:#003580; text-decoration:none } .productbackNav a:hover { color:#FF6600} .productbackNavTop { font-size:10px; padding:0px 0px 6px 0px; background-color:#c1daf4; border-bottom:2px solid #fff} .productbackNavTop a { color:#003580; text-decoration:none } .productbackNavTop a:hover { color:#FF6600} .productbackNavLeft { font-size:10px; padding:6px 6px 6px 6px; background-color:#c1daf4; border-top:2px solid #fff} .productbackNavLeft a { color:#003580; text-decoration:none } .productbackNavLeft a:hover { color:#FF6600} .productbackNavRight {padding:6px 22px 6px 6px; font-size:10px; background-color:#c1daf4; border-top:2px solid #fff; text-align:right } .productbackNavRight a{ color:#003580; text-decoration:none } .productbackNavRight a:hover { color:#FF6600} .colorChoice { padding:8px} .colorChoice img{ padding-right:6px } .otherThumbs { padding:0px 6px 0px 0px} .otherThumbs img { padding-right:6px } .viewCloser {padding:4px } .ProdPriceTD { font-size:11px; color:#003580; font-weight:bold; height:24px;} /******* footer *******/ #footerContainer { background-color:#003581; color:#fff; width:776px; height:72px; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; border-top:3px solid #fff; position:relative; margin-left:auto; margin-right:auto } .footerSides { width:165px;text-align:center; padding:8px; float:left } .footer { width:420px; text-align:center; color:#0081ba; float:left; font-size:11px; padding:11px; line-height:16px} .footer a{ color:#a0d8ef; padding-left:6px; padding-right:6px; text-decoration:none} .footer a:hover{ color:#FFFF99} /* New footer for copyright line added by Tracy */ .footerCopyright { width:420px; text-align:center; color:#0081ba; float:left; font-size:11px;} .footerCopyright a{ color:#a0d8ef; text-decoration:none} .footerCopyright a:hover{ color:#FFFF99} .main_head { position:relative; width:587px; font-size:24px; font-style:italic; color: #ffffff; text-transform:uppercase; font-weight:900; } /* table stuff - used by cart */ .cartBorder { border-top: 1px inset #000000; border-right: 1px inset #000000; border-bottom: 1px inset #000000; border-left: 1px inset #000000; } .cartHeader { color: #003581; background-color: #A3C9EE; height: 14px; font-weight: bold; } .cartRow1 {background-color:#c1daf4;} .cartRow2 {background-color:#bad3ef;} .cartError { color: #FFFFFF; background-color: #CC0000; height: 14px; font-weight: bold; } .cartRemove { } .cartRemove a { color: #CC0000; text-decoration:none; } .cartRemove a:hover { color: #003581; text-decoration:underline; } /* SCRAPBOOK STYLES */ .SBtanRowTD { background-color:#f5c48a; font-size:13px; font-weight:bold; color:#003580; padding:10px 10px 10px 22px; border-bottom:3px solid #fff; text-align:right;} .SBlighttanRowTD { background-color:#f5dfb8; font-size:13px; font-weight:bold; color:#003580; padding:10px 10px 10px 22px; border-bottom:3px solid #fff; text-align:right;} .SBNav {font-size:13px; font-weight:bold; color:#003271; padding-right:9px; text-align:right;} .SBNav a {color:#003271;} .SBTitle {font-size:13px; font-weight:bold; color:#000000; padding-left:12px;} .SBCaption {font-size:13px; color:#000000;padding-left:12px;} /* My Account pages */ .loginLeftCol { font-size:12px; background-color:#c1daf4; padding:32px; border-right:5px solid #fff; } .loginRightcol { font-size:12px; background-color:#c1daf4; padding:32px; } .titleHead { font-size:16px; color:#003580; line-height:16px; font-weight:bolder }