/*** GLOBAL PAGE ELEMENTS -------------------------------------- */ /** This is my note test **/ img {border:0;} .clear{clear:both; line-height:0; font-size:0;} a:hover {color: #c41230;} a {outline: none;} #body-main {margin: 0; padding: 0; background:#000 url(../img/header-bkg.gif) repeat-x top left;} .container {margin: 0 auto; padding: 0; width: 970px; text-align: center; } #content {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; line-height: 16px;} .header {margin: 0; padding: 0; height: 105px; width: 100%;} #logo {margin: 0 0 0 11px; padding: 0; width: 274px; height: 73px; position: relative; top: 30px; float: left;} .homepage-content-area {margin: 0 auto; padding: 0; text-align: center; height: 402px; background: #fff url(../img/homepage/mnt-bkg.jpg); border-bottom: solid 2px #c41230;} #homepage-content {margin: 0 auto; padding: 0px 0 0 70px; text-align: center; position: relative; top: 110px; width: 900px; } #homepage-content span{font-weight: bold;} #snowshoe {margin: 0 0 0 20px; padding: 0 0 0 20px; width: 262px; height: 317px; float: left; background: url(../img/homepage/snowshoe-btn-bkg.png) no-repeat;} #snowshoe p {margin: 0; padding: 195px 0 0 0; width: 225px; height: 70px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1b1c22;} #snowshoe a {margin: 0 0 0 70px; padding: 0 0 0 100px; position: relative; top: 17px; width: 100px; height: 14px; background: url(../img/homepage/enter-site.jpg) no-repeat center;} #snowshoe a:hover {background: url(../img/homepage/enter-site-over.jpg) no-repeat center;} #tent {margin: 0; padding: 0 0 0 20px; width: 262px; height: 317px; float: left; background: url(../img/homepage/tent-btn-bkg.png) no-repeat;} #tent p {margin: 0; padding: 195px 0 0 0; width: 225px; height: 70px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1b1c22;} #tent a {margin: 0 0 0 70px; padding: 0 0 0 100px; position: relative; top: 17px; width: 100px; height: 14px; background: url(../img/homepage/enter-site.jpg) no-repeat center;} #tent a:hover {background: url(../img/homepage/enter-site-over.jpg) no-repeat center;} #trekking {margin: 0; padding: 0 0 0 20px; width: 262px; height: 317px; float: left; background: url(../img/homepage/trekking-btn-bkg.png) no-repeat;} #trekking p {margin: 0; padding: 195px 0 0 0; width: 225px; height: 70px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1b1c22;} #trekking a {margin: 0 0 0 70px; padding: 0 0 0 100px; position: relative; top: 17px; width: 100px; height: 14px; background: url(../img/homepage/enter-site.jpg) no-repeat center;} #trekking a:hover {background: url(../img/homepage/enter-site-over.jpg) no-repeat center;} .prev-next p {margin: 0; padding: 0 0 0 50px; position: relative; top: -40px; bottom: 0; color: #2c2d30; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; text-transform: uppercase; width: 200px; text-align: right; } .prev-next a {text-decoration: none; color: #2c2d30;} .prev-next a:hover {color: #bd8333;} .prev {margin: 0; padding: 0 0 0 12px; background: url(../img/icon-back.gif) no-repeat top left; line-height: 10px;} .next {margin: 0; padding: 0 12px 0 0; background: url(../img/icon-next.gif) no-repeat top right; line-height: 10px;} #white-bkg {margin: 0; padding: 0 0 60px 0; background: #fff;} #homepage-white-bkg {margin: 0; padding: 0 0 100px 0; background: #fff;} /*** Main Navigation -------------------------------------- /*** Son of Suckerfish Menu --------------------------------------*/ #main-nav {margin: 0; padding: 0 0 0 70px; float: left; position: relative; z-index: 1025; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; line-height: 103px; } #main-nav a {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; text-decoration: none; letter-spacing: 0.08em;} #nav, #nav ul { padding: 0; margin: 0; list-style: none; } #nav a { display: block;} #nav li { float: left; margin: 0 8px; padding: 0 8px; } #nav li ul { position: absolute; left: -999em; } #nav li:hover, #nav li.sfhover {background-color: #c41230; color: #fff;} #nav li:hover ul, #nav li.sfhover ul {color: #c41230; left: auto; margin: 0 0 0 -16px; padding: 8px; background-color: #fff; line-height: 16px; border: 1px solid #c41230; border-top: 6px solid #c41230; } /*** Son of Suckerfish Menu Tweaks --------------------------------------*/ #nav li ul li {color: #000; text-align: left; background-color: #fff;} #nav li ul li:hover {color: #c41230; background-color: #fff;} #nav li ul li a {margin: 0; padding: 0; color: #000; font-size: 11px; background-color: #fff;} #nav li ul li a:hover {margin: 0; padding: 0; background-color: #fff; padding: 0; color: #c41230;} #products-nav {margin: 0; padding: 0; width: 569px; height: 242px; text-align: left; font-weight: normal; background-color: #fff;} #products-nav p {margin: 0; padding: 2px 0;} #products-nav a {text-decoration: none;} #products-nav-snowshoes {margin: 0 0 0 -10px; padding: 0; float: left; width: 100px; height: 232px; padding: 0 10px 0 2px;} #products-nav-snowshoes span {color: #c41230; letter-spacing: 1px; font-size: 12px;} #products-nav-trekking {float: left; width: 110px; height: 222px; padding: 0 10px; border-left: 1px dotted #c41230;} #products-nav-tents {float: left; width: 70px; height: 222px; padding: 0 10px; border-left: 1px dotted #c41230;} #products-nav-accessories {float: left; width: 103px; height: 222px; padding: 0 10px; border-left: 1px dotted #c41230;} #products-nav-oem {float: left; width: 108px; height: 222px; padding: 0 2px 0 10px; border-left: 1px dotted #c41230;} #products-nav-title {margin: 0; padding: 0;} #company-nav ul li {margin: 0; padding: 0; width: 110px; line-height: 8px;} #downloads-nav ul li {margin: 0; padding: 0; width: 90px; line-height: 8px;} /*** Miscellaneous --------------------------------------*/ .products-nav-title {margin: 0; padding: 0; font-weight: bold; font-size: 14px; color: #c41230; background-color: #fff;} .products-nav-subtitle {margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #000; background-color: #fff;} .products-nav-indent {margin: 0; padding: 0; background-color: #fff;} /*** SNOWSHOE & TREKKING POLES HOMEPAGE -------------------------------------- */ .product-content-area {margin: 0 auto; padding: 0; text-align: center; background: #000; border-bottom: solid 3px #c41230;} .trekking-content-area {margin: 0 auto; padding: 0; text-align: center; background: #000; border-bottom: solid 3px #cf8428;} .product-home {margin: 0; padding: 0; background: #000; width: 100%;} #home_flash {margin: 0 auto; padding: 0; text-align: center; width: 970px; height: 412px;} .bottom-buttons {margin: 0 auto; padding: 20px 0 80px 90px; text-align: center; width: 970px;} #buttons {margin: 0; padding: 0 6px 0 0; float: left;} /*** TENT HOMEPAGE -------------------------------------- */ .tent-content-area {margin: 0 auto; padding: 0; text-align: center; background: #ededec; border-bottom: solid 3px #cf8428;} .tent-home {margin: 0; padding: 0; background: #ededec; width: 100%;} #tent-home_flash {margin: 0; padding: 0; background: #ededec;} /*** PRODCUT STYLES -------------------------------------- */ .white-bkg {margin: 0; padding: 0; width: 100%; height: 100%; background: #fff;} .content-area {margin: 0 auto; padding: 0; width: 970px; text-align: center; background: #fff;} #content {margin: 0 auto; padding: 0; text-align: left; width: 970px; height: 100%; background: #fff;} #content h3 {margin: 0 0 22px 20px; padding: 16px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 21px; color: #030508; text-transform: uppercase;} #content h3 span {margin: 0; padding: 0 0 0 20px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #c41230; text-transform: none;} #side-nav {margin: 0 0 0 20px; padding: 0; width: 160px; float: left; clear: both; background: #fff url(../img/side-nav-bkg.png) repeat-x top left; border-left: solid 1px #e5e6e7; border-right: solid 1px #e5e6e7; border-bottom: solid 1px #e5e6e7;} #side-nav h4 {margin: 0; padding: 4px 0 0 0; text-align: center; font-family: Verdana, Helvetica, sans-serif; font-size: 14px; color: #fff;} #side-nav ul {margin: 0; padding: 9px 0 0 0; list-style: none;} #side-nav li {margin: 0; padding: 5px 0 5px 17px;} #side-nav a { margin: 0; padding: 0; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #736f6e;} #side-nav a:hover {color: #c41230;} #dealer-loc {margin: 0 auto; padding: 0; text-align: center;} #prod-btns {margin: 0; padding: 0; width: 255px;} #loc-dealer {margin: 0; padding: 0 8px 0 0; width: 130px; height: 16px; float: left;} #share-btn {margin: 0; padding: 0; width: 83px; height: 16px; float: left;} .product-page {margin: 0; padding: 0 54px 0 20px; width: 702px; float: left; clear: right;} .prod-link {margin: 0 auto; padding: 184px 0 0 0; text-align: center;} #men-shoes-prod-page {margin: 0; padding: 6px; float: left; width: 221px; height: 208px; background: url(../img/men-snowshoes-bkg.jpg) no-repeat center;} #men-shoes-prod-page a {margin: 0; padding: 0; vertical-align: bottom; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #736f6e;} #men-shoes-prod-page a:hover {color: #c41230;} #wommen-shoes-prod-page {margin: 0; padding: 6px; float: left; width: 221px; height: 208px; background: url(../img/women-snowshoes-bkg.jpg) no-repeat center;} #wommen-shoes-prod-page a {margin: 0; padding: 0; vertical-align: bottom; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #736f6e;} #wommen-shoes-prod-page a:hover {color: #c41230;} #tent-prod-page {margin: 0; padding: 6px; float: left; width: 221px; height: 208px; background: url(../img/tent-bkg.jpg) no-repeat center;} #tent-prod-page a {margin: 0; padding: 0; vertical-align: bottom; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #736f6e;} #tent-prod-page a:hover {color: #c41230;} #trekking-prod-page {margin: 0; padding: 15px 6px; float: left; width: 221px; height: 208px; background: url(../img/trekking-bkg.jpg) no-repeat center;} #trekking-prod-page a {margin: 0; padding: 0; vertical-align: bottom; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #736f6e;} #trekking-prod-page a:hover {color: #c41230;} #accessories-prod-page {margin: 0; padding: 15px 6px; float: left; width: 221px; height: 208px; background: url(../img/accessories-bkg.jpg) no-repeat center;} #accessories-prod-page a {margin: 0; padding: 0; vertical-align: bottom; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #736f6e;} #accessories-prod-page a:hover {color: #c41230;} #gear-year {margin: 0; padding: 0; float: left; height: 106px; width: 105px;} #video-review {margin: 0; padding: 20px 0 0 70px; float: left; height: 101px; width: 243px; clear: right;} #sizes {margin: 0; padding: 150px 0 0 0;} /*** PRODUCT CAT PAGE STYLES -------------------------------------- */ .product-page-cat {margin: 0; padding: 0; width: 970px; float: left; clear: both;} #side-photo {margin: 0; padding: 0 0 0 70px; width: 390px; float: left;} #trekking-side-photo {margin: 0; padding: 0; width: 390px; float: left;} .right-side {margin: 0; padding: 0; width: 480px; float: right;} .right-side h4 {margin: 0; padding: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #030508; text-transform: uppercase;} .product {margin: 0 0 15px 0; padding: 0 3px; width: 142px; height: 175px; float: left; display: block;} .product .product_thumbnail {width:145px; height:144px; background:url(../img/snowshoes/prod_thumb_bkg.gif) top left repeat-x; clear:both;} .product .product_title {width:145px; height:31px; background:url(../img/snowshoes/prod_title_bkg.gif) top left repeat-x; clear:both; color:#2c2d30; font-size:10px; font-weight:bold; padding:0px;} .product .product_title p {margin: 0 auto; padding: 0; text-align: center; line-height: 30px; margin: 0; padding: 0 0 0 7px; text-transform:uppercase;} .product .product_title a {color:#2c2d30; text-decoration: none; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #313335;} .product .product_title a:hover {color: #c41230;} .tent-product {margin: 0 0 15px 0; padding: 0 3px; width:210px; height:175px; float:left; display: block;} .tent-product .tent-product_thumbnail {margin: 0; padding: 0; width:210px; height:144px; background:url(../img/snowshoes/prod_thumb_bkg.gif) top left repeat-x; clear:both;} .tent-product .tent-product_title {margin: 0; padding: 0; width:210px; height:31px; background:url(../img/snowshoes/prod_title_bkg.gif) top left repeat-x; clear:both; color:#2c2d30; font-size:10px; font-weight:bold; padding:0px;} .tent-product .tent-product_title p {margin: 0 auto; padding: 0; text-align: center; line-height: 30px; margin: 0; padding: 0 0 0 7px; text-transform:uppercase;} .tent-product .tent-product_title a {margin: 0; padding: 0; color:#2c2d30; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #313335;} .tent-product .tent-product_title a:hover {color: #c41230;} #cat-page-copy {margin: 0; padding: 0; width: 460px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #313335;} #cat-page-copy span {font-size: 13px; font-weight: bold;} #cat-page-copy a {text-decoration: none; color: #c41230; font-weight: bold;} #cat-page-copy a:hover {color: #313335;} /*** PRODUCT DETAIL STYLES -------------------------------------- */ .prod-left-side {margin: 0; padding: 0 10px 0 0; width: 400px; height: 500px; float: left;} #prod-left-side-content {margin: 0; padding: 0 0 0 18px;} .prod-right-side {margin: 0; padding: 0 0 0 25px; width: 450px; float: left; clear: right; border-left: solid 2px #000;} .acc-prod-right-side {margin: 0; padding: 0 0 0 25px; width: 450px; height: 500px; float: left; clear: right; border-left: solid 2px #000;} #right-side-content {margin: 0; padding: 0 0 0 18px; width: 560px;} #right-side-content h2 {margin: 0; padding: 13px 0 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #c41230;} #right-side-content h4 {margin: 0; padding: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #030508; text-transform: uppercase;} #right-side-content p {margin: 0; padding: 0; width: 480px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #313335; line-height: 16px;} #right-side-content span {color: #c41230; font-weight: bold;} #right-side-content a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #c41230; font-weight: bold; text-decoration: none;} #right-side-content a:hover {color: #313335;} .prod-tab {margin: 40px 0 0 18px; padding: 0; width: 500px; background: #f4f3f0 url(../img/prod-feat-bkg.gif) repeat-x top left;} .prod-pad {margin: 0; padding: 10px 20px 20px 10px; width: 470px;} #features-table {padding: 0; margin: 0; width: 475px;} .tab-main {padding: 0 0 0 5px; margin: 0; width: 225px; height: 24px; background: #333133;} .tab-main a {padding: 0 0 0 5px; margin: 0; background: #333133; color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; text-decoration: none;} .tab-main a:hover {background:#333133; text-decoration: none; color: #c2cd23; cursor: help;} /*BG color is a must for IE6*/ #tooltip {padding:5px; position:absolute; border: 2px solid #2c2d30; width: 300px; line-height: 14pt; background:#f4f3f0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #2c2d30; display:none;} #tooltip span {color: #c41230; font-weight: bold; font-size: 12px;} #tab-backcountry {padding: 0; margin: 0; width: 90px; height: 24px; background: #d17c2c;} #tab-vo2 {padding: 0; margin: 0; width: 90px; height: 24px; background: #c41230;} #tab-hike {padding: 0; margin: 0; width: 90px; height: 24px; background: #a7a9ac;} #tab-trail {padding: 0; margin: 0; width: 90px; height: 24px; background: #c2cd23;} #top-tab {padding: 3px 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-align: center; vertical-align: bottom;} #white-tab {padding: 0; margin: 0; width: 90px; height: 24px; background: #f4f3f0;} #pat-text p {margin: 0; padding: 0 0 0 5px; font-size: 10px;} #features-top-tab {padding: 3px 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-align: left; vertical-align: bottom;} .you-like-padd {margin: 0; padding: 15px 0 20px 0; width: 470px;} .you-like-left {margin: 0; padding: 15px 0; width: 150px; float: left; clear: left;} .you-like-left p {margin: 0; padding: 3px 0 15px 0; width: 143px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#313335;} .you-like-left a {margin: 0; padding: 0; text-align: center; text-decoration: none; color:#313335;} .you-like-left a:hover {color: #c41230;} .you-like-right {margin: 0; padding: 20px 0 0 20px; width: 275px; float: left;} .you-like-right h4 {margin: 0; padding: 0 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;} .you-like-right p {margin: 0; padding: 3px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#313335;} .you-like-right span {margin: 0; padding: 3 px 0 0 0; color: #c41230; font-size: 11px;} .you-like-right a {margin: 15px 0 0 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none; color:#313335;} .you-like-right a:hover {color: #c41230;} #size-chart {margin: 0 auto; padding: 0 0 40px 0; text-align: 0;} #footprint-text {margin: 0; padding: 0;} #footprint-text p {margin: 0; padding: 10px 0 0 0;} #footprint-image {margin: 0; padding: 0;} #spec-text {margin: 0; padding: 0 0 15px 0;} #rock-lock-left {margin: 0; padding: 6px 15px 0 0; width: 250px; float: left;} #rock-lock-right {margin: 0; padding: 14px 0 0 15px; width: 160px; float: left;} #tent-feat-chart {margin: 0; padding: 0 0 0 15px; width: 460px;} .feat-cat-1 {margin: 0; padding: 4px; width: 460px; font-weight: bold; vertical-align: text-top; font-size: 12px; background: #898c90; color: #fff;} .feat-cat-2 {margin: 0; padding: 4px; width: 460px; font-weight: bold; color: #c04123; font-size: 12px; background: #d5d5d5; color: #000; vertical-align: text-top;} /*** Contact Page -------------------------------------- */ .contact {margin: 0; padding: 0 0 0 30px;} .contact a {margin: 0; padding: 0; color: #c41230; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none;} .contact a:hover {color: #2c2d30;} #contact-left {margin: 0; padding: 0; width: 420px; float: left;} #contact-left h4 {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; color: #c41230;} #contact-left p {margin: 0; padding: 10px 0; color: #2c2d30; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px;} #contact-left #become-dealer {margin: 0; padding: 30px 0 0 0;} #contact-right {margin: 0; padding: 0 30px; width: 420px; float: left;} /*** Product Image Gallery -------------------------------------- */ .demo {margin: 32px 0 0 0; padding: 0; position:relative;} .gallery_demo {margin:0 auto; padding: 0; width: 331px;} .gallery_demo li {margin: 0; padding: 0 15px 0 15px; width: 67px; height: 39px; border: 1px #fff;} .gallery_demo li div {top: 140px;} #main_image {margin:0 auto; height: 361px; width: 331px;} #main_image img {margin: 0; padding: 0;} #main-image p {margin: -26px 0 0 0; padding: 0 0 0 30px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #313335;} .nav {padding: 15px 0 0 0; clear: left;} .galleria {list-style: none; width: 351px;} .galleria li {padding: 8px 0 0 5px; margin: 0; display: block; width: 66px; height: 44px; overflow: hidden; float: left; background: #fff;} .galleria li a {padding: 0; display: none;} .galleria li div {position: absolute; display: none; top: 0; left: 180px;} .galleria li div img {cursor: pointer;} .galleria li.active div img,.galleria li.active div {display: block;} .galleria li img.thumb {margin: 0; padding: 0; cursor: pointer; top: auto; left: auto; display: block; width: auto; height: auto;} .gallery_demo_unstyled {margin: 20px 0 0 0; padding: 0; width: 400px; height: 91px; background: url(../img/prod-detail-image-bkg.gif) no-repeat;} /*** Product Tab Content -------------------------------------- */ .tabs {padding: 10px 0; margin: 0; float: left;} #prodict-tabs {padding: 0; margin: 0; background: #fff; height: 21px; width: 500px;} #feature-chart {padding: 15px 0 0 0; margin: 0 0 0 -7px;} .tab-top-padd {padding: 20px 0 0 20px; margin: 0;} .tab-box {padding: 0 50px 0 50px; margin: 0; background: #fff; height: 2px; width: 500px;} .indentmenu {padding: 30px 0 0 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;} .indentmenu ul {padding: 0 0 0 0; margin: 5px 80px 0 15px; width: 500px; height: 20px; float: left;} .indentmenu ul li {display: inline;} .indentmenu ul li a {padding: 5px 10px 0 10px; margin: 0; height: 19px; background: #fff; float: left; color: #313335; text-decoration: none; border-top: 1px solid #a4a4a4; border-left: 1px solid #a4a4a4; border-right: 1px solid #a4a4a4;} .indentmenu ul li a:hover {color: #c41230;} .indentmenu ul li a.selected {padding: 5px 10px; height: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #313335; background: #f4f3f0; border-top: 1px solid #a4a4a4; border-left: 1px solid #a4a4a4; border-right: 1px solid #a4a4a4;} .tabcontentstyle {padding: 10px 10px 0 10px; margin: 0 0 1em 0; height: 10px;} .tabcontent {padding: 0 0 50px 0; margin: 0 0 10px 0; display: none;} .prod-text {padding: 10px 0 0 0; margin: 0;} .prod-text h4 {padding: 15px 0 0 15px; margin: 0; border-bottom: solid 1px #2c2d30; font-family: Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: 1px; font-weight: bold; color: #c41230;} .prod-text p {padding: 15px 0 0 20px; margin: 0; color: #2c2d30; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .prod-text .float-left {width: 500px; float: left;} .prod-text .float-right {width: 500px; float: right;} #prod-feat-content {margin: 0; padding: 0;} #prod-feat-content p {margin: 0; padding: 0 0 15px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #313335;} #prod-feat-content h4 {margin: 0; padding: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #313335; border-bottom: none;} #prod-comp {margin: 0; padding: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #313335; line-height: 16px;} #rock-lock {margin: 0; padding: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #313335; line-height: 16px;} #sizing-chart {margin: 0; padding: 30px 15px 0 15px;} #sizing-chart p {margin: 0; padding: 0 0 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #313335;} #sizing-chart h4 {margin: 0; padding: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #313335; border-bottom: none;} #sizing-chart img {margin: 0; padding: 10px 0 0 20px; text-align: center;} #video {margin: 0; padding: 15px;} #you-like {margin: 0; padding: 15px;} #FlashVideoPlayer {margin: 0; padding: 0;} #video-player {margin: 0 auto; padding: 15px 0 0 0; text-align: center;} #video-player h4 {margin: 0; padding: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #313335; border-bottom: none;} #vid-desc {margin: 0; padding: 0; text-align: left;} #vid-desc h5 {margin: 0; padding: 10px 0; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #313335;} #vid-desc p {margin: 0; padding: 0 0 0 10px;} #vid-desc span {margin: 0; padding: 20px 0; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #313335;} #warranty-chart {margin: 0; padding: 30px 15px 0 15px;} #warranty-chart p {margin: 0; padding: 0 0 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #313335;} #warranty-chart h4 {margin: 0; padding: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #313335; border-bottom: none;} #warranty-chart img {margin: 0; padding: 10px 0 0 20px; text-align: center;} #specs .prod-text {margin: 0; padding: 20px 0 0 10px;} #prod-comp .prod-text {margin: 0; padding: 5px 0 0 10px;} #specs {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #313335;} #specs p {margin: 0; padding: 5px 90px 5px 0; text-align: right;} #specs span {margin: 0; padding: 0; font-weight: bold; color: #c41230;} #specs h4 {margin: 0; padding: 0 0 15px 0;} #footprint-text {margin: 0 auto; padding: 0; text-align: center;} #footprint p {font-size: 10px;} /*** ENVIROMENTAL & DOWNLAODS CONTACT US STYLES -------------------------------------- */ .enviro {margin: 0; padding: 0 0 0 35px; width: 970px;} #enviro-left {margin: 0; padding: 0; float: left; clear: left; background: #fff;} #enviro-right {margin: 0; padding: 0 0 20px 20px; width: 716px; float: left; background: #fff;} #enviro-right p {margin: 0; padding: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #313335;} #enviro-right span {color: #497849; font-weight: bold; font-size: 13px;} .dwn-holder {padding: 5px; margin: 0 auto; width: 210px; float: left; text-align: center; background: #fff;} #top-pic {padding: 0; margin: 0; height: 144px;} #dwn-link {padding: 5px 0 20px 0; margin: 0;} #dwn-link a {padding: 0; margin: 0; text-decoration: none; text-transform: uppercase; color: #2c2d30; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} #dwn-link a:hover {color: #c41230;} .company-copy {margin: 0; padding: 0 0 0 35px; width: 850px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #313335;} .company-copy span{color: #c41230; font-weight: bold;} .company-copy h4 {margin: 0; padding: 3px 0 0 0; font-family: Arial, Helvetica, sans-serif; color: #c41230; font-size: 14px; width: 850px; border-bottom: 1px #bdc2b4 solid;} .company-copy h5 {margin: 0; padding: 3px 0 0 0; font-family: Arial, Helvetica, sans-serif; color: #c41230; font-size: 14px;} .company-copy {margin: 0; padding: 0 0 0 35px; width: 850px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #313335;} #news-date {margin: 0; padding: 25px 0 0 0; font-family: Arial, Helvetica, sans-serif; color: #2c2d30; font-weight: bold; font-size: 16px;} .oem-logo {margin: 0; padding: 10px 50px 0 50px; float: left;} .oem-copy {margin: 0; padding: 10px 0 0 0; float: left; width: 450px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #313335; line-height: 16px;} .sitemap-copy {margin: 0; padding: 0;} .sitemap-copy ul li {margin: 0; padding: 1px 0 1px 0; color: #c41230;} .sitemap-copy a {margin: 0; padding: 0; text-decoration: none; color: #000;} .sitemap-copy a:hover{text-decoration: underline; color: #c41230;} #job-title {margin: 0; padding: 0; width: 730px color: #82806b; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-bottom: 1px solid #000;} #job-title span {color: #c41230; font-size: 15px; font-weight: bold;} #jobs-title h3 {color: #c41230; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-transform:uppercase;} #jobs-title p {margin: 0; padding: 0;} #jobs {margin: 0; padding: 10px 0 0 25px; height: 300px;} .job-link {margin: 0; padding: 0; color: #2c2d30; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: none; text-transform: uppercase;} .job-link:hover {color: #c41230;} .job-link:visited {color: #c41230;} #jobs p {margin: 0; padding: 0;} #jobs li {margin: 0; padding: 0;} #email-link {color: #000; text-decoration: none;} #priv {padding: 0 100px; margin: 0 auto; width: 635px; text-align: center;} .privacy-policy {padding: 0; margin: 0; text-align: left;} .privacy-policy h4{margin: 0; padding: 15px 0 5px 0; font-family: Arial, Helvetica, sans-serif; color: #c41230; font-size: 14px;} .privacy-policy p {padding: 5px 0; margin: 0; line-height: 16px; font-family: arial, helvetica, sans-serif; font-size: 12px; color: #000; } .privacy-policy a {color: #c41230; font-weight: bold; text-decoration: none;} .privacy-policy a:hover {color: #000;} .privacy-policy ul {padding: 0 0 0 50px; margin: 0;} .race {margin: 0; padding: 0 0 0 35px; width: 970px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #313335;} #race-left {margin: 0 30px 0 0; padding: 0; width: 275px; float: left;} #race-right {margin: 0; padding: 0; width: 510px; float: left; } #race-right a {margin: 30px 0 0 0; padding: 0;} /*** Feature page ---------------------*/ .feature a{margin: 0; padding: 0; color: #c41230; font-weight: bold; text-transform: uppercase;} #features-content {padding: 0; margin: 0 auto; width: 890px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; } #product-info .features-list {padding: 24px; float: left; width: 322px; background: url(../img/snowshoes/products-bg.gif) no-repeat;} #product-info .features-list h3 {margin: 0; padding: 0; color: #c41230; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 15px; border-bottom: 0px;} #product-info .features-list .no-margin {margin: 0; padding: 0; line-height: 1em;} #product-info .features-list p {line-height: 1.7em; font-size: 0.92em;} #product-info .features-list a {font-weight: bold; text-decoration: none; color: #000;} #product-info .features-list a:hover {color: #c41230;} #product-info .features-image {float: right; width: 483px; padding: 75px 15px 0; margin: 0; position: relative;} #product-info .features-image .feature {position: absolute; width: 335px; height: auto; z-index: 400;} #product-info .features-image .marker {display: block; width: 14px; height: 14px; background: url(../img/snowshoes/features-plus.png) no-repeat; cursor: pointer; position: absolute; z-index: 100;} #product-info .features-image .popup {width: 100%; padding: 0 0 23px 0; margin: 0; background: url(../img/snowshoes/popup-footer.gif) no-repeat bottom left; font-size: 0.92em; display: none; border-top: 1px #bdc2b4 solid;} #product-info .features-image .reverse .popup {width: 100%; background: url(../img/snowshoes/popup-footer-reverse.gif) no-repeat bottom right;} #product-info .features-image .popup p {margin: -2px 0 0; padding: 20px 5px 10px 10px; background-color: #fff; border: 1px #bdc2b4 solid; border-bottom: 0; position: relative;} #product-info .features-image .popup p .close-link {display: block; position: absolute; top: 3px; right: 10px; color: #9B5134;} #product-info .features-image .popup strong {text-transform: uppercase;} #product-info .features-image .popup a {font-weight: bold; text-decoration: none;} #product-info .features-image #feature1 {top: 16px; left: 175px; width: 295px; z-index: 500;} #marker1 {top: 115px; left: 205px;} #product-info .features-image #feature2 {top: 40px; left: 132px; width: 262px;} #marker2 {top: 140px; left: 162px;} #product-info .features-image #feature3 {top: 67px; left: 8px;} #marker3 {top: 150px; left: 38px;} #product-info .features-image #feature4 {top: 82px; left: 95px; width: 262px;} #marker4 {top: 180px; left: 125px;} #product-info .features-image #feature5 {top: 96px; left: 95px;} #marker5 {top: 195px; left: 125px;} #product-info .features-image #feature6 {top: 112px; left: 142px;} #marker6 {top: 212px; left: 172px;} #product-info .features-image #feature7 {top: 152px; left: 132px; width: 262px;} #marker7 {top: 232px; left: 162px;} #product-info .features-image #feature8 {top: 65px; left: 157px;} #marker8 {top: 179px; left: 187px;} #product-info .features-image #feature9 {top: 145px; left: 30px; width: 295px;} #marker9 {top: 245px; left: 260px;} #product-info .features-image #feature10 {top: 162px; left: 165px; width: 295px;} #marker10 {top: 242px; left: 395px; width: 295px;} #product-info .features-image #feature11 {top: 153px; left: 139px; width: 295px;} #marker11 {top: 234px; left: 368px;} #product-info .features-image #feature12 {top: 90px; left: 78px; width: 295px;} #marker12 {top: 192px; left: 308px;} #product-info .features-image #feature13 {top: 179px; left: 154px; width: 295px;} #marker13 {top: 261px; left: 383px;} #product-info .features-image #feature14 {top: 188px; left: 170px; width: 295px;} #marker14 {top: 272px; left: 398px;} #product-info .features-image #feature15 {top: 193px; left: 143px; width: 295px;} #marker15 {top: 276px; left: 372px;} #product-info .features-image #feature16 {top: 16px; left: 225px; width: 265px; z-index: 500;} #marker16 {top: 115px; left: 255px;} /*** FOOTER STYLES -------------------------------------- */ .homepage-footer {margin: 0; padding: 0; height: 320px; background:#000 url(../img/footer-bkg.gif) repeat-x top left;} .footer {margin: 0; padding: 0; height: 320px; background:#000 url(../img/footer-bkg.gif) repeat-x top left;} .footer-nav-content {margin: 0 auto; padding: 33px 0 0 0; text-align: center; width: 970px;} .footer-nav {margin: 0; padding: 0; text-align: left; } .footer-nav li {margin: 0; padding: 6px 0 8px 0; width: 100px; border-bottom: solid 1px #8f8e8e;} .footer-nav span {margin: 0; padding: 0; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #8f8e8e; text-transform: uppercase;} .footer-nav a {margin: 0; padding: 0; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #8f8e8e; text-transform: uppercase;} .footer-nav a:hover {color: #c41230;} .footer-nav #products {margin: 0; padding: 0 0 0 150px;; float: left; width: 115px;} .footer-nav #products ul {margin: 0; padding: 0; list-style: none;} .footer-nav #environment {margin: 0; padding: 0 0 0 30px; float: left; width: 115px;} .footer-nav #environment ul {margin: 0; padding: 0; list-style: none;} .footer-nav #company {margin: 0; padding: 0 0 0 30px; float: left; width: 115px;} .footer-nav #company ul {margin: 0; padding: 0; list-style: none;} .footer-nav #downloads-footer {margin: 0; padding: 0 0 0 30px; float: left; width: 115px;} .footer-nav #downloads-footer ul {margin: 0; padding: 0; list-style: none;} .footer-nav #contact {margin: 0; padding: 0 0 0 30px; float: left; width: 115px;} .footer-nav #contact ul {margin: 0; padding: 0; list-style: none;} #footer-logo {margin: 0; padding: 50px 0 0 20px; position: relative; float: right;} #copyright {margin: 0 auto; padding: 30px 0 0 151px; text-align: center; bottom: 0; width: 970px; float: left;} #copyright p {display: block; margin: 0; padding: 0; text-align: left; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 9px; color: #8f8e8e; text-transform: uppercase} #copyright a { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 9px; color: #8f8e8e; text-transform: uppercase; text-decoration: none;} #copyright a:hover {color: #c41230;}