/* Wilderness Systems */ /* STYLES ******************************************************************/ * {margin:0; padding:0;} body {background:#000; font-family:Arial, Helvetica, sans-serif; font-size:75%; line-height:1.4em; color:#222; margin-bottom:70px;} a {color:#222;} img {border:none;} hr {display:none;} sup {font-size:50%;} p {margin-bottom:1.2em;} h2 {margin-bottom:1.2em; line-height:1.2em;} h2.listing {width:682px;} h2.listing span {width:550px; display:block;} h3 {font-size:1.4em; margin-bottom:1.2em;} .error {color: red !important;} .clear {clear:both;} .hrzrule {height:1px; background:#ccc; margin:1em 0;} .hrzrule2 {height:1px; background:#ccc; margin:2em 0;} .content {width:950px; margin:0 auto; position:relative;} .tellafriend {float:right; position:relative; top:-6px;} .price {font-size:1.2em; font-weight:bold; margin-bottom:6px;} .price span {color:#6F8998;} .legal {font-size:.9em;} .links {color:#6F8998;} .links a {color:#6F8998;} .inline {display:inline;} .backtotop {float:right; font-size:.9em; font-weight:bold;} .backtotop a {color:#999; text-decoration:none; padding-left:12px; background:url(../images/arrow3.gif) left no-repeat;} .backtotop a:hover {color:#999; text-decoration:underline;} .optin {padding-top:10px;} .optin input {float:left!important; width:15px!important; height:15px!important; margin:0 5px 5px 0;} .radios_outer {float:right!important; width:182px;} .radios label {float:left!important; padding:0 16px 0 4px;} .radios input {float:left!important; width:15px!important; height:15px!important; border:none!important; position:relative; top:4px;} .image_left {float:left; margin:0 10px 10px 0; border:solid 2px #ccc;} .leftnav_sep {border-bottom:solid 1px #A8B9C1; margin-bottom:1.4em;} .button_dynamic {background:url(../images/dynamicbutton2.gif) right no-repeat; float:left; text-decoration:none!important; } .button_dynamic:hover {color:#6F8998;} .button_dynamic span {padding:5px 7px 5px 10px; margin-right:3px; display:block; background:url(../images/dynamicbutton1.gif) left no-repeat; font-weight:bold;} /* HEADER ******************************************************************/ #header {background:#000; height:104px; position:relative;} #header #logo {position:absolute; top:47px;} #header #logo {position:absolute; top:47px;} #header #topnav {position:absolute; top:10px; right:7px;} #header #topnav input.search {float:left; border:solid 1px #fff; padding:1px 3px; width:114px; margin-right:4px; font-family:Arial, Helvetica, sans-serif; font-size:11px;} #header #topnav input.button {float:left;} #header #topnav ul {list-style-type:none; margin:0 4px 0 0; float:left;} #header #topnav li {float:left;} #header #topnav li a {float:left; padding:0 10px; font-family:Arial, Helvetica, sans-serif; color:#6e8a97; text-decoration:none; font-size:.9em; border-right:solid 1px #50656e;} #header #topnav li a.global {border-right:none; padding-left:28px; background:url(../images/icon_global.gif) no-repeat; background-position:10px 50%;} #header #topnav li a:hover {color:#fff;} #header #topnav li a.current {color:#fff; text-decoration:underline;} #header {z-index:100!important;} #header #nav {list-style-type:none; position:absolute; top:70px; left:270px;} #header #nav li {float:left; position:relative;} #header #nav li a {float:left; height:29px; text-indent:-999em; overflow:hidden; background:url(../images/navigation.gif) no-repeat; outline:none;} #header #nav li ul {position:absolute; top:29px; left:-999em; background:#000; font-size:.75em; list-style-type:none; margin:0; width:184px; font-family:Tahoma, Arial, Helvetica, sans-serif; padding-bottom:4px; border-bottom:solid 1px #222; border-right:solid 1px #222;} #header #nav li ul li {width:184px; background:none; padding:0;} #header #nav li ul li a {width:157px; padding:2px 2px 2px 21px; background:none; text-indent:0; background:url(../images/arrow_dropdown.gif) left no-repeat; color:#6e8a97; height:auto; font-size:1.2em; text-decoration:none; text-transform:uppercase;} #header #nav li ul li a:hover {background:#000; background:url(../images/arrow_dropdown.gif) left no-repeat; color:#ddd;} #header #nav li.hover ul {position:absolute; top:29px; left:0;} #header #nav li a.products {width:86px;} #header #nav li a.products:hover {background-position:0 -29px;} #header #nav li a.products_current {width:86px; background-position:0 -29px;} #header #nav li.hover a.products {background-position:0 -29px;} #header #nav li a.community {width:97px; background-position:-86px 0;} #header #nav li a.community:hover {background-position:-86px -29px;} #header #nav li a.community_current {width:97px; background-position:-86px -29px;} #header #nav li.hover a.community {background-position:-86px -29px;} #header #nav li a.angling {width:79px; background-position:-183px 0;} #header #nav li a.angling:hover {background-position:-183px -29px;} #header #nav li a.angling_current {width:79px; background-position:-183px -29px;} #header #nav li.hover a.angling {background-position:-183px -29px;} #header #nav li a.resources {width:93px; background-position:-262px 0;} #header #nav li a.resources:hover {background-position:-262px -29px;} #header #nav li a.resources_current {width:93px; background-position:-262px -29px;} #header #nav li.hover a.resources {background-position:-262px -29px;} #header #nav li a.learn {width:64px; background-position:-355px 0;} #header #nav li a.learn:hover {background-position:-355px -29px;} #header #nav li a.learn_current {width:64px; background-position:-355px -29px;} #header #nav li.hover a.learn {background-position:-355px -29px;} #header #nav li a.newsandevents {width:134px; background-position:-419px 0;} #header #nav li a.newsandevents:hover {background-position:-419px -29px;} #header #nav li a.newsandevents_current {width:134px; background-position:-419px -29px;} #header #nav li.hover a.newsandevents {background-position:-419px -29px;} #header #nav li a.dealerlocator {width:126px; background-position:-553px 0;} #header #nav li a.dealerlocator:hover {background-position:-553px -29px;} #header #nav li a.dealerlocator_current {width:126px; background-position:-553px -29px;} #header #nav li.hover a.dealerlocator {background-position:-553px -29px;} /* BREADCRUMB ******************************************************************/ #breadcrumb {width:680px; float:left; list-style-type:none; margin:0 0 15px 0!important; height:30px;} #breadcrumb li {float:left;} #breadcrumb li a {float:left; font-weight:bold; color:#6e8a97; text-decoration:none; padding-right:14px; background:url(../images/breadcrumb_arrow.gif) right no-repeat; margin:0 8px 10px 0; outline:none;} #breadcrumb li a:hover {text-decoration:underline;} #breadcrumb li a.current {padding-right:0; background:none; font-weight:bold; color:#000;} #breadcrumb li a.current:hover {text-decoration: none;} /* HOME ******************************************************************/ #main.home {background:#000; padding:0 0 35px 0;} #main.home #home_noflash {width:950px; height:504px; background:url(../images/home_noflash.jpg) bottom no-repeat;} #main.home #home_noflash a {position:absolute; top:0; left:0; height:30px; text-indent:-999em; overflow:hidden;} #main.home #home_noflash a#angler {width:108px; top:455px; left:290px;} #main.home #home_noflash a#recreational {width:160px; top:455px; left:420px;} #main.home #home_noflash a#sea_kayak {width:128px; top:455px; left:604px;} #main.home #home_noflash a#touring {width:108px; top:455px; left:755px;} #home_main_outer {height:540px;} #home_promos {float:left; width:950px; margin-bottom:0; color:#fff; background:url(../images/bg_homepromos.gif) repeat-y;} #home_promos h2 {text-transform:uppercase; font-size:1.4em;} #home_promos div {float:left; width:262px; padding:24px;} #home_promos div p {margin:0 0 1.2em 0!important;} #home_promos div .thumb {float:right; border:solid 5px #262626; margin:0 0 14px 14px;} #home_promos #promo1 {margin-right:10px;} #home_promos #promo1 ul {margin:0 0 1em 0; list-style-type:none; border-top:solid 1px #50656E;} #home_promos #promo1 ul li {padding:8px 0; border-bottom:solid 1px #50656E;} #home_promos #promo1 ul li a {font-weight:bold; color:#6e8a97; text-decoration:none;} #home_promos #promo1 ul li a:hover {color:#fff;} #home_promos #promo1 ul li span {font-size:.85em;} #home_promos #promo2 {margin-right:10px;} #home_promos #promo3 {} p.button_homepromo a {background:url(../images/button_gray.gif) left no-repeat; width:94px; display:block; padding:2px 6px 3px; color:#fff; text-decoration:none; text-align:center; font-weight:bold;} /* MAIN ******************************************************************/ #main {background:#fff; padding:28px 0 60px 0;} #main #left {width:230px; background:#EFF3F4 url(../images/bg_left_top.gif) top no-repeat; float:left;} #main #left .content {width:182px; padding:44px 24px; float:left;} #main #left .bottom {width:230px; float:left; height:3px; background:url(../images/bg_left_bottom.gif) no-repeat;} #main #left h3 {text-transform:uppercase; font-size:1.15em; bottom no-repeat; padding-bottom:9px; border-bottom:solid 1px #A8B9C1; margin-bottom:14px;} #main #left ul {float:left; list-style-type:none; margin:0 0 32px 0; width:182px; line-height:1.8em;} #main #left ul li {} #main #left ul li a {text-decoration:none; outline:none; font-weight:bold; color:#444;} #main #left ul li a:hover {color:#000;} #main #left ul li a.current {font-weight:bold; color:#6e8a97;} #main #left ul li a.current_expanded {font-weight:bold; color:#6e8a97; padding-right:18px;} #main #left ul li ul {margin:0 0 0 14px;} #main #left ul li ul li {} #main #left ul li ul li a {font-weight:normal; width:145px; padding-left:12px; background:url(../images/arrow1.gif) top left no-repeat; background-position:0 8px; display:block; float:left; } #main #left ul li ul li a.current {margin:0; color:#6e8a97; background:url(../images/arrow2.gif) top left no-repeat; background-position:0 8px;} #main #right {width:682px; float:right; padding-right:8px;} #main #right h2 {text-transform:uppercase; font-size:1.6em; padding-bottom:8px; margin-bottom:20px; border-bottom:solid 1px #A8B9C1;} #main #right ul {margin:0 0 1.2em 1.4em;} #main #right .post {margin-bottom: 1.4em; } #main #right .post a {text-decoration:none; font-weight:bold; color:#6F8998;} #main #right .post a:hover {text-decoration:underline;} #main #right .post h3 {font-size:1em; margin-bottom:0; font-weight:bold;} #main #right .post h3 a {text-decoration:none; color:#6F8998;} #main #right .post h3 a span {color:#222;} #main #right .post h3 a:hover {text-decoration:underline;} #main optgroup option {padding-left:15px;} #product_list {float:left; width:670px;} #product_list table {list-style-type:none; width:670px; margin-top:20px;} #product_list table td {width:200px; padding-right:28px; font-size:.9em; padding-bottom:22px; vertical-align:top;} #product_list table td div {height:94px;} #product_list table td h3 {font-size:1.3em; margin-bottom:4px; } #product_list table td h3 a {text-decoration:none;} #product_list table td h3 a:hover {text-decoration:underline;} #event_list .post {border-bottom:solid 1px #ddd;} #news_list .post {border-bottom:solid 1px #ddd;} .thumbs img {float:left; margin:0 4px 4px 0; border:solid 2px #e3e9eb;} .specifications {width:320px;} .specifications td {padding:4px;} .specifications .col1 {font-weight:bold;} .specifications .row1 {background:#fff;} .specifications .row2 {background:#eff3f4;} table.data1 {width:680px; border-collapse:collapse; margin-bottom:1.6em;} table.data1 td {width:25%; border:solid 1px #A8B9C1; padding:6px 9px; vertical-align:top;} table.data1 tr.columntitles td {background:#6E8A97; font-weight:bold; border:solid 1px #A8B9C1; color:#fff;} table.data2 {width:680px; border-collapse:collapse; margin-bottom:1.6em;} table.data2 td {width:25%; border:solid 1px #A8B9C1; padding:6px 9px; vertical-align:top;} table.data2 tr.columntitles td {background:#6E8A97; font-weight:bold; border:solid 1px #A8B9C1; color:#fff;} #facebook_like {float:right; position:relative; height:20px; overflow:hidden;} /* PRODUCT DETAIL ******************************************************************/ #product_detail_top {margin:16px 0 0; outline:none;} #product_detail_main {} #product_detail_tabs {width:650px; margin-top:30px;} .tabs ul {float:left; width:650px; list-style-type:none; margin:0!important;} .tabs ul li {float:left;} .tabs ul li a {float:left; text-decoration:none; border:solid 1px #d3dce0; border-bottom:none; font-weight:bold; color:#999; background:#fff url(../images/bg_tab.gif) bottom repeat-x; padding:5px 9px; margin-right:4px; } .tabs ul li a:hover {float:left; text-decoration:none; border:solid 1px #d3dce0; border-bottom:none; font-weight:bold; color:#6F8998; background:#fff url(../images/bg_tab.gif) bottom repeat-x; padding:5px 9px; margin-right:4px; } .tabs ul li a.current {position:relative; top:1px; border:solid 1px #99adb6; background:#fff; border-bottom:none; color:#222;} .tabs_container {float:left; width:620px; padding:17px 20px; border:solid 1px #99adb6!important;} .features_left {float:left;} .features_right {float:right;} .features_left h2, .features_right h2 {font-size:1.25em!important;} #media {width:630px;} #media h2 {width:620px; font-size:1.25em!important; margin-bottom:.4em!important;} #media ul.thumbs {float:left; margin:0!important; list-style-type:none; padding-top:12px; width:630px!important;} #media ul.thumbs li {float:left; width:157px; height:160px;} #media ul.thumbs li.end {width:140px;} #media ul.thumbs li img {border:solid 1px #ccc; background:#fff; padding:2px;} #media ul.thumbs a {color:#333; text-decoration:none; font-size:.9em; font-weight:bold; outline:none!important;} #media ul.thumbs a:hover {text-decoration:underline;} #media .pagination {float:left; width:610px; background:#eff3f4; padding:5px; margin:0; position:relative; top:-4px; } #media .pagination p {text-align:center; margin:0 30px; position:relative; top:2px;} #media .pagination a {font-weight:bold; text-decoration:none; outline:none; color:#666; padding:0 4px; border-right:solid 1px #444;} #media .pagination a.current {color:#aaa; text-decoration:underline;} #media .pagination a.end {border-right:none;} #media .pagination a.pagination_left {float:left; width:23px; height:21px; text-indent:-999em; overflow:hidden; border:none; padding:0; background:url(../images/arrow_media_left.gif) top left no-repeat;} #media .pagination a.pagination_right {float:right; width:23px; height:21px; text-indent:-999em; overflow:hidden; border:none; padding:0; background:url(../images/arrow_media_right.gif) top left no-repeat;} #media .pagination a.on {background-position:-23px 0; cursor:pointer!important;} #media .pagination a.off {background-position:0 0; cursor:default!important;} .collapse_expand, /*.collapse_expanded {float:left; width:620px; border-top:solid 1px #A8B9C1; margin:0 0 30px; padding-top:3px; font-size:.9em; font-weight:bold; text-align:right;}*/ .collapse_expanded {position: relative; top:-1px; text-transform: none; padding-left:16px; font-size:.7em; font-weight:bold; text-align:left; height:14px;} .collapse_expand {border-top:none;} .collapse_expand a, .collapse_expanded a {text-decoration:underline; color:#6e8a97;} .collapse_expand a.collapse, .collapse_expanded a.collapse {background:url(../images/icon_collapse_up.gif) left no-repeat; padding: 0px 0px 0px 20px;} .collapse_expand a.expand, .collapse_expanded a.expand {background:url(../images/icon_collapse_down.gif) left no-repeat; padding: 0px 0px 0px 20px;} #media-documents ul.thumbs {float:left;} #media-documents ul.thumbs li {width:580px; height:16px; margin-bottom:12px; padding-left:24px; background:url(../images/icons_files.gif) top left no-repeat;} #media-documents ul.thumbs li.std {background-position:0 0;} #media-documents ul.thumbs li.doc {background-position:0 -16px;} #media-documents ul.thumbs li.pdf {background-position:0 -32px;} /* LANDING PAGE ******************************************************************/ img.landingpage {padding:4px; background:#fff; border:solid 1px #ccc; margin-bottom:16px;} #landingpage_top {float:left; border-bottom:solid 1px #A8B9C1; margin-bottom:24px; padding-bottom:24px;} #landingpage_bottomleft {float:left; width:328px;} #landingpage_bottomright {float:right; width:328px;} /* ANGLING ******************************************************************/ #main_angling {background:#000; padding:0 0 30px 0;} #main_angling .content {border-top:solid 1px #6e8a97; background:#000 url(../images/bg_angling.jpg) top center no-repeat;} #angling {color:#eee;} #angling_columns {float:left; width:952px; background:url(../images/bg_angling_left_right.gif) top left no-repeat;} #angling #left {background:transparent; float:left; width:456px; margin-top:210px;} #angling #left div.list {float:left; margin:0; list-style-type:none; width:470px; padding:10px 0 0 0;} #angling #left div.list ul {margin:0; width:100%; list-style-type:none; font-weight:bold;} #angling #left div.list ul li {padding:10px 30px; border-bottom:solid 1px #313639; line-height:1.3em;} #angling #left div.list ul li.rowcolor1 {background:#1c1c1c;} #angling #left div.list ul li.rowcolor2 {background:#282828;} #angling #left div.list ul li a {color:#6e8a97; text-decoration:none;} #angling #left div.list ul li a:hover {color:#fff;} #angling #left div.list ul li span {color:#fff; font-size:.9em; display:block; padding-top:4px;} #angling #left div.list p.button {float:left; margin:15px 30px;} #angling #right {background:transparent; float:right; width:456px; margin-top:210px;} #angling #right div.photos, #angling #right div.videos {float:left; margin:0; list-style-type:none; width:440px; padding:15px 0 15px 5px;} #angling #right ul.thumbs {float:left; margin:0 0 0 7px!important; width:432px; height:320px; list-style-type:none; padding-top:12px;background:#1c1c1c!important;} #angling #right ul.thumbs li {float:left; width:144px; height:160px;} #angling #right ul.thumbs li img {border:solid 4px #262626;} #angling #right ul.thumbs a {color:#6e8a97; text-decoration:none; font-size:.9em; font-weight:bold; outline:none;} #angling #right ul.thumbs a.label {padding-left:4px; display:block;} #angling #right ul.thumbs a:hover {color:#fff;} #angling .tabs {float:left; margin:0; list-style-type:none; width:470px!important; line-height:1.8em;} #angling .tabs li {float:left; margin-right:5px;} #angling .tabs li a {float:left; padding:5px 15px; color:#eee; background:#000; text-decoration:none; font-weight:bold; outline:none;} #angling .tabs li a:hover {background:#000; color:#fff;} #angling .tabs li a.current {background:#1c1c1c; color:#fff;} #angling .pagination {float:left; width:412px; background:#111; padding:5px; margin:0 8px 8px 8px; position:relative; top:-4px; } #angling .pagination p {text-align:center; margin:0 30px; position:relative; top:2px;} #angling .pagination a {font-weight:bold; text-decoration:none; outline:none; color:#666; padding:0 4px; border-right:solid 1px #444;} #angling .pagination a.current {color:#aaa; text-decoration:underline;} #angling .pagination a.end {border-right:none;} #angling .pagination a.pagination_left {float:left; width:23px; height:21px; text-indent:-999em; overflow:hidden; border:none; padding:0; background:url(../images/arrow_pagination_left.gif) top left no-repeat;} #angling .pagination a.pagination_right {float:right; width:23px; height:21px; text-indent:-999em; overflow:hidden; border:none; padding:0; background:url(../images/arrow_pagination_right.gif) top left no-repeat;} #angling .pagination a.on {background-position:-23px 0; cursor:pointer!important;} #angling .pagination a.off {background-position:0 0; cursor:default!important;} #angling #bottom {float:left; width:950px; margin:24px 0 0 0;} #angling #bottom h2 {text-transform:uppercase; margin:0 0 .7em 0; font-size:1.4em; padding-left:6px;} #angling #bottom img {border:solid 4px #1a1a1a;} #angling #bottom p {padding-left:6px;} #angling #bottom p.image {padding-left:0; margin-bottom:.8em;} #angling #bottom #promo1 {width:306px; margin-right:16px; float:left;} #angling #bottom #promo2 {width:306px; margin-right:16px; float:left;} #angling #bottom #promo3 {width:306px; float:left;} p.button_anglingpromo a {background:url(../images/button_gray.gif) left no-repeat; width:94px; display:block; padding:2px 6px 3px; color:#fff; text-decoration:none; text-align:center; font-weight:bold;} /* FAQS ******************************************************************/ #contact_form {border:none;} #contact_form label {float:left; font-weight:bold; padding-top:3px;} #contact_form input {float:right; width:310px; border:solid 1px #d3dce0; padding:2px 4px;} #contact_form input.button {width:auto; border:none; padding:0; margin:4px 0 0 4px;} #contact_form a.button {float:right; width:auto; border:none; padding:0; margin:4px 0 0 4px;} #contact_form select {float:right; width:320px; border:solid 1px #d3dce0; padding:2px;} #contact_form textarea {float:right; width:310px; height:100px; border:solid 1px #d3dce0; padding:2px 4px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #contact_form ul {list-style-type:none; margin:0!important;} #contact_form ul li {width:682px; float:left; padding:14px 0; border-bottom:solid 1px #a8b9c1;} #contact_form ul li.noborder {border-bottom:none;} #contact_form ul li label.small {font-weight:normal!important; font-size:.9em;} #warranty_form {border:none;} #warranty_form label {float:left; font-weight:bold; padding-top:3px;} #warranty_form input {float:right; width:170px; border:solid 1px #d3dce0; padding:2px 4px; color:#666;} #warranty_form input.button {width:auto; border:none; padding:0; margin:4px 0 0 4px;} #warranty_form a.button {float:right; width:auto; border:none; padding:0; margin:4px 0 0 4px;} #warranty_form select {float:right; width:180px; border:solid 1px #d3dce0; padding:2px; color:#666;} #warranty_form textarea {float:right; width:170px; height:100px; border:solid 1px #d3dce0; padding:2px 4px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #warranty_form ul.column1 {list-style-type:none; margin:0!important; width:300px; float:left;} #warranty_form ul.column1 li {width:270px; float:left; padding:4px 0;} #warranty_form ul.column1 li.noborder {border-bottom:none;} #warranty_form ul.column1 li label.small {font-weight:normal!important; font-size:.9em;} #warranty_form ul.column2 {list-style-type:none; margin:0!important; width:320px; float:left;} #warranty_form ul.column2 li {width:320px; float:left; padding:4px 0;} #warranty_form ul.column2 li.noborder {border-bottom:none;} #warranty_form ul.column2 li label.small {font-weight:normal!important; font-size:.9em;} #warranty_form ul.column3 {list-style-type:none; margin:0!important; width:300px; float:left;} #warranty_form ul.column3 li {width:300px; float:left; padding:4px 0 8px;} #warranty_form ul.column3 li.noborder {border-bottom:none;} #warranty_form ul.column3 li label.small {font-weight:normal!important; font-size:.9em;} #warranty_form ul.column3 label {float:none; font-weight:bold; padding:3px 0 4px; display:block;} #warranty_form ul.column3 input {float:none; width:260px; border:solid 1px #d3dce0; padding:2px 4px;} #warranty_form ul.column3 input.button {width:auto; border:none; padding:0; margin:4px 0 0 4px;} #warranty_form ul.column3 select {float:none; width:270px; border:solid 1px #d3dce0; padding:2px;} #warranty_form ul.column3 textarea {float:none; width:260px; height:100px; border:solid 1px #d3dce0; padding:2px 4px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} /* FAQS ******************************************************************/ #main #right .faq-links {margin-bottom:30px; padding-bottom:25px; border-bottom:solid 1px #ccc;} #main #right .faq-item {margin-bottom:30px; padding-bottom:30px; border-bottom:solid 1px #ccc;} /* DEALER LOCATORS ******************************************************************/ #dealer_locator ul.top {list-style-type:none; margin:10px 0 6px 0!important; padding-bottom:40px; background:url(../images/bg_dealerlocator_forms.gif) bottom left no-repeat; width:670px; float:left;} #dealer_locator ul.top li {float:left; margin-right:12px;} #dealer_locator ul.top li label {font-weight:bold;} #dealer_locator ul.top li input {width:170px; border:solid 1px #D3DCE1; padding:2px; } #dealer_locator ul.top li input.button {width:auto; border:none; padding:0;} #dealer_locator ul.top li select {width:170px; padding:1px; border:solid 1px #D3DCE1;} #dealer_locator table {width:670px; margin:30px 0;} #dealer_locator table b.title {font-size:1.3em; display:block; padding-bottom:3px;} #dealer_locator input.field {float:left; width:126px; padding:1px 4px; margin-right:4px;} #dealerlocator_small {width:270px;} #dealerlocator_small ul {list-style-type:none; margin:10px 0 6px 0!important; padding-bottom:40px; background:url(../images/bg_dealerlocator_forms.gif) bottom left no-repeat; width:270px; float:left;} #dealerlocator_small ul li {float:left; margin-right:12px;} #dealerlocator_small ul li label {font-weight:bold; width:60px; float:left; } #dealerlocator_small ul li input {width:150px; border:solid 1px #D3DCE1; padding:2px; margin-bottom:2px;} #dealerlocator_small ul li input.button {width:auto; border:none; padding:0;} #dealerlocator_small ul li select {width:156px; padding:1px; border:solid 1px #D3DCE1; margin-bottom:2px;} #dealerlocator_small input.field {float:left; width:126px; padding:1px 4px; margin-right:4px;} /* FOOTER ******************************************************************/ #footer {background:#000; padding-top:10px;} #footer p {font-size:.9em; color:#50656e;} #footer p a {color:#999; text-decoration:none;} #footer p a:hover {text-decoration:underline;} #footer p.copyright {float:left;} #footer p.links {float: left;} #footer ul {float:right; list-style-type:none;} #footer ul li {float:left;} #footer ul li a {float:left; height:29px; width:29px; overflow:hidden; text-indent:-999em; background:url(../images/footer_logos.gif); background-position:0 0; border-right:solid 3px #000;} #footer ul li a.wilderness {background-position: 0 0;} #footer ul li a.wilderness:hover {background-position: 0 29px;} #footer ul li a.perception {background-position: 174px 0;} #footer ul li a.perception:hover {background-position: 174px 29px;} #footer ul li a.dagger {background-position: 145px 0;} #footer ul li a.dagger:hover {background-position: 145px 29px;} #footer ul li a.wavesport {background-position: 116px 0;} #footer ul li a.wavesport:hover {background-position: 116px 29px;} #footer ul li a.madriver {background-position: 87px 0;} #footer ul li a.madriver:hover {background-position: 87px 29px;} #footer ul li a.harmony {background-position: 58px 0;} #footer ul li a.harmony:hover {background-position: 58px 29px;} #footer ul li a.adventure {background-position: 29px 0;} #footer ul li a.adventure:hover {background-position: 29px 29px;} #tooltip {position:absolute; border:1px solid #333; background:#ccc; padding:2px 5px; color:#333; display:none;} /* SEARCH ******************************************************************/ div#other_pages {margin-top:15px; padding-bottom:5px;} div#other_pages a {border: 1px solid #d6d6d6; padding: 4px 8px 4px 8px; text-decoration: none;} div#other_pages a:hover {background-color: #d6d6d6; color: #fff;} div#other_pages b {padding: 4px 8px 4px 8px; } /* KAYAK DIRECTORY ******************************************************************/ #search_begin {border:none; background:#eff3f4;} #search_begin h3 {font-size:1.2em; margin-bottom:.6em; border-bottom:solid 1px #cfd9dd; padding:10px 0 10px 32px;} #search_begin_left {width:290px; float:left; padding:12px 0 24px 24px;} #search_begin_left h3 {background:url(../images/h3_1.gif) left no-repeat;} #search_begin_left ul {margin:0!important; list-style-type:none; line-height:2em;} #search_begin_left ul li {} #search_begin_left ul li input {float:left; margin-right:8px; width:14px; height:14px; position:relative; top:6px;} #search_begin_left ul li label {} #search_begin_left ul li.list_expand {font-weight:bold;} #search_begin_left ul li.list_expand span {width:14px; height:14px; background:url(../images/icon_list_expand.gif) no-repeat; display:block; float:left; cursor:pointer; text-indent:-999em; overflow:hidden; margin-right:8px; position:relative; top:6px;} #search_begin_left ul li.plus span {background-position:0 0;} #search_begin_left ul li.minus span {background-position:0 -14px;} #search_begin_left ul ul {padding-left:24px!important;} #search_begin_left ul ul li {font-weight:normal;} #search_begin_right {width:290px; float:right; padding:12px 24px 24px 0;} #search_begin_right h3 {background:url(../images/h3_2.gif) left no-repeat;} #search_begin_right label {font-weight:bold;} #search_begin_right ul {margin:0!important; list-style-type:none; line-height:2em;} #search_begin_right ul input.text {width:283px; padding:2px; float:left; font-size:12px; } #search_begin_right ul input {float:left;} #search_begin_right ul select {width:212px; padding:1px; float:left; font-size:12px; margin-right:8px;} #search_begin_right ul li {width:290px; float:left; margin-bottom:.6em;} #search_begin_right ul li.or {text-align:center; font-weight:bold; background:url(../images/hrzrule_or.gif) center repeat-x; margin-top:.6em;} #search_begin_right ul li.or span {background:#EFF3F4; padding:0 8px;} .step_wrapper {position:relative; padding-bottom:1.2em;} .step, #step_tabs {position:absolute; width:17px; height:17px; text-align:center; padding:6px; margin:0; background-color:#EFF3F4; color:#7f959f; font-weight:bold; font-size:1.1em;} .step {position:absolute; top:0; left:-27px;} #step_tabs {position:absolute; top:38px; left:-27px;} #image_uploaded {} #image_uploaded img {float:left; border:solid 3px #D3DEE1;} #image_uploaded p {float:left; padding:58px 28px;} #image_uploaded p span {text-transform:uppercase; font-weight:bold;} #submit_info_authorized {border:none; background:#eff3f4; padding:12px 0 24px 24px;} #submit_info_authorized ul {margin:0!important; list-style-type:none; line-height:2em;} #submit_info_authorized ul li {width:325px; float:left; margin-bottom:6px;} #submit_info_authorized ul li label {font-weight:bold;} #submit_info_authorized ul li input {width:295px; padding:2px; font-size:12px; } #submit_info_authorized ul li select {padding:2px; font-size:12px; } #submit_info_authorized ul li.business_name {width:325px;} #submit_info_authorized ul li.authorized {width:325px;} #submit_info_authorized ul li.authorized label {float:left; margin-right:24px;} #submit_info_authorized ul li.authorized input {width:15px; height:15px; float:left; margin-right:6px; position:relative; top:4px;} #submit_info_authorized ul li.customer_number {width:650px;} #submit_info {border:none; background:#eff3f4; padding:12px 0 24px 24px;} #submit_info ul {margin:0!important; list-style-type:none; line-height:2em;} #submit_info ul li {width:325px; float:left; margin-bottom:6px;} #submit_info ul li label {font-weight:bold;} #submit_info ul li input {width:295px; padding:2px; font-size:12px; } #submit_info ul li select {padding:2px; font-size:12px; } #submit_info ul li.business_name {width:650px;} #submit_info ul li.state {width:215px;} #submit_info ul li.state select {width:200px;} #submit_info ul li.zip {width:80px;} #submit_info ul li.zip input {width:80px;} #submit_info ul li.submit_info_change {display:none; cursor:pointer;} #submit_info_authorized_review {border:none; background:#eff3f4; padding:12px 0 24px 24px;} #submit_info_authorized_review ul {margin:0!important; list-style-type:none; line-height:2em;} #submit_info_authorized_review ul li {width:325px; float:left; margin-bottom:6px;} #submit_info_authorized_review ul li label {font-weight:bold;} #submit_info_authorized_review ul li input {width:295px; padding:2px; font-size:12px; } #submit_info_authorized_review ul li select {padding:2px; font-size:12px; } #submit_info_authorized_review ul li.business_name {width:650px;} #submit_info_authorized_review ul li.state {width:215px;} #submit_info_authorized_review ul li.state select {width:200px;} #submit_info_authorized_review ul li.zip {width:80px;} #submit_info_authorized_review ul li.zip input {width:80px;} #submit_info_authorized_review #authorized_review_change_instructions_js {display:none;} label#authorized_not_found {margin-top:10px; font-weight:normal!important; display:block;} label#authorized_not_found input {width:15px!important; height:15px!important; margin-right:6px; position:relative; top:2px;} #submit_info_description {border:none; background:#eff3f4; padding:12px 0 24px 24px;} #submit_info_description ul {margin:0!important; list-style-type:none; line-height:2em;} #submit_info_description ul li label {font-weight:bold;} #submit_info_description ul li.business_description {width:650px;} #submit_info_description ul li.business_description textarea {width:616px; height:150px; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:4px; } #submit_image {border:none;} #submit_image h2 {font-size:1em!important; text-transform:none!important; } #submit_image #tabs {float:left;list-style-type:none; margin:0!important; height:38px; overflow:hidden;} #submit_image #tabs li {float:left; padding:10px 24px; background:#d3dee1; border-top:solid 1px #d3dee1; border-right:solid 2px #d3dee1; margin-right:4px; font-weight:bold; cursor:pointer;} #submit_image #tabs li.current {background:#eff3f4; border-top:solid 1px #d3dee1; border-right:solid 2px #d3dee1;} #tab_content_choose {width:658px; border:none; background:#eff3f4; padding:24px 0 24px 24px; float:left;} #tab_content_choose ul {float:left; list-style-type:none; margin:0!important;} #tab_content_choose ul li {float:left; width:171px; text-align:center; margin:0 16px 16px 0;} #tab_content_choose ul li img {margin-bottom:4px;} #tab_content_upload {width:634px; border:none; background:#eff3f4; padding:24px; float:left;} .hidden {display:none;} #upload_new_image {text-decoration:underline; cursor:pointer;} #submit_options {border:none; background:#eff3f4; padding:24px 24px 0 24px; } #submit_options h2 {font-size:1em!important; text-transform:none!important; margin-bottom:.9em!important; } #submit_options ul {width:100%; float:left; margin:0 0 2em 0!important; list-style-type:none; line-height:1.1em;} #submit_options ul li {float:left; margin-right:24px;} #submit_options ul li label {float:left;} #submit_options ul li input {float:left; height:14px; width:14px; margin-right:6px;} #submit_contact {border:none; background:#eff3f4; padding:12px 12px 24px 24px;} #submit_contact ul {margin:0!important; list-style-type:none; line-height:2em;} #submit_contact ul li {width:325px; float:left; margin-bottom:6px;} #submit_contact ul li label {font-weight:bold;} #submit_contact ul li input {width:295px; padding:2px; font-size:12px; } #submit_button {border:none; background:#eff3f4; padding:20px 24px 16px; } h3.results {font-size:1.2em; background:#eff3f4; padding:10px 14px; margin-bottom:0;} table.featured_listing {border-collapse:collapse; width:682px; border-bottom:solid 1px #e2e8ea; } table.featured_listing td {vertical-align:top;} table.featured_listing td.col1 {width:171px; padding:16px 16px 16px 0;} table.featured_listing td.col2 {width:350px; padding:16px 16px 16px 0;} table.featured_listing td.col3 {padding:16px 0 16px 0;} table.featured_listing td.col3 div {height:128px; border-left:solid 1px #e2e8ea; padding-left:16px;} table.featured_listing td.col3 p {margin-bottom:4px;} table.featured_listing td p a {text-decoration:underline; color:#6e8a97;} table.featured_listing td p.meta {line-height:10px;} table.featured_listing td p.meta span {padding:0 10px; color:#aaa;} table.featured_listing td h4 {font-size:1em; margin:0; font-weight:bold;} table.featured_listing td h4 a {text-decoration:none; color:#6e8a97;} table.featured_listing td h4 a:hover {text-decoration:underline;} table.featured_listing td ul {list-style-type:none; margin:0!important;} table.featured_listing td li {padding-left:16px; background:url(../images/bullet1.gif) left no-repeat;} table.featured_listing td li.highlight {background:#fffdc6 url(../images/bullet1.gif) left no-repeat;} table.featured_listing td .faceboook_like {width:100px; float:left;} table.listing {border-collapse:collapse; width:682px; border-bottom:solid 1px #e2e8ea; } table.listing td {vertical-align:top;} table.listing td.col1 {width:537px; padding:16px 16px 16px 0;} table.listing td.col2 {padding:16px 0 16px 0;} table.listing td.col2 div {height:128px; border-left:solid 1px #e2e8ea; padding-left:16px;} table.listing td.col2 p {margin-bottom:4px;} table.listing td p a {text-decoration:underline; color:#6e8a97;} table.listing td p.meta {line-height:10px;} table.listing td p.meta span {padding:0 10px; color:#aaa;} table.listing td h4 {font-size:1em; margin:0; font-weight:bold;} table.listing td h4 a {text-decoration:none; color:#6e8a97;} table.listing td h4 a:hover {text-decoration:underline;} table.listing td ul {list-style-type:none; margin:0!important;} table.listing td li {padding-left:16px; background:url(../images/bullet1.gif) left no-repeat;} table.listing td li.highlight {background:#fffdc6 url(../images/bullet1.gif) left no-repeat;} table.listing td .faceboook_like {width:100px; float:left;} #results_pagination {padding-top:20px;} #kayak_directory_search #pagination {float:right; color:#d6d6d6;} #kayak_directory_search a {text-decoration:none; color:#444;} #kayak_directory_search .pagination_wrapper {padding-left:0!important; padding-top:10px;} #kayak_directory_search #pagination ul {float:left; list-style:none; } #kayak_directory_search #pagination li {float:left; list-style:none; width:14px;} #kayak_directory_search .page_number {border:1px solid #E5E5E5; float:left; font-size:11px; font-weight:bold; line-height:14px; margin:0 0 0 3px; padding:1px 0 0 1px; text-align:center; } #kayak_directory_search .page_prev {margin-right:11px;} #kayak_directory_search .page_next {margin-right:25px; margin-left:11px;} #kayak_directory_search .page_prev a {float:left; background:url(../images/kayak_directory_page_start.gif) no-repeat; padding:0px 16px 17px 0px;} #kayak_directory_search .page_next a {float:left; background:url(../images/kayak_directory_page_end.gif) no-repeat; padding:0px 16px 17px 0px;} #results_details {} #results_details h2 {margin-bottom:6px!important;} #results_details p.contact a {color:#6e8a97; text-decoration:none;} #results_details p.contact a:hover {text-decoration:underline;} #results_details p.meta {line-height:10px;} #results_details p.meta span {padding:0 10px; color:#aaa;} #results_details img.details {float:right;} #results_details #back_to_results { display:none;} /* EDUCATION ******************************************************************/ #learn_home {float:left; width:950px;} #learn_home_top {float:left; width:950px; height:28.5em;} #learn_home_top_left {float:left; width:630px; height:27.7em; color:#fff;} #learn_home_top_left .content {width:582px; padding:82px 24px 24px 24px;} #learn_home_top_left h1 {font-size:2em; text-transform:uppercase; margin-bottom:.5em; line-height:1.2em;} #learn_home_top_left p {color:#999; margin-bottom:1.6em;} #learn_home_top_left #selection {float:left; width:582px; margin:0 0 1.2em 0; list-style-type:none; line-height:1.1em; border-top:solid 1px #161b1e;} #learn_home_top_left #selection li {float:left; width:582px; border-bottom:solid 1px #161b1e; padding:10px 0;} #learn_home_top_left #selection li label {float:left; margin-right:29px;} #learn_home_top_left #selection li label.select_skill {margin-right:16px;} #learn_home_top_left #selection li select {width:160px; font-size:12px; margin:0 0 0 6px;} #learn_home_top_left #selection li input.checkbox {float:left; width:14px; height:14px; margin-right:6px;} #learn_home_top_right {float:right; width:310px; height:27.7em; color:#fff;} #learn_home_top_right .content {width:262px; padding:190px 24px 24px 24px;} #learn_home_top_right h2 {font-size:1.5em; text-transform:uppercase; margin-bottom:.6em;} #learn_home_top_right {} #learn_home_bottom {float:left; width:950px; } #learn_home_bottom .column1 {float:left; width:310px; margin-right:10px;} #learn_home_bottom .column2 {float:left; width:310px; margin-right:10px;} #learn_home_bottom .column3 {float:left; width:310px;} #learn_home_bottom h2 {font-size:1.5em; background:#eff3f4; color:#444; text-transform:uppercase; padding:8px 18px; margin-bottom:.6em;} #learn_home_bottom ul {margin:0 0 1.2em 18px; list-style-type:none; width:290px; } #learn_home_bottom ul li {float:left; width:290px; border-bottom:solid 1px #dfe5e8;} #learn_home_bottom ul li a {float:left; padding:8px 0 8px 0; text-decoration:none; color:#6f8998; font-weight:bold;} #learn_home_bottom ul li a:hover {color:#222;} #learn_home_bottom ul li.button {border-bottom:none; padding-top:18px;} #main #left div.results_list {padding:12px; background:#e2e7ea; margin-bottom:8px;} #main #left div.results_list ul {float:none; width:158px; margin-bottom:0;} #main #left div.results_list ul li {float:none;} #main #left div.results_list ul li span.number {font-weight:normal; padding-left:2px;} #main #left div.results_tags {padding:12px; background:#e2e7ea; margin-bottom:8px;} #main #left div.results_tags p {line-height:1.6em; } #main #left div.results_tags .tag_size1 {font-size:1em;} #main #left div.results_tags .tag_size2 {font-size:1.4em;} #main #left div.results_tags .tag_size3 {font-size:1.6em;} #main #left div.results_tags .tag_size4 {font-size:1.8em;} #main #left div.results_tags .tag_size5 {font-size:2.0em;} #main #left div.results_tags .tag_size6 {font-size:2.2em;} #main #left h2.refine_further {background:#cbd4da; clear:left; padding:5px 8px; text-transform:uppercase; font-size:1.25em; margin-bottom:8px;} #main #left ul.youve_selected {} #main #left ul.youve_selected li {float:left; width:182px;} #main #left ul.youve_selected li span {float:left; padding-right:10px;} #main #left ul.youve_selected li span.current a {color:#6f8998;} #main #left ul.youve_selected div.close_x {float:left; width:13px; height:12px; display:block; text-indent:-999em; overflow:hidden; background:url(../images/close_x.gif) top left no-repeat; margin-top:5px; cursor:pointer;} #main #left ul.youve_selected li.new_search {font-size:11px; font-weight:bold;} #main #left ul.youve_selected li.new_search a {text-decoration:none;} #main #left ul.youve_selected li.new_search a:hover {text-decoration:underline;} #learn_results { width:100%;} #learn_results td {vertical-align:top; border-bottom:solid 1px #d0d8dd;} #learn_results td.col1 {padding:20px 20px 15px 0; width:1%;} #learn_results td.col2 {padding:20px 0;} #learn_results td h3 {margin-bottom:6px;} #learn_results td h3 a {text-decoration:none; color:#333;} #learn_results td h3 a:hover {text-decoration:underline;} #learn_results td img {border:solid 3px #d4dbe0;} #learn_results td a {} #learn_results td a.thumb {position:relative; display:block;} #learn_results td a img.expand {position:absolute; top:56px; left:110px;} div.left_outer {width:232px; float:left;} img.promo_harmony {border-top:solid 8px #fff;} #video_youtube {width:640px; height:416px; margin-bottom:20px; padding:6px; background:#f0f3f4; } #video_youtube p#icons_share {padding:6px 9px 6px 6px; float:left; font-weight:bold; font-weight:bold; font-size:1.1em; color:#444;} #video_youtube ul#icons {float:left; margin:0; list-style-type:none;} #video_youtube ul#icons li {float:left; height:26px; width:26px; margin-right:4px; background:url(../images/icons_share.gif) no-repeat; text-indent:-999em; overflow:hidden; cursor:pointer;} #video_youtube ul#icons li.facebook {background-position:0 0;} #video_youtube ul#icons li.twitter {background-position:-26px 0;} #video_youtube ul#icons li.email {background-position:-52px 0;}