/* DAGGER KAYAKS */ /* STYLES ******************************************************************/ * {margin:0; padding:0; } body {background:#000; font-family:Arial, Helvetica, sans-serif; font-size:75%; line-height:1.4em; color:#222;} body.platformMac #subnav {width:789px!important;} a {color:#222;} img {border:none;} hr {display:none;} sup {font-size:50%;} p {margin-bottom:1.2em;} ul {margin:0 0 1.2em 1.4em;} dl {margin:0 0 1.2em 0;} dt {font-weight:bold;} dt a {color:#bc2300; text-decoration:none;} dd {margin:0 0 1.2em 0;} dd a {color:#bc2300; text-decoration:none; font-weight:bold;} h2 {font-size:1.4em; margin-bottom:1em;} h3 {font-size:1.2em; margin-bottom:1em;} .clear {clear:both;} .hrzrule {height:1px; background:#ccc; margin:1em 0;} .product_logo {position:relative; top:24px;} /*.product_model {color:#9c9c9c; text-transform:uppercase; letter-spacing:5px; font-size:1.8em; line-height:1.2em; margin-bottom:.8em;}*/ .legal {font-size:.9em; line-height:1.3em; color:#555;} .viewall {padding-right:22px; background:url(../images/icon_arrow1.gif) right no-repeat; font-weight:bold; color:#333; text-decoration:none; text-transform:uppercase; font-size:.9em;} .back {padding-left:22px; background:url(../images/icon_arrow2.gif) left no-repeat; font-weight:bold; color:#333; text-decoration:none; text-transform:uppercase; font-size:.9em;} .back:hover {text-decoration:underline;} .browserSafari #nav ul li a {font-weight:normal; } .radios_outer {float:right!important; width:240px;} .radios input {float:left!important; width:15px!important; height:15px!important; border:none!important; position:relative; top:4px;} .error {color: red;} /* HEADER ******************************************************************/ #header {background:#fa2800; height:114px; background:url(../images/bg_header.gif) repeat-x; position:relative; z-index:100; } #header .content {width:960px; margin:0 auto; position:relative;} #header_4tier {background:#fa2800; height:195px; background:url(../images/bg_header.gif) repeat-x; } #header_4tier ul.bottom { border-bottom:solid 1px #c82000;} #header #logo_dagger {position:absolute; top:14px; left:0;} #topnav {list-style-type:none; margin:0; float:left; position:absolute; top:8px; right:10px;} #topnav li {float:left;} #topnav li a {float:left; font-weight:bold; color:#b3b3b3; text-decoration:none; font-size:.9em; border-right:solid 1px #9c8b4b;} #topnav li a:hover {text-decoration:underline; color: #fff;} #topnav li a.current {color:#a05b16;} #topnav li a.global {background:url(../images/icon_global.gif) no-repeat; padding:0 0 0 30px; no-repeat; background-position:8px 50%; border-right:none;} #header ul#nav {position:absolute; right:0; top:39px; list-style-type:none; padding:1px 0 3px;} #header ul#nav li {float:left;} #header ul#nav li a {float:left; color:#fff; text-decoration:none; text-transform:uppercase; font-size:.9em; font-weight:bold; padding:7px 9px;} #header ul#nav li a.current {background:#FA2800;} #header ul#nav li a.current:hover {background:#FA2800;} #header ul#nav li a:hover {background:#222;} #header div#subnav {position:absolute; top:136px; left:46px; width:870px; background:#ebeaeb; z-index:+1;} #header div#subnav ul {position:relative; float:left; list-style-type:none; margin:0; } #header div#subnav ul li {float:left;} #header div#subnav ul li a {float:left; color:#555; text-decoration:none; font-size:.9em; font-weight:bold; padding:8px 12px; height:17px; border-right:solid 1px #ccc;} #header div#subnav ul li.dropdown {background:#d52200; position:relative;} #header div#subnav ul li.dropdown a.section {background:#fa2800; color:#fff; text-transform:uppercase; padding-right:24px; background:#fa2800 url(../images/arrow_dropdown_right.gif) right no-repeat;} #header div#subnav ul li.dropdown.hover a.section {background:#cb2202 url(../images/arrow_dropdown_right.gif) right no-repeat;} #header div#subnav ul li.dropdown ul {position:absolute; top:33px; left:-999em; background:#fa2800 url(../images/bg_dropdown_list.gif) top left no-repeat; padding:6px 12px 12px 12px; width:200px;} #header div#subnav ul li.dropdown ul li {background:transparent; color:#fff; width:200px;} #header div#subnav ul li.dropdown ul li a {border-right:none; border-bottom:solid 1px #fc694d; padding:4px 0; color:#fff; width:200px; outline:none;} #header div#subnav ul li.dropdown ul li a.current {padding-left:12px; background:url(../images/arrow_dropdown_left.gif) left no-repeat;} #header div#subnav ul li.dropdown ul li a.bottom {border-bottom:none; outline:none;} #header div#subnav ul li.dropdown.hover ul {position:absolute; left:0;} #header div#subnav ul li.current a.section {background:#a4a3a4; color:#fff; border-right:solid 1px #a4a3a4; text-transform:uppercase;} #header div#subnav ul li.current ul {z-index:1;} #header div#subnav ul li.current ul li {float:left;} #header div#subnav ul li.current ul li a {float:left;} #header div#subnav ul li.current ul li a:hover {background:#dadada;} #header #search_form {position:absolute; top:71px; left:186px; width:774px; height:43px; background:url(../images/bg_search_form.gif) top left no-repeat;} #header #search_form form {float:right; padding:11px 13px 0 0;} #header #search_form form * {float:left;} #header #search_form form .button {margin:1px 0 0 4px; border:none; padding:0; height:auto; width:auto;} #header #search_form form input {color:#666; border:solid 1px #fff; font-size:12px; padding:1px 3px; height:16px; width:140px;} #home_search {position:absolute; top:-32px; right:80px; border:0; } #home_search input {float:left;} #home_search input.search {margin-right:5px; width:190px; border:solid 1px #fff; padding-left:5px;} /* HOME ******************************************************************/ #home_promos {background:#000; color:#ddd; } #home_promos .image_right {float:right; border:solid 3px #333; margin:0 0 0 10px;} #home_promos .content {width:960px; margin:0 auto; padding:10px 0; border-bottom:solid 1px #fa2800; background:url(../images/bg_homepromos.gif) bottom left no-repeat;} #home_promos h2 {font-size:1.4em; text-transform:uppercase;} #home_promos #promo1 {float:left; width:280px; padding:20px;} #home_promos #promo2 {float:left; width:280px; padding:20px;} #home_promos #promo3 {float:left; width:280px; padding:20px;} #home_promos #promo3 {float:left; width:280px; padding:20px;} #recentnews {float:right; padding:18px; width:283px; background:url(../images/bg_recentnews.jpg) top left no-repeat;} #recentnews p {margin:0;} #recentnews h2 {font-size:1.4em; text-transform:uppercase; margin:0 0 6px 0;} #recentnews ul {margin:0; list-style-type:none; border-top:solid 1px #666; margin:0 0 10px 0; } #recentnews ul li {border-bottom:solid 1px #777; padding:5px 0; line-height:1.2em;} #recentnews ul li a {color:#fff; text-decoration:none; font-weight:bold; font-size:.9em; font-weight:bold;} #recentnews ul li a:hover {text-decoration:underline;} #recentnews ul li span {color:#db2300; font-size:.9em; font-weight:bold;} .link_arrow {padding-right:20px; background:url(../images/link_arrow.gif) right no-repeat; padding:2px 26px 2px 2px; text-decoration:none; font-weight:bold; color:#fff; text-transform:uppercase;} /* MAIN ******************************************************************/ #main {background:#918e84 url(../images/bg_main.jpg) top center no-repeat; padding-bottom:60px; z-index:50; position:relative;} #main .content {position:relative; width:960px; margin:0 auto; background:#fff url(../images/bg_content_bottom.gif) bottom left no-repeat; border-top:solid 2px #e5e5e5;} #main .home {border-top:none; height:250px; background:none;} #main .main_content {padding:80px 46px 60px 46px; background:url(../images/bg_content_top.gif) top right no-repeat;} #main.home {padding-bottom:0;} #main.home .content {position:relative;} #main #home_flash {position:absolute; bottom:0;} #main .content_bgimage {width:960px; margin:0 auto; background:#fff; border-top:none;} #main .content_bgimage #breadcrumb {padding-left:300px; width:340px; /*width:566px;*/} #main .content_bgimage .hrzrule {margin:24px 0 24px 0; } #main div#content-wrap {padding-left: 300px; padding-top:70px;} #main div#content-wrap a {color:#FA2800; text-decoration:none;} #main div#content-wrap a:hover {text-decoration:underline !important;} #main #right a {color:#FA2800; text-decoration:none;} #main .main_content_bgimages {padding:20px 46px 60px 46px;min-height:320px; height:auto !important; height:320px;} #main .main_content_bgimage1 {background:url(../images/bg_left_1.jpg) top left no-repeat;} #main .main_content_bgimage2 {background:url(../images/bg_left_2.jpg) top left no-repeat;} #main .main_content_bgimage3 {background:url(../images/bg_left_3.jpg) top left no-repeat;} #main .main_content_bgimage4 {background:url(../images/bg_left_4.jpg) top left no-repeat;} #main .main_content_bgimage5 {background:url(../images/bg_left_5.jpg) top left no-repeat;} #main .main_content_bgimage6 {background:url(../images/bg_left_6.jpg) top left no-repeat;} #main .tiny p {font-size:.9em;} #main optgroup option {padding-left:15px;} table.table_detail_1 {border-collapse:collapse; width:600px; font-family:Arial, Helvetica, sans-serif;} table.table_detail_1 th {background-color:#FA2800; text-align:left; color:#fff; border:solid 1px #c01f00; padding:4px 8px;} table.table_detail_1 td {border:solid 1px #ccc; width:200px; padding:4px 8px; vertical-align:top;} table.table_detail_2 {border-collapse:collapse; width:600px; font-family:Arial, Helvetica, sans-serif;} table.table_detail_2 th {background-color:#FA2800; text-align:left; color:#fff; border:solid 1px #c01f00; padding:4px 8px;} table.table_detail_2 td {border:solid 1px #ccc; width:150px; padding:4px 8px; vertical-align:top;} #facebook_like {float:right; position:relative; top:-1px; height:20px; overflow:hidden;} #product_details #facebook_like {float:left;} /* LANDING PAGE ******************************************************************/ #main #landingpage {padding:120px 46px 60px 46px; min-height:320px; height:auto !important; background:url(../images/bg_landingpage_header.jpg) no-repeat scroll 0 0;} #main #landingpage .link_arrow {color:#000;} #main #landingpage #breadcrumb {margin:0 0 15px 10px;} #main #landingpage #left {width:274px; float:left;} #main #landingpage #left p {float:left;} #main #landingpage #left .promo_image {float:left; background:#c8c6c1 url(../images/bg_promo_image.gif) top left no-repeat; padding:7px 5px 5px 5px; margin-bottom:1em;} #main #landingpage #left .promo_image img {float:left;} #main #landingpage #left .promo_image h3 {margin:0 0 .4em .3em; font-size:1.4em; text-transform:uppercase; color:#fff;} #main #landingpage #right {width:560px; float:right; } #main #landingpage #right p {float:left;} #main #landingpage #right .promo_image {float:left; background:#c8c6c1 url(../images/bg_promo_image.gif) top left no-repeat; padding:7px 5px 5px 5px; margin-bottom:1.4em;} #main #landingpage #right .promo_image img {float:left;} #main #landingpage #right .promo_image h3 {margin:0 0 .4em .3em; font-size:1.4em; text-transform:uppercase; color:#fff;} /* PRODUCT LIST ******************************************************************/ #product_list {width:660px;} #product_list td {width:200px; padding-right:28px; font-size:.9em; padding-bottom:32px; vertical-align:top;} #product_list td.td_hrzrule {height:26px; background:url(../images/hrzrule1.gif) no-repeat;} #product_list td div {height:160px; margin-bottom:8px;} #product_list td h3 {font-size:1.3em; margin-bottom:4px; } #product_list td h3 a {text-decoration:none;} #product_list td h3 a:hover {text-decoration:underline;} /* PRODUCT DETAILS ******************************************************************/ #product_details {} #product_details #left {float:left; width:240px;} #product_details #right {float:right; width:578px;} #product_brand_logo, #product_detail_flash {position:relative; height:340px; outline:none!important;} .product_detail_left {float:left; width:280px; margin-bottom:40px;} .product_detail_left table {width:270px; font-size:.9em;} .product_detail_left table td {padding:1px 10px;} .product_detail_left table tr.row1 {background:#fff;} .product_detail_left table tr.row2 {background:#f3f3f3;} .product_detail_left table td.col1 {font-weight:bold;} .product_detail_left table td.col2 {text-align:right;} .product_detail_right {float:right; width:280px; margin-bottom:40px;} .product_detail_thumbs {/*float:left; padding:30px 0 50px;*/ width:560px;} .product_detail_thumbs img {border:solid 2px #ccc; margin:0 2px 2px 0; float:left; display:inline;} .product_detail_links a {padding-right:22px; font-weight:bold; color:#333; text-decoration:none; text-transform:uppercase; font-size:.9em;} .product_detail_links a:hover {text-decoration:underline;} .product_detail_links .icon_arrow {background:url(../images/icon_arrow1.gif) right no-repeat;} #product_detail_tabs {width:520px; margin-top:30px;} .tabs ul {float:left; width:580px; list-style-type:none; margin:0!important;} .tabs ul li {float:left;} .tabs ul li a {float:left; text-decoration:none; border:solid 1px #bcbbb5; border-bottom:none; font-weight:bold; color:#222!important; background:#fff url(../images/bg_tab.gif) bottom repeat-x; padding:5px 9px; margin-right:4px; text-transform:uppercase; outline:none;} .tabs ul li a:hover {float:left; text-decoration:none; border:solid 1px #bcbbb5; border-bottom:none; font-weight:bold; color:#000!important; 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 #bcbbb5; background:#fff; border-bottom:none; color:#222;} .tabs_container {float:left; width:540px; padding:17px 20px; border:solid 1px #bcbbb5!important;} .specifications {width:240px;} .specifications td {padding:4px;} .specifications .col1 {font-weight:bold;} .specifications .row1 {background:#fff;} .specifications .row2 {background:#eff3f4;} .features_left {float:left; width:240px;} .features_right {float:right;} .features_left h2, .features_right h2 {font-size:1.25em!important;} #accessories.thumbs img {border:solid 3px #ccc;} #media {width:540px;} #media h2 {width:540px; font-size:1.25em!important; margin-bottom:5px!important; padding-bottom:8px; border-bottom:solid 1px #bcbbb5;} #media ul.thumbs {float:left; margin:0!important; list-style-type:none; padding-top:12px;} #media ul.thumbs li {float:left; width:135px; height:150px; position:relative;} #media ul.thumbs li.end {width:140px;} #media ul.thumbs li img {border:solid 3px #ccc;} #media ul.thumbs li img.video_arrow {border:none!important; position:absolute; top:30px; left:46px;} #media ul.thumbs a {color:#333!important; text-decoration:none; font-size:.9em; font-weight:bold; outline:none!important;} #media ul.thumbs a:hover {text-decoration:underline; color:#FA2800!important;} #media ul.thumbs a.label {padding-left:4px; display:block; outline:none!important;} #media ul.docs {list-style-type:none; margin-left:10px; margin-top:12px} #media ul.docs li {width:400px; height:16px; margin-bottom:12px; padding-left:24px; background:url(../images/icons_files.gif) top left no-repeat;} #media ul.docs li.std {background-position:0 0;} #media ul.docs li.doc {background-position:0 -16px;} #media ul.docs li.pdf {background-position:0 -32px;} #media ul.docs li a {color:#333!important; text-decoration:none; font-size:.9em; font-weight:bold; outline:none!important;} #media ul.docs li a:hover {text-decoration:underline; color:#FA2800!important;} #media .pagination {float:left; width:530px; height:21px; background:#eff3f4; padding:5px; margin:0; position:relative; top:-4px; } #media .pagination p {text-align:center; margin:0 30px; position:relative; top:2px; font-size:.9em;} #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;} #right #media .collapse_expand, #right #media .collapse_expanded {position: relative; top:-1px; text-transform: none; padding-left:16px; font-size:.7em; font-weight:bold; text-align:left; height:14px;} #right #media .collapse_expand {border-top:none;} #right #media .collapse_expand a, #right #media .collapse_expanded a {text-decoration:none; color:#FD6003;} #right #media .collapse_expand a:hover, #right #media .collapse_expanded a:hover {color: #A73F17;} #right #media .collapse_expand a.collapse, #right #media .collapse_expanded a.collapse {background:url(../images/icon_collapse_up.gif) left no-repeat; padding: 0px 0px 0px 20px;} #right #media .collapse_expand a.expand, #right #media .collapse_expanded a.expand {background:url(../images/icon_collapse_down.gif) left no-repeat; padding: 0px 0px 0px 20px;} /* DEALER LOCATOR ******************************************************************/ #dealerlocator {margin-bottom:20px; border:none;} #dealerlocator form {float:left; width:434px;} #dealerlocator ul {width:400px; margin:0; list-style-type:none;} #dealerlocator li {float:left; width:400px; background:#f2f2f2; margin-bottom:4px; padding:8px 8px 8px 10px;} #dealerlocator li.white {float:left; width:400px; background:#fff; margin-bottom:4px; padding:8px 8px 8px 10px;} #dealerlocator label {float:left; font-weight:bold;} #dealerlocator select {float:right; width:230px;} #dealerlocator input {float:right; width:226px;} table.dealerlocator {width:100%; margin-top:10px;} table.dealerlocator td {width:25%; border-bottom:solid 1px #ccc; vertical-align:top; padding-bottom:20px;} table.dealerlocator td.col1 {padding:0;} table.dealerlocator td.col2 {} table.dealerlocator td.col3 {} table.dealerlocator td.col4 {} table.dealerlocator td.sep {height:10px; border:none;} table.dealerlocator td a {color:#bc2300; font-weight:bold; text-decoration:none;} table.dealerlocator td a:hover {text-decoration:underline;} #dealerlocator .btn-search {width:70px;} /* CONTACT ******************************************************************/ #contact {float:right; width:428px; border:none; margin:0 0 15px 30px;} #contact ul {margin:0; list-style-type:none;} #contact li {float:left; width:421px; background:#f2f2f2; margin-bottom:4px; padding:8px 8px 8px 10px;} #contact li.buttons {float:left; width:421px; background:#fff; padding:8px 8px 8px 10px; text-align:right;} #contact li.buttons input {width:auto;} #contact label {float:left; font-weight:bold;} #contact textarea {float:right; width:218px; height:100px; font-family:Arial, Helvetica, sans-serif; padding:3px 4px; font-size:12px;} #contact select {float:right; width:230px; font-size:12px;} #contact input {float:right; width:226px; font-size:12px; margin-left:10px;} #contact li button {width:65px; height:18px; text-indent:-9999em; border:none; cursor:pointer;} #contact li .btn-reset {background:url(../images/btn_reset.gif) no-repeat left center;} #contact li .btn-submit {margin-right:8px; width:80px; border-right:1px solid #ccc;background:url(../images/btn_submit.gif) no-repeat left center;} #contact_left {float:left; width:390px;} /* WARRANTY ******************************************************************/ #warranty {float:right; width:428px; border:none; margin:0 0 15px 30px;} #warranty ul {margin:0; list-style-type:none;} #warranty li {float:left; width:421px; background:#f2f2f2; margin-bottom:4px; padding:8px 8px 8px 10px;} #warranty li.buttons {float:left; width:421px; background:#fff; padding:8px 8px 8px 10px; list-style-type: none;} #warranty li.buttons input {width:auto;} #warranty label {float:left; font-weight:bold;} #warranty textarea {float:right; width:218px; height:100px; font-family:Arial, Helvetica, sans-serif; padding:3px 4px; font-size:12px;} #warranty select {float:right; width:230px; font-size:12px;} #warranty input {float:right; width:226px; font-size:12px; margin-left:10px} /* FOOTER ******************************************************************/ #footer {} #footer .content {width:960px; margin:0 auto; padding:13px 0 100px;} #footer p {float:left; color:#999; font-size:.85em; text-transform:uppercase;} #footer ul {float:right; list-style-type:none; margin-top:4px;} #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;}