
#wrapper #main #page{padding-top:0;}
/* mosaic */
#mosaic{background:#000;overflow:hidden;padding:10px;margin:0 -10px;width:960px;color:#fff;font:bold italic 12px/14px Georgia, serif;}
#mosaic p,
#mosaic img{display:block;margin:0 auto;}

#mosaic p{margin:0 0 5px;}
#mosaic a {color: #96cdf0;}
#mosaic a img{display:inline;}
#mosaic a span{padding-left:3px;color: #96cdf0;}
#mosaic a:hover span{text-decoration:none; color: #96cdf0;}
#mosaic a:hover {text-decoration:none; color: #96cdf0;}
#mosaic .rollover-content{display:none;position:absolute;top:0;left:0;overflow:hidden;text-align:center;}
#mosaic .rollover-contentM{display:none;position:absolute;top:0;left:0;overflow:hidden;text-align:center;}
.ie6 #mosaic .rollover-contentM{border:3px solid #0483BA; position:absolute; top:0; padding: 10px; left:0; text-align:center; background: url(../images/backgrounds/85-percent-black.png) repeat scroll 0 0;}
.ie6 #mosaic .rollover-content{background:transparent;}
#mosaic .text-overlay{position:absolute;top:0;left:0;}
#mosaic .hover .rollover-content{display:block;}
#mosaic .hover .rollover-contentM{display:block;margin-top:0px;padding:0px;}
#mosaic .set1 {width:400px;float:left;margin:0 10px;position:relative;}
#mosaic .set4 {width:270px;float:left;}
#mosaic .set4 .full {clear:left;position:relative;}

#mosaic .set4 .half {float:left;margin:10px 0;position:relative;}
#mosaic .set4 .half-1 {padding-right:10px;}
#mosaic .set4 .half .half-1 .rollover-content {padding-right:10px;top-margin:-10px;}
#mosaic .full-3 {display: inline; clear:left;position:relative;}
#mosaic .set4 .half img {float:left;}
#mosaic .set1 .rollover-contentM{width:400px;height:432px;}


#mosaic .set4 .fullB .rollover-content{}
#mosaic .set4 .half .rollover-content{}
#mosaic .set1 img.ro-text{margin:20px auto;}
#mosaic .set4 img.ro-text{margin:0px auto 10px;}
#mosaic .set4 img.ro-text2{margin:-10px auto 10px;}
#mosaic .set4 .shop-trio p {margin:0 auto 15px;}
#mosaic .set4 .shop-trio h6 {padding-top:10px;margin:0 auto 15px;}
.ie #mosaic .set4 .shop-trio h6 {padding-left:3px;} /* ie doesn't seem to be able to calculate what centered means very well */
#mosaic .set4 .shop-trio a img {display:block;}
.message-ribbon{margin:0 -10px; width: 980px; background-color: #0089bd; text-align: center; }
#mosaic .set4 .rollover-content img{float:none;}

/* Using columns rather than the "set" to simplify the mosaic. Widths & Height is within divs */
#mosaic .col1 {float:left;}
#mosaic .col1 .full {clear:left;position:relative;}
#mosaic .col2 {float:left; margin-left: 10px; position:relative;}
#mosaic .col2 .full {clear:left;position:relative;}
#mosaic .col3 {float:left;}
#mosaic .col3 .full {clear:left;position:relative;}

/* added for new banner v2 */
#mosaic .set1 .main_col_banner { padding: 8px 3px 8px 3px;  border-top: 1px solid #4a82b7; height: 12px; width: 292px;  }
#mosaic .set1 .main_col_banner_H { padding: 8px 5px 8px 3px;  height: 18px; border-top: 1px solid #4a82b7 ; width: 292px; text-align: center; }
.main_col_banner_N { padding: 8px 3px 8px 3px; border-top: 1px solid #4a82b7; height: 20px; width: 292px;}
.main_col_banner_N  img { display: inline !important; } 
.main_col_banner_N  a{ display: inline !important; }
#mosaic .header1 { font-size: 18px; line-height: 1.1em;}
#mosaic .header2 { font-size: 14px; }
#mosaic .header3 { font-size: 12px; }
#mosaic .txt_float { width: 130px; padding-left: 6px; padding-right: 10px; float: left; height: 7px; text-align: left; } 
#mosaic .move_text {left:37px;position:relative; }
.ie #mosaic .move_text {left:0px;position:relative; }



/* features (the 3 columns after the mosaic) */
.features {width:960px;}
.features .feature {float:left;width:310px;margin:20px 0 10px 15px;position:relative;}
.features h2{text-indent: 0px;padding-bottom:13px;background:url(../images/home/features/hr-pattern.gif) bottom left repeat-x;}
.features .f1 {margin-left:0;}
.features .f1 h3 a,
.features .f2 h3 a{cursor: pointer; display:block;text-indent:-9999px;background:url(../images/home/features/headlines-sprite.png) 0 0 no-repeat;font:9px/9px serif;height:9px;overflow:hidden;margin:0 0 5px;}
.features .f3 h3 {cursor: pointer; font-size:15px;font-weight:normal;margin:0 0 5px;}
.features .feature-link{position:absolute;right:0;margin-top:-22px;}

/* actual headlines */
.features .f1 h3.winter a{background:url(../images/headlines/winter.gif;) no-repeat;  text-indent:-9999px; width: 120px;height:13px}
.features .f1 h3.trail a{background:url(../images/headlines/trail.gif;) no-repeat;  text-indent:-9999px; width: 120px; height: 13px}
.features .f1 h3.water a{background-position:0 -18px;}
.features .f1 h3.travel a{background-position:0 -27px;}
.features .f1 h3.hunting a{background-position:0 -36px;}
.features .f1 h3.fishing a{background-position:0 -45px;}
.features .f1 h3.golf a{background-position:0 -54px;}
.collegiate {CURSOR: pointer; background:transparent url(../images/headlines/collegiate.gif;) no-repeat;  text-indent:-9999px; width: 100px;}
.collegiate a{ CURSOR: pointer; }

/*  NO LONGER NEEDED
.features .f2 .omni-tech h3 a{background-position:0 -63px;}
.features .f2 .active .omni-tech h3 a{background-position:0 -72px;}
.features .f2 .omni-heat h3 a{background-position:0 -81px;}
.features .f2 .active .omni-heat h3 a{background-position:0 -90px;}
.features .f2 .omni-shade h3 a{background-position:0 -99px;}
.features .f2 .active .omni-shade h3 a{background-position:0 -108px;}
.features .f2 .omni-dry h3 a{background-position:0 -117px;}
.features .f2 .active .omni-dry h3 a{background-position:0 -126px;}
.features .f2 .omni-freeze h3 a{background-position:0 -135px;}
.features .f2 .active .omni-freeze h3 a{background-position:0 -144px;}
*/





.features .f1 ul {padding-top:5px;}
.features .f1 li {float:left;width:145px;padding:5px;font-size:10px;}
.features .f1 li.odd {clear:left;}

.features .f2 li {padding:10px 0 5px;border-bottom:1px solid #e6e6e6;clear:left;}
.features .f2 li div {width:100%;}
.features .f2 li.active {padding:10px 0 0;}
.features .f2 a.tech-icon {float:left;}

/*moved to global.css
.features .f2 a.tech-icon {float:left;width:120px;margin:0 10px 10px 0;text-indent:-9999px;background:url(../images/home/icons/technologies.gif) 0 0 no-repeat;}
.features .f2 .omni-tech a.tech-icon{height:64px;}
.features .f2 .omni-heat a.tech-icon{height:74px;background-position:0 -120px;}
.features .f2 .omni-shade a.tech-icon{height:43px;background-position:0 -240px;}
.features .f2 .omni-shield a.tech-icon{height:98px;background-position:0 -360px;}
.features .f2 .omni-dry a.tech-icon{height:64px;background-position:0 -480px;}
.features .f2 .omni-freeze a.tech-icon{height:89px;background-position:0 -600px;}
.features .f2 .tech-lite a.tech-icon{height:83px;background-position:0 -720px;}
.features .f2 .omni-grip a.tech-icon{height:72px;background-position:0 -840px;}
*/

.features .f3 li {float:left;width:100%;overflow:hidden;padding-top:10px;}
.features .f3 p {float:left;width:100%;overflow:hidden;}
.features .f3 img {float:none;margin:0 5px 5px 0;}
.features .f3 h2 img {float:none;margin:0;}

.features .video-overlay-trigger,
.feature-link {text-transform:uppercase;font-size:10px; margin-left: 100px; }

.more{text-transform:uppercase;font-size:10px; }

.features .f2 .omniheat { background:transparent url(../images/headlines/homepage_Science/home_header_omni-heat.gif;) no-repeat; CURSOR: pointer; text-indent:-9999px; }
.features .f2 .omnishield { background:transparent url(../images/headlines/homepage_Science/home_header_omni-shield.gif;) no-repeat; CURSOR: pointer; text-indent:-9999px; }
.features .f2 .omnishieldBG { background:transparent url(../images/headlines/homepage_Science/home_header_omni-shield-blood-guts.gif;) no-repeat; CURSOR: pointer; text-indent:-9999px; }
.features .f2 .omnitech { background:transparent url(../images/headlines/homepage_Science/home_header_omni-tech.gif;) no-repeat; CURSOR: pointer; text-indent:-9999px; }
.features .f2 .omnishade { background:transparent url(../images/headlines/homepage_Science/home_header_omni-shade.gif;) no-repeat; CURSOR: pointer; text-indent:-9999px;}
.features .f2 .omnidry { background:transparent url(../images/headlines/homepage_Science/home_header_omni-dry.gif;) no-repeat; CURSOR: pointer; text-indent:-9999px;}
.features .f2 .omnifreeze { background:transparent url(../images/headlines/homepage_Science/home_header_omni-freeze.gif;) no-repeat; CURSOR: pointer; text-indent:-9999px;}
.features .f2 .techlite { background:transparent url(../images/headlines/homepage_Science/home_header_techlite.gif;) no-repeat; CURSOR: pointer; text-indent:-9999px; }
.features .f2 .omnigrip { background:transparent url(../images/headlines/homepage_Science/home_header_omni-grip.gif;) no-repeat; CURSOR: pointer; text-indent:-9999px; }
.features .f2 .omniwick { background:transparent url(../images/headlines/homepage_Science/home_header_omni-wick.gif;) no-repeat; CURSOR: pointer; text-indent:-9999px; }
.features .f2 .insectblocker { background:transparent url(../images/headlines/homepage_Science/home_header_insect-blocker.gif;) no-repeat; CURSOR: pointer; text-indent:-9999px; }
.features .f2 .outdry { background:transparent url(../images/headlines/homepage_Science/home_header_outdry.gif;) no-repeat; CURSOR: pointer; text-indent:-9999px; }
.features .f2 a{ cursor: pointer; color:#1278C0; }
.features .f2 h3{ cursor: pointer; }



