/* Perception Kayaks */ /* STYLES ******************************************************************/ * {margin:0; padding:0;} body {background:#fbf8e6 url(../images/bg.jpg) top center no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:75%; line-height:1.4em; color:#333;} a {color:#656233;} a.link {color:#a05b16;} a:hover {color:#a05b16;} img {border:none;} hr {display:none;} sup {font-size:50%;} fieldset {border:none;} p {margin-bottom:1em;} ul {margin:0 0 1em 1.4em;} h2 {font-size:1.2em; color:#B56628; margin-bottom:.8em; text-transform:uppercase; } h3 {font-size:1.1em; color:#B56628; margin:0 0 .7em 0;} div {} .clear {clear:both;} .hrzrule {height:6px; background:url(../images/hrzrule3.gif) bottom no-repeat; margin:2em 0;} .tellafriend {float:right; position:relative; top:2px; left:-4px;} .addphotos {margin-bottom:5px;} .address {margin-top:22px; color:#656233;} .phone {color:#656233;} .legal {font-size:.85em; font-style:italic; color:#858254!important; line-height:1.2em; margin-bottom:25px;} h2.underline {background:url(../images/hrzrule1.gif) bottom no-repeat; padding-bottom:14px; margin-bottom:18px;} ul.links {color:#a05b16;} ul.links a {color:#a05b16; text-decoration:none;} ul.links a:hover {text-decoration:underline;} #container {width:960px; margin:0 auto;} .error {color:#c03!important;} .img_left {float:left; display:inline; margin:0 20px 20px 0;} .img_right {float:right; display:inline; margin:0 0 20px 20px;} /* HEADER ******************************************************************/ #header {width:960px; height:100px; float:left; position:relative;} #header #logo {position:absolute; top:16px; left:25px;} #header #nav {position:absolute; top:61px; left:185px; list-style-type:none; margin:0;} #header #nav li {float:left;} #header #nav li a {float:left; height:40px; text-indent:-999em; background:url(../images/navigation.jpg); overflow:hidden; outline:none;} #header #topnav {position:absolute; top:8px; left:420px;} #header #topnav input.search {float:left; display:inline; border:none; padding:4px 0 0 0; width:114px; margin:2px 6px 0 6px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background:none;} #header #topnav input.button {margin:5px 0 0 6px;} #header #topnav div.form_field {float:left; background:url(../images/bg_formfield1.gif) top left no-repeat; width:175px; height:25px; position:relative; top:-3px; } #header #topnav ul {list-style-type:none; margin:0; float:left;} #header #topnav li {float:left;} #header #topnav li a {float:left; padding:0 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#444; text-decoration:none; font-size:.9em; border-right:solid 1px #9c8b4b;} #header #topnav li a:hover {text-decoration:underline;} #header #topnav li a.current {color:#a05b16;} #header #topnav li a.global {background:url(../images/icon_global.gif) no-repeat; padding:0 30px 0 30px; no-repeat; background-position:8px 50%; border-right:none;} #header #nav li a.products {width:97px;} #header #nav li a.products:hover {background-position:-0 -40px;} #header #nav li a.products_current {width:97px; background-position:-0 -40px;} #header #nav li a.photoalbum {width:121px; background-position:-97px 0;} #header #nav li a.photoalbum:hover {background-position:-97px -40px;} #header #nav li a.photoalbum_current {width:121px; background-position:-97px -40px;} #header #nav li a.customerservice {width:148px; background-position:-220px 0;} #header #nav li a.customerservice:hover {background-position:-220px -40px;} #header #nav li a.customerservice_current {width:148px; background-position:-220px -40px;} #header #nav li a.kayaking101 {width:115px; background-position:-368px 0;} #header #nav li a.kayaking101:hover {background-position:-368px -40px;} #header #nav li a.kayaking101_current {width:115px; background-position:-368px -40px;} #header #nav li a.newsandevents {width:140px; background-position:-487px 0;} #header #nav li a.newsandevents:hover {background-position:-487px -40px;} #header #nav li a.newsandevents_current {width:140px; background-position:-487px -40px;} #header #nav li a.dealerlocator {width:128px; background-position:-630px 0;} #header #nav li a.dealerlocator:hover {background-position:-630px -40px;} #header #nav li a.dealerlocator_current {width:128px; background-position:-630px -40px;} /* BREADCRUMB ******************************************************************/ #breadcrumb {position:relative; width:660px; height:30px; margin:0 0 20px 0; background:url(../images/breadcrumb_bg.gif) bottom no-repeat;} #breadcrumb ul {position:absolute; bottom:15px; margin:0; list-style-type:none;} #breadcrumb li {float:left;} #breadcrumb li a {float:left; text-decoration:none; padding-right:12px; line-height:13px; margin-right:6px; background:url(../images/breadcrumb_arrow.gif) right no-repeat;} #breadcrumb li a:hover {text-decoration:underline;} #breadcrumb li a.current {padding-right:0; background:none; font-weight:bold; color:#a05b16;} /* HOME ******************************************************************/ #home_main {width:960px; height:448px; float:left; outline:none; position:relative;} #home_main img {position:absolute; top:0; left:0; } #home_main #recreational {position:absolute; top:62px; left:782px; width:164px; height:56px; z-index:+1; text-indent:-999em; overflow:hidden;} #home_main #touring {position:absolute; top:134px; left:782px; width:164px; height:56px; z-index:+1; text-indent:-999em; overflow:hidden;} #home_main #seakayaking {position:absolute; top:205px; left:782px; width:164px; height:60px; z-index:+1; text-indent:-999em; overflow:hidden;} #home_main #select_type {position:absolute; top:329px; left:776px; z-index:+1;} #home_main #select_price {position:absolute; top:394px; left:776px; z-index:+1;} #home_promos {width:960px; height:214px; float:left;} #home_promos p {font-size:.9em;} #home_promos h2 {font-size:1.2em; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; color:#A05B16; margin-bottom:1em;} #home_promos #promo_left {width:285px; height:214px; float:left; padding:8px 20px 8px 20px; background:url(../images/bg_promo_left.jpg) no-repeat;} #home_promos #promo_center {width:272px; height:214px; float:left; padding:8px 20px 8px 20px; background:url(../images/bg_promo_center.jpg) no-repeat;} #home_promos #promo_right {width:293px; height:214px; float:left; padding:8px 10px 8px 20px; background:url(../images/bg_promo_right.jpg) no-repeat;} #home_promos .image_right {float:right; margin:0 0 10px 10px;} /* LANDING PAGE ******************************************************************/ img.landingpage {border:solid 4px #edede8; margin-bottom:16px;} #landingpage_top {float:left; border-bottom:solid 1px #A8B9C1; margin-bottom:24px; padding-bottom:24px;} #landingpage_bottomleft {float:left; width:320px;} #landingpage_bottomright {float:right; width:320px;} /* MAIN ******************************************************************/ #main {width:960px; float:left; padding:30px 0;} #main_left {width:212px; padding-left:24px; float:left;} #main_left h3 {text-transform:uppercase; font-size:1.15em; color:#b56628; background:url(../images/mainleft_h3.gif) bottom no-repeat; padding-bottom:9px; margin:0 0 10px 0;} #main_left ul {padding-bottom:8px; list-style-type:none; margin:0; width:212px;} #main_left ul li {} #main_left ul li a {display:block; text-decoration:none; padding:7px 0; outline:none;} #main_left ul li a.current {font-weight:bold;} #main_left ul li a.current_expanded {font-weight:bold; margin-bottom:6px;} #main_left ul li a.item1 {background:url(../images/mainleft_li1.gif) bottom no-repeat;} #main_left ul li a.item2 {background:url(../images/mainleft_li2.gif) bottom no-repeat;} #main_left ul li a.item3 {background:url(../images/mainleft_li3.gif) bottom no-repeat;} #main_left ul li a.item4 {background:url(../images/mainleft_li4.gif) bottom no-repeat;} #main_left ul li a.item5 {background:url(../images/mainleft_li5.gif) bottom no-repeat;} #main_left ul li a.item6 {background:url(../images/mainleft_li6.gif) bottom no-repeat;} #main_left ul li ul {background:url(../images/mainleft_li1.gif) bottom no-repeat; padding:6px 0 8px;} #main_left ul li ul li {width:196px;} #main_left ul li ul li a {padding:3px 0 3px 16px; } #main_left ul li ul li a.current {color:#a05b16; margin:0; background:url(../images/mainleft_arrow.gif) left 6px no-repeat;} #main_left ul li ul li ul {background:none; padding:0;} #main_left ul li ul li ul li a {padding:3px 0 3px 32px; } #main_left ul li ul li ul li a.current {color:#a05b16; margin:0; background:url(../images/mainleft_arrow.gif) 16px 6px no-repeat;} #main_right {width:660px; padding-right:30px; float:right; margin-right} #main_right.dealerlocator {background:url(../images/bg_dealerlocator_lg.jpg) top right no-repeat; background-position:315px 33px;} #main_right p {color:#656233;} #main_right a {color:#A05B16} #main_right a:hover {text-decoration:none;} #main_right .post {margin-bottom: 1.2em; padding-bottom:1.8em; background:url(../images/hrzrule1.gif) bottom no-repeat;} #main_right .post p {margin:0;} #main_right .post h3 {margin-bottom:0; font-weight:normal;} #main_right .post h3 a {text-decoration:none; color:#a05b16;} #main_right .post h3 a:hover {text-decoration:underline;} #main_right .faq-links {margin:0 0 0 17px; padding:0; list-style:square;} #main_right .faq-links li {margin:6px 0; padding:0;} #main_right .faq-links li a {margin:0; padding:0;} #main_right .faq-item {margin-bottom:1.2em; padding-bottom:1.8em; background:url(../images/hrzrule1.gif) bottom no-repeat;} #main_right .backtotop {margin:0; text-align:right;} /* PRODUCT DETAIL ******************************************************************/ #product_detail {} #product_detail_top {width:660px; height:235px; outline:none;} #product_detail_left {width:440px; float:left;} #product_detail_left p {color:#656233;} #product_detail_left p.price {background:url(../images/bg_price.gif) no-repeat; padding:5px 8px; font-weight:bold; color:#B56628; margin-bottom:.2em; } #product_detail_left h2 {background:url(../images/hrzrule2.gif) bottom no-repeat; padding-bottom:10px;} #product_detail_left h3 {background:url(../images/hrzrule2.gif) bottom no-repeat; padding-bottom:10px; font-weight:normal; font-size:1.25em;} #product_detail_right {width:202px; float:right; margin-top:4px;} #product_detail_right .thumbs {margin:0 0 12px 0; font-size:.9em;} #product_detail_right .thumbs img {float:left; margin:0 4px 4px 0; border:solid 2px #d4d6ce; } #product_detail_right h3 {font-size:1.25em; padding-bottom:6px; margin-bottom:12px; background:url(../images/hrzrule2.gif) bottom left no-repeat; font-weight:normal;} #product_detail_right .dealerlocator {font-size:.9em; background:url(../images/bg_dealerlocator.jpg) top left no-repeat; padding-bottom:200px; color:#656233;} #product_detail_right .dealerlocator div.label {margin-bottom:4px; font-weight:bold;} #product_detail_right .dealerlocator div.form_field {float:left; background:url(../images/bg_formfield3.gif) top left no-repeat; width:102px; height:25px; position:relative; top:-3px; } #product_detail_right .dealerlocator input.search {border:solid 1px #fff; padding:0 3px; width:80px; margin:4px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;} #product_detail_right .dealerlocator input.button {width:auto;} div.filter {float:left; width:660px; padding-bottom:16px; margin:20px 0; background:url(../images/hrzrule1.gif) bottom no-repeat;} div.filter label {float:left; padding:4px 8px 0 0;} div.select_border {float:left; background:url(../images/bg_formfield2.gif) top left no-repeat; padding:3px 3px 4px 3px; width:180px; } div.select_border optgroup option {padding-left:15px;} div.select_border select {float:left; width:158px; font-size:12px; border:solid 1px #fff; height:20px;} div.input_border {float:left; background:url(../images/bg_formfield2.gif) top left no-repeat; width:180px; height:26px; } div.input_border input {float:left; width:154px; font-size:12px; border:solid 1px #fff; margin:5px;} #product_list {float:left; width:660px; padding-top:10px;} #product_list table {width:660px; color:#656233;} #product_list table td {width:200px; padding-right:28px; font-size:.9em; padding-bottom:18px; vertical-align:top;} #product_list table td.td_hrzrule {height:26px; background:url(../images/hrzrule1.gif) no-repeat;} #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 {color:#A05B16; text-decoration:none;} #product_list table td h3 a:hover {text-decoration:underline;} div.features {float:left; margin-bottom:25px;} div.features ul {width:440px; float:left; font-size:.9em; color:#656233; list-style-type:none; margin:0 0 1em 0;} div.features ul li {width:209px; float:left; padding-left:11px; background:url(../images/bullet1.gif) top left no-repeat; background-position:0 7px;} div.specifications {float:left; margin-bottom:35px;} div.specifications table {width:440px; border-collapse:collapse; color:#656233;} div.specifications table tr.row1 {} div.specifications table tr.row2 {background:url(../images/bg_tablerow.gif);} div.specifications table tr td {padding:3px 6px;} div.specifications table tr td.col1 {font-weight:bold;} div.specifications table tr td.col2 {text-align:right;} #media-photos, #media-videos {float:left; width:440px;} #media-photos h2, #media-videos h2 {width:540px; font-size:1.25em!important; margin-bottom:.4em!important;} #media-photos ul.thumbs, #media-videos ul.thumbs {width:450px; float:left; margin:0!important; list-style-type:none; padding-top:12px;} #media-photos ul.thumbs li, #media-videos ul.thumbs li {float:left; width:150px; height:158px; position:relative;} #media-photos ul.thumbs li.end, #media-videos ul.thumbs li.end {width:140px;} #media-photos ul.thumbs li img, #media-videos ul.thumbs li img {border:solid 3px #ccc;} #media-photos ul.thumbs li img.video_arrow, #media-videos ul.thumbs li img.video_arrow {border:none!important; position:absolute; top:30px; left:46px;} #media-photos ul.thumbs a, #media-videos ul.thumbs a {color:#b56628!important; text-decoration:none; font-size:.9em; outline:none!important;} #media-photos ul.thumbs a:hover, #media-videos ul.thumbs a:hover {text-decoration:underline;} #media-photos ul.thumbs a.label, #media-videos ul.thumbs a.label {padding-left:4px; display:block; outline:none!important;} #media-documents ul {list-style-type:none; margin-top:20px;} #media-documents ul a {color:#656233; text-decoration:none;} #media-documents ul a:hover {color:#A05B16} #media-documents ul li {width:450px; height:16px; margin-bottom:12px; padding-left:24px; background:url(../images/icons_files.gif) top left no-repeat;} #media-documents ul li.std {background-position:0 0;} #media-documents ul li.doc {background-position:0 -16px;} #media-documents ul li.pdf {background-position:0 -32px;} .pagination {float:left; width:440px; background:url(../images/bg_pagination.gif) bottom no-repeat; padding:0 0 10px 0; margin:0; position:relative; top:-4px; } .pagination p {text-align:center; margin:0 30px; position:relative; top:2px; font-size:.9em;} .pagination a {font-weight:bold; text-decoration:none; outline:none; color:#666; padding:0 4px; border-right:solid 1px #444;} .pagination a.current {color:#aaa; text-decoration:underline;} .pagination a.end {border-right:none;} .pagination a.pagination_left {float:left; width:27px; height:21px; text-indent:-999em; overflow:hidden; border:none; padding:0; background:url(../images/arrow_media_left.gif) top left no-repeat;} .pagination a.pagination_right {float:right; width:27px; height:21px; text-indent:-999em; overflow:hidden; border:none; padding:0; background:url(../images/arrow_media_right.gif) top left no-repeat;} .pagination a.on {background-position:0 0; cursor:pointer!important;} .pagination a.off {background-position:-27px 0; cursor:default!important;} .collapse_expand {float:left; width:440px; margin:-38px 0px; padding-top:3px; font-size:.9em; font-weight:bold; text-align:right;} .collapse_expand a {text-decoration:none; color:#a8b9c1; outline:none;} .collapse_expand a:hover {text-decoration:underline;} .collapse_expand a.collapse {background:url(../images/arrow_collapse1_up.gif) right no-repeat; padding:2px 20px 2px 2px;} .collapse_expand a.expand {background:url(../images/arrow_collapse1_down.gif) right no-repeat; padding:20px;} #facebook_like {float:right; position:relative; top:-1px; height:20px; overflow:hidden;} #facebook_like.product {float:right; position:relative; top:-3px; left:8px; height:20px; overflow:hidden;} /* PHOTO GALLERY ******************************************************************/ #search_gallery {margin:20px 0;} #search_gallery div {margin-bottom:4px;} #search_gallery div label {font-size:.9em; color:#6e6b3d; font-weight:bold;} #search_gallery div.form_field {float:left; background:url(../images/bg_formfield4.gif) top left no-repeat; width:172px; height:25px; position:relative; top:-3px; } #search_gallery input.search {border:solid 1px #fff; padding:0 3px; width:148px; margin:4px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;} #search_gallery input.button {width:auto;} #photo_album {} #photo_album table {margin-bottom:1em; list-style-type:none; width:660px;} #photo_album table td {width:200px; padding-right:28px; font-size:.9em; padding-bottom:18px; vertical-align:top;} #photo_album table td.td_hrzrule {height:26px; background:url(../images/hrzrule1.gif) no-repeat;} #photo_album table td img {border:solid 3px #d2d3cd; width:194px; height:146px;} #photo_album table td p {font-size:1.2em; margin-bottom:0;} #photo_album table td p a {display:block; text-decoration:none; color:#b56628;} #photo_album table td p a:hover {text-decoration:underline;} #photo_album table td h3 {font-size:1.3em; margin-bottom:4px; } #photo_album table td h3 a {color:#A05B16; text-decoration:none;} #photo_album table td h3 a:hover {text-decoration:underline;} #photo_album_pagination {position:relative; margin-bottom:2em; text-align:center;} #photo_album_pagination div.next {display:block; position:absolute; top:0; right:0; z-index:+1; width:52px; height:16px; background:url(../images/button_next.gif); float:right; text-indent:-999em; overflow:hidden;} #photo_album_pagination div.next a {display:block; width:52px; height:16px;} #photo_album_pagination div.prev {display:block; position:absolute; top:0; left:0; z-index:+1; width:79px; height:16px; background:url(../images/button_previous.gif); float:left; text-indent:-999em; overflow:hidden;} #photo_album_pagination div.prev a {display:block; width:79px; height:16px;} #photo_album_pagination .dim {background-position:0 -16px;} #photo_album_pagination a {text-decoration:none; padding:2px 5px;} #photo_album_pagination a.current {text-decoration:underline; color:#a05b16; font-weight:bold;} #gallery-add-image h3 {margin-bottom: 18px;} #gallery-add-image .hrzrule {margin-bottom: 18px;} #gallery #add-image-form {width: 100%;} #gallery button {float: none !important; margin: 0 15px 0 0 !important;} #add-image-form li {float: left; width: 48%;} #add-image-form .image-upload {float: right;} #imageupload {outline: none !important;} /* DEALER LOCATOR ******************************************************************/ .dealerlocator {} dealerlocator div {margin-bottom:6px;} dealerlocator label {font-weight:bold; color:#68674B;} .dealerlocator_hzrule {height:40px; background:url(../images/hzrule_dealerlocator.gif) no-repeat left center;} .dealerlocator_list {margin:0; padding:0; list-style:none;} .dealerlocator_list li {float:left; display:inline; width:175px;} .dealerlocator_list li.buttons {padding-top:23px; width:70px;} .dealerlocator_list label {display:block; margin-bottom:2px; font-weight:bold;} table.dealers {width:100%;} table.dealers td {width:33.3%; padding:0 10px 16px; vertical-align:top;} table.dealers a {color:#a05b16!important;} table.dealers td.col1 {width:206px;} table.dealers td.col2 {width:14px;} table.dealers td.col3 {width:206px;} table.dealers td.col4 {width:14px;} table.dealers td.col5 {width:206px;} table.dealers td.td_hrzrule {height:26px!important; background:url(../images/hrzrule1.gif) no-repeat;} /* CONTACT ******************************************************************/ #contact {margin-bottom:1.5em; border:none;} #contact .left {float:left; width:300px;} #contact .left div {background:url(../images/bg_formfield5.gif) top left no-repeat; width:300px; height:28px; position:relative; top:-3px; margin-bottom:10px;} #contact .left div input {font-size:1em; border:solid 1px #fff; width:278px; margin:4px 5px; background:none;} #contact .left label {display:block; margin-bottom:5px; font-weight:bold; color:#656233; cursor:pointer;} #contact .right {float:right; width:300px;} #contact .right div {background:url(../images/bg_formfield5.gif) top left no-repeat; width:300px; height:28px; position:relative; top:-3px; margin-bottom:10px;} #contact .right div select {font-size:1em; border:solid 1px #fff; width:284px; margin:3px; background:none;} #contact .right div.comments {background:url(../images/bg_textarea1.gif) top left no-repeat; width:300px; height:130px; position:relative; top:-3px; margin-bottom:0;} #contact .right div.comments textarea {font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; border:solid 1px #fff; height:110px; width:276px; margin:8px;} #contact .right label {display:block; margin-bottom:5px; font-weight:bold; color:#656233; cursor:pointer;} #contact .right input.submit {float:right; margin-right:10px; position:relative; left:-10px; top:3px;} #contact .right input.reset {float:right; position:relative; left:-10px; top:3px;} /* WARRANTY FORM ******************************************************************/ #warranty_form {border:none; margin-bottom:40px;} #warranty_form label {display:block; font-weight:bold; padding-bottom:2px;} #warranty_form input {width:279px; padding:6px; border:none; background:url(../images/bg_formfield5.gif) no-repeat left top;} #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 {padding:2px 0; width:282px; border:none;} #warranty_form select option {margin:2px 5px;} #warranty_form textarea {float:right; width:180px; height:100px; border:solid 1px #d3dce0; padding:2px 4px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #warranty_form ul li div.select {padding:3px 4px; background:url(../images/bg_formfield5.gif) no-repeat left top;} #warranty_form ul li div.radios {float:left; height:20px; padding:6px 10px 0;} #warranty_form ul li div.radios label {display:inline; padding:none; font-weight:normal;} #warranty_form ul li div.radios input {float:left; width:25px; margin-top:2px; background:none;} #warranty_form ul.column1 {list-style-type:none; margin:0!important; width:330px; float:left;} #warranty_form ul.column1 li {width:310px; 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:330px; float:left;} #warranty_form ul.column2 li {width:330px; 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 0 1.5em 0 !important; width:330px; float:left;} #warranty_form ul.column3 li {width:330px; 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; padding:2px 4px;} #warranty_form ul.column3 input.button {width:auto; border:none; padding:0; margin:4px 0 0 4px;} #warranty_form ul.column3 textarea {float:none; width:260px; height:100px; padding:2px 4px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #warranty_form #optinwrap {} #warranty_form #optinwrap label {padding:0; width:600px;} #warranty_form #optinwrap input {float:left; width:20px; margin:2px 5px 0 0; padding:0;} #warranty_form p.buttons {float:right;} #warranty_form p button {float:left; display:inline; border:none; background:none; margin:0 10px 0 0; padding:0; width:70px; cursor:pointer;} /* SEARCH ******************************************************************/ #search {} #search #results h3 {margin-bottom:.2em; color:#656233;} #search #results a {color:#b56628; text-decoration:none;} #search #results a:hover {color:#656233;} #search #pagination .hrzrule {margin-top:0;} #search #pagination ul {margin:0; padding:0; list-style:none;} #search #pagination ul li {float:left; display:inline; margin-right:4px; line-height:21px;} #search #pagination ul li a {display:block; color:#fff;} #search #pagination ul li.pagination-num strong {display:block; width:28px; text-align:center; text-decoration:none; font-weight:bold; background-color:#6e6c5e; color:#fff;} #search #pagination ul li.pagination-num a {display:block; width:28px; text-align:center; text-decoration:none; font-weight:bold; background-color:#b56628;} #search #pagination ul li.pagination-num a:hover {background-color:#6e6c5e;} #search #pagination ul li.pagination-next a {margin-top:4px; width:80px; line-height:16px; text-indent:-9999em; background:url(../images/button_next.gif) no-repeat left top;} #search #pagination ul li.pagination-next a:hover {background-position:left -16px;} #search #pagination ul li.pagination-previous a {margin-top:4px; width:80px; line-height:16px; text-indent:-9999em; background:url(../images/button_previous.gif) no-repeat left top;} #search #pagination ul li.pagination-previous a:hover {background-position:left -16px;} /* GALLERY FORM ******************************************************************/ #gallery {margin-bottom:1.5em; border:none;} #gallery ol {float:left; margin:0; padding:0; width:50%; list-style:none;} #gallery li {margin-bottom:10px;} #gallery label {display:block; margin-bottom:2px; font-weight:bold; color:#656233; cursor:pointer;} #gallery button {float:right; margin:-15px 34px 0 0; padding:0; background:none; border:none; cursor:pointer;} #gallery input {margin:0; padding:6px; width:280px; font-size:1em; border:none; background:url(../images/bg_formfield5.gif) no-repeat left top;} #gallery select {margin:3px 0 0 5px; padding:2px 0; width:280px; font-size:1em; border:none;} #gallery div.select {margin:0; padding:0; height:28px; background:url(../images/bg_formfield5.gif) no-repeat left top;} #gallery textarea {font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; border:none; background:url(../images/bg_textarea1.gif) no-repeat left top; width:280px; height:130px; margin:0; padding:6px; overflow:auto;} #gallery .legal {float:left; margin:-10px 0 0 0;} /* FOOTER ******************************************************************/ #footer {width:920px; float:left; background:url(../images/home_hrzrule.gif) top no-repeat; padding:20px;} #footer p {font-size:.8em; font-family:Verdana, Arial, Helvetica, sans-serif;} #footer ul {float:right; list-style-type:none;} #footer ul li {float:left;} #footer ul li a {float:left; height:26px; width:27px; overflow:hidden; text-indent:-999em; background:url(../images/footer_icons.gif); background-position:0 0; border-right:solid 3px #FBF8E6;} #footer ul li a.wilderness {background-position: 0 0;} #footer ul li a.wilderness:hover {background-position: 0 26px;} #footer ul li a.perception {background-position: 159px 0;} #footer ul li a.perception:hover {background-position: 159px 26px;} #footer ul li a.dagger {background-position: 132px 0;} #footer ul li a.dagger:hover {background-position: 132px 26px;} #footer ul li a.wavesport {background-position: 106px 0;} #footer ul li a.wavesport:hover {background-position: 106px 26px;} #footer ul li a.madriver {background-position: 80px 0;} #footer ul li a.madriver:hover {background-position: 80px 26px;} #footer ul li a.harmony {background-position: 53px 0;} #footer ul li a.harmony:hover {background-position: 53px 26px;} #footer ul li a.adventure {background-position: 26px 0;} #footer ul li a.adventure:hover {background-position: 26px 26px;} #footer ul li a.mainstream {background-position: 26px 0;} #footer ul li a.mainstream:hover {background-position: 26px 26px;} #newtip {position:absolute; border:1px solid #333; background:#f7f5d1; padding:2px 5px; color:#333; display:none;} /* EDUCATION PORTAL ******************************************************************/ #education_home {} #education_home_left {float:left; width:593px; margin-left:24px; height:385px; position:relative;} #education_home_left h2 {font-size:1.5em; text-transform:none; line-height:1.4em;} #education_home_left .content {position:absolute; top:104px; left:30px; width:250px; } #education_home_left .content .photo {position:relative; left:-15px;} #education_home_left .topic {position:absolute; top:255px; left:30px; } #education_home_left .topic label {float:left; margin-right:12px; padding-top:4px; font-weight:bold} #education_home_left .skill {position:absolute; top:307px; left:30px; } #education_home_left .skill label {float:left; margin-right:16px;} #education_home_left .skill input {float:left; width:15px; height:15px; margin-right:4px;} #education_home_left .submit {position:absolute; top:350px; left:28px; } #education_home_right {float:right; width:235px; height:348px; padding:25px 15px 15px 34px; margin-right:30px;} #education_home_right h2 {margin-bottom:224px;} #education_breadcrumb {position:relative; width:660px; height:30px; margin:0;} #education_breadcrumb ul {position:absolute; bottom:15px; margin:0 0 0 24px; list-style-type:none;} #education_breadcrumb li {float:left;} #education_breadcrumb li a {float:left; text-decoration:none; padding-right:12px; line-height:13px; margin-right:6px; background:url(../images/breadcrumb_arrow.gif) right no-repeat;} #education_breadcrumb li a:hover {color:#A05B16;} #education_breadcrumb li a.current {padding-right:0; background:none; font-weight:bold; color:#a05b16;} #education_breadcrumb li a.current:hover {text-decoration:none;} #education_home_3col {clear:both; padding:24px 0 0 24px;} #education_home_3col h2 {font-size:1.5em; text-transform:none; margin-bottom:1em;} #education_home_3col h3 {font-size:1.1em; text-transform:none; color:#222; background:url(../images/home_hrzrule.gif) bottom no-repeat; padding-bottom:12px;} #education_home_3col ul {list-style-type:none; margin:0 0 3em 0;} #education_home_3col ul li {} #education_home_3col ul li a {display:block; padding:5px 0; color:#656233; text-decoration:none;} #education_home_3col ul li a:hover {text-decoration:underline;} #education_home_col1 {width:280px; float:left; margin-right:30px; } #education_home_col2 {width:280px; float:left; margin-right:30px; } #education_home_col3 {width:280px; float:left; } #education_secondary #main {background:url(../images/home_hrzrule.gif) top no-repeat; } #education_secondary #main_left {} #education_secondary #main_left .content {padding-left:1.4em;} #education_secondary #main_left ul {width:192px; padding-bottom:1em; margin:0 0 .6em 0; background:url(../images/bg_education_left_ul.png) bottom no-repeat;} #education_secondary #main_left ul li {padding-left:0; color:#656233;} #education_secondary #main_left ul li a {padding:3px 0;} #education_secondary #main_left ul li a.arrow {padding-left:14px; background:url(../images/breadcrumb_arrow.gif) left no-repeat; position:relative; left:-14px; font-weight:bold;} #education_secondary #main_left ul.filter li a span {padding-right:20px; background:url(../images/icon_filter.gif) right no-repeat; cursor:pointer;} #education_secondary #main_left ul li.filter_links {padding-bottom:25px!important; font-weight:bold; font-size:9px; background:none!important;} #education_secondary #main_left ul li.filter_links span {float:left;} #education_secondary #main_left b {display:block; padding:3px 0; color:#656233;} #education_secondary #main_right h2.top {font-size:1.3em; background:url(../images/home_hrzrule.gif) bottom no-repeat; padding-bottom:.9em; margin-bottom:1em;} #education_secondary .content .photo {position:relative; left:-15px; padding-top:16px;} #education_secondary .content .photo h2 {font-weight:normal; width:211px; font-size:1.3em; text-transform:none; margin-bottom:1em;} #education_results {width:100%;} #education_results .col2 p {line-height:1.5em; margin-bottom:0px;} #education_results td {vertical-align:top; background:url(../images/bg_education_listing.png) bottom no-repeat;} #education_results #last td {vertical-align:top; background:none;} #education_results td.col1 {width:1%; padding:25px 25px 25px 0;} #education_results td.col2 {padding:25px 0;} #education_results td h3 {margin-bottom:6px;} #education_results td h3 a {text-decoration:none; color:#B56628!important;} #education_results td h3 a:hover {text-decoration:underline;} #education_results td img {border:solid 3px #f1f0f0;} #education_results td a {} #education_results td a.thumb {position:relative; display:block;} #education_results td a img.enlarge {position:absolute; top:55px; left:111px;} #education_results td img {border:3px solid #f1f0f0;} #main_left #tag_cloud {font-weight:bold; line-height:1.6em;} #main_left #tag_cloud a:hover {cursor:pointer;} #main_left #tag_cloud .tag_size1 {font-size:.9em;} #main_left #tag_cloud .tag_size2 {font-size:1.2em; } #main_left #tag_cloud .tag_size3 {font-size:1.4em;} #main_left #tag_cloud .tag_size4 {font-size:1.6em; } #main_left #tag_cloud .tag_size5 {font-size:2.0em;} #main_left #tag_cloud .tag_size6 {font-size:2.2em;} #video_youtube {width:640px; float:left;} #video_youtube p#icons_share {padding:8px 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; padding-top:3px;} #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;}